.navbar-apobox{background:linear-gradient(135deg,#0f2b5b,#153d7a);box-shadow:var(--apo-shadow);padding:.5rem 0}.navbar-apobox .navbar-brand{font-weight:700;letter-spacing:-.025em;font-size:1.25rem;display:flex;align-items:center;gap:.5rem}.navbar-apobox .nav-link{font-weight:500;font-size:.8125rem;padding:.5rem 1rem;border-radius:.5rem;transition:background-color var(--apo-transition-fast);display:flex;align-items:center;gap:.375rem}.navbar-apobox .nav-link:hover{background-color:#ffffff1a}.navbar-admin{background:#0f2b5b;box-shadow:var(--apo-shadow)}.navbar-admin .navbar-brand{font-weight:700;letter-spacing:-.025em;display:flex;align-items:center;gap:.5rem}.navbar-admin .nav-link{font-weight:500;font-size:.8125rem;display:flex;align-items:center;gap:.375rem}.navbar-admin .settings-dropdown .dropdown-menu{box-shadow:var(--apo-shadow-lg);border:1px solid var(--apo-border);border-radius:.75rem;padding:1.25rem;min-width:280px}.card{box-shadow:var(--apo-shadow-sm);border:1px solid var(--apo-border);transition:box-shadow var(--apo-transition)}.stat-card{text-align:center;padding:1.5rem}.stat-card__icon{margin-bottom:.75rem;color:var(--apo-text-muted)}.stat-card__number{font-size:2rem;font-weight:700;color:#0f2b5b;line-height:1.2}.stat-card__label{font-size:.8125rem;color:var(--apo-text-muted);font-weight:500;margin-top:.25rem}.address-card{border:1px solid var(--apo-border);border-radius:.75rem;padding:1.25rem;margin-bottom:1rem;background:var(--apo-surface);transition:border-color var(--apo-transition-fast),box-shadow var(--apo-transition-fast)}.address-card:hover{border-color:#1a5fb44d;box-shadow:var(--apo-shadow)}.address-card__label{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--apo-text-muted);margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.address-card address{font-style:normal;line-height:1.6;color:var(--apo-text-primary);margin-bottom:0;overflow-wrap:anywhere;word-break:break-word}.detail-card{background:var(--apo-surface);border:1px solid var(--apo-border);border-radius:.75rem;overflow:hidden;margin-bottom:1.5rem}.detail-card__header{padding:1rem 1.5rem;border-bottom:1px solid var(--apo-border-light);display:flex;justify-content:space-between;align-items:center}.detail-card__header h4,.detail-card__header h5{margin:0;font-size:1rem;font-weight:600}.detail-card__body{padding:1.25rem 1.5rem}.detail-card__row{display:flex;padding:.5rem 0;border-bottom:1px solid var(--apo-border-light)}.detail-card__row:last-child{border-bottom:none}.detail-card__label{width:160px;flex-shrink:0;font-weight:500;font-size:.8125rem;color:var(--apo-text-muted)}.detail-card__value{color:var(--apo-text-primary);min-width:0}.detail-card--compact .detail-card__label{width:110px}.detail-card--compact .detail-card__body{padding:1rem 1.25rem}.table-card{background:var(--apo-surface);border:1px solid var(--apo-border);border-radius:.75rem;overflow:hidden;box-shadow:var(--apo-shadow-sm);margin-bottom:1.5rem}.table-card .table{margin-bottom:0}.table-card__header{padding:1rem 1.5rem;border-bottom:1px solid var(--apo-border);display:flex;justify-content:space-between;align-items:center}.table-card__header h4,.table-card__header h5{margin:0;font-size:1rem;font-weight:600}.table-card__footer{padding:.75rem 1.5rem;border-top:1px solid var(--apo-border-light);background:#f8fafc}.table-modern{--bs-table-bg: var(--apo-surface);border-collapse:separate;border-spacing:0}.table-modern thead th{background-color:#f8fafc;border-bottom:2px solid var(--apo-border);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--apo-text-muted);white-space:nowrap;padding:.75rem 1rem}.table-modern tbody tr{transition:background-color var(--apo-transition-fast)}.table-modern tbody tr:hover{background-color:var(--apo-surface-hover)}.table-modern tbody tr td{vertical-align:middle;border-bottom:1px solid var(--apo-border-light);padding:.75rem 1rem}.table-modern tbody tr:last-child td{border-bottom:none}.table-modern--clickable tbody tr{cursor:pointer}.table-modern .sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--apo-transition-fast)}.table-modern .sortable-header:hover{color:var(--apo-text-primary)}.table-modern .sortable-header .icon--sm{opacity:.3;transition:opacity var(--apo-transition-fast)}.table-modern .sortable-header.sort-asc .icon--sm,.table-modern .sortable-header.sort-desc .icon--sm{opacity:1;color:#1a5fb4}.table-modern .sortable-header.sort-asc .icon--sm{transform:rotate(180deg)}.table-modern .text-monospace{font-family:JetBrains Mono,Fira Code,monospace}.pagination{display:flex;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none}.pagination li{display:flex}.pagination .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:.25rem .5rem;font-size:.8125rem;font-weight:500;color:var(--apo-text-muted);background:var(--apo-surface);border:1px solid var(--apo-border);border-radius:.375rem;text-decoration:none;transition:all var(--apo-transition-fast)}.pagination .page-link:hover{color:#1a5fb4;border-color:#1a5fb4;background:#f0f4ff}.pagination .page-link svg{width:.875rem;height:.875rem}.pagination .active .page-link{color:#fff;background:#1a5fb4;border-color:#1a5fb4}.pagination .disabled .page-link{color:var(--apo-border);pointer-events:none;opacity:.5}.app-tag,.status-badge{display:inline-flex;align-items:center;gap:.375rem;font-weight:600;font-size:.75rem;padding:.3rem .7rem;border-radius:.5rem;white-space:nowrap;line-height:1.4;border:1px solid transparent;text-decoration:none;vertical-align:middle}.app-tag--lg{font-size:.8125rem;padding:.375rem .875rem}.app-tag--sm{font-size:.6875rem;padding:.2rem .5rem}.app-tag--status:before,.status-badge:before{content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0}.app-tag--clickable{cursor:pointer;transition:background var(--apo-transition-fast)}.app-tag--filter,.status-badge--filter{cursor:pointer;transition:all var(--apo-transition-fast);text-decoration:none}.app-tag--filter:hover,.status-badge--filter:hover{filter:brightness(.95);transform:translateY(-1px)}.app-tag--pill{border-radius:50rem;min-width:1.5em;justify-content:center;padding:.2rem .5rem}.app-tag--primary,.app-tag--zd-open{background:#1a5fb414;color:#15478a;border-color:#1a5fb426}.app-tag--primary:before,.app-tag--zd-open:before{background:#1a5fb4}.app-tag--primary:hover,.app-tag--zd-open:hover{background:#1a5fb424;color:#15478a}.app-tag--success,.app-tag--zd-solved{background:#26a26914;color:#1a7a4f;border-color:#26a26926}.app-tag--success:before,.app-tag--zd-solved:before{background:#26a269}.app-tag--danger{background:#c01c2814;color:#8c1520;border-color:#c01c2826}.app-tag--danger:before{background:#c01c28}.app-tag--warning,.app-tag--zd-pending{background:#ca8a0414;color:#854d0e;border-color:#ca8a0426}.app-tag--warning:before,.app-tag--zd-pending:before{background:#ca8a04}.app-tag--info,.app-tag--zd-new{background:#0694a214;color:#0e6f7a;border-color:#0694a226}.app-tag--info:before,.app-tag--zd-new:before{background:#0694a2}.app-tag--secondary,.app-tag--zd-hold{background:#64748b14;color:#475569;border-color:#64748b26}.app-tag--secondary:before,.app-tag--zd-hold:before{background:#64748b}.app-tag--dark,.app-tag--zd-closed{background:#1e293b14;color:#1e293b;border-color:#1e293b26}.app-tag--dark:before,.app-tag--zd-closed:before{background:#1e293b}.app-tag--muted{background:#64748b0d;color:#475569;border-color:#64748b1f}.app-tag--warehouse,.status-badge--warehouse{background:#0d948814;color:#0a7a72;border-color:#0d948826}.app-tag--warehouse:before,.status-badge--warehouse:before{background:#0d9488}.app-tag--awaiting-payment,.status-badge--awaiting-payment{background:#e5a50a14;color:#7a5008;border-color:#e5a50a26}.app-tag--awaiting-payment:before,.status-badge--awaiting-payment:before{background:#e5a50a}.app-tag--shipped,.status-badge--shipped{background:#26a26914;color:#1a7a4f;border-color:#26a26926}.app-tag--shipped:before,.status-badge--shipped:before{background:#26a269}.app-tag--paid,.status-badge--paid{background:#1a5fb414;color:#15478a;border-color:#1a5fb426}.app-tag--paid:before,.status-badge--paid:before{background:#1a5fb4}.app-tag--returned,.status-badge--returned{background:#c01c2814;color:#8c1520;border-color:#c01c2826}.app-tag--returned:before,.status-badge--returned:before{background:#c01c28}.app-tag--problem,.status-badge--problem{background:#e6610014;color:#a35500;border-color:#e6610026}.app-tag--problem:before,.status-badge--problem:before{background:#e66100}.app-tag--refunded,.status-badge--refunded{background:#9333ea14;color:#6b21a8;border-color:#9333ea26}.app-tag--refunded:before,.status-badge--refunded:before{background:#9333ea}.app-tag--awaiting-package,.status-badge--awaiting-package{background:#e5a50a14;color:#7a5008;border-color:#e5a50a26}.app-tag--awaiting-package:before,.status-badge--awaiting-package:before{background:#e5a50a}.app-tag--new,.status-badge--new{background:#3b82f614;color:#1d4ed8;border-color:#3b82f626}.app-tag--new:before,.status-badge--new:before{background:#3b82f6}.app-tag--processing,.status-badge--processing{background:#f59e0b14;color:#92400e;border-color:#f59e0b26}.app-tag--processing:before,.status-badge--processing:before{background:#f59e0b}.app-tag--completed,.status-badge--completed{background:#22c55e14;color:#166534;border-color:#22c55e26}.app-tag--completed:before,.status-badge--completed:before{background:#22c55e}.app-tag--cancelled,.status-badge--cancelled{background:#9ca3af14;color:#4b5563;border-color:#9ca3af26}.app-tag--cancelled:before,.status-badge--cancelled:before{background:#9ca3af}.form-section{background:var(--apo-surface);border:1px solid var(--apo-border);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.form-section__title{font-size:1rem;font-weight:600;color:#0f2b5b;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--apo-border-light)}.form-control,.form-select{transition:border-color var(--apo-transition-fast),box-shadow var(--apo-transition-fast)}.search-bar{position:relative}.search-bar .form-control{padding-left:2.5rem;background:var(--apo-surface);border:1px solid var(--apo-border)}.search-bar .form-control:focus{border-color:#1a5fb4}.search-bar__icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--apo-text-muted);pointer-events:none}.inline-form{display:flex;gap:.5rem;align-items:end}.fade-in{animation:fadeIn var(--apo-transition-slow) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.btn{transition:all var(--apo-transition-fast)}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--apo-shadow-sm)}.btn:active:not(:disabled){transform:translateY(0)}.alert{animation:slideDown var(--apo-transition-slow) ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.card-hover{transition:transform var(--apo-transition),box-shadow var(--apo-transition)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--apo-shadow-md)}.account-section{margin-bottom:2rem}.account-section h3{font-size:1.125rem;font-weight:600;color:var(--apo-text-primary);padding-bottom:.75rem;margin-bottom:1.25rem;border-bottom:2px solid var(--apo-border)}.order-row:hover{background-color:var(--apo-surface-hover)}.registration-form{max-width:600px;margin:0 auto}.page-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--apo-border)}.page-header h2{margin-bottom:.25rem}.page-header__subtitle{color:var(--apo-text-muted);font-size:.8125rem}.nav-tabs{border-bottom:2px solid var(--apo-border);gap:0}.nav-tabs .nav-link{font-weight:500;font-size:.8125rem;color:var(--apo-text-muted);border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:.75rem 1.25rem;transition:all var(--apo-transition-fast);border-radius:0}.nav-tabs .nav-link:hover{color:var(--apo-text-primary);border-color:transparent;background:transparent}.nav-tabs .nav-link.active{color:#1a5fb4;border-bottom-color:#1a5fb4;font-weight:600;background:transparent}.form-signin{max-width:420px;margin:3rem auto;padding:2.5rem;background:var(--apo-surface);border:1px solid var(--apo-border);border-radius:.75rem;box-shadow:var(--apo-shadow-md)}
