/* AKSMART v33 design system. Sale and Chart keep their custom geometry. */
:root{--ak-page:#f6f8fa;--ak-surface:#fff;--ak-surface-soft:#f8fafc;--ak-text:#17212b;--ak-text-2:#465563;--ak-muted:#6b7785;--ak-line:#d8e0e7;--ak-primary:#176b87;--ak-primary-hover:#12566d;--ak-success:#237a57;--ak-danger:#b33a3a;--ak-warning:#9a6700;--ak-info:#2563a6;--ak-focus:#2f80ed;--ak-r-sm:8px;--ak-r-md:12px;--ak-r-lg:16px;--ak-control:40px;--ak-shadow:0 2px 8px rgba(20,35,50,.07)}
html{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;text-rendering:optimizeLegibility}
body:not(.page-sale):not(.page-charts){background:var(--ak-page);color:var(--ak-text);font-size:14px}
body:not(.page-sale):not(.page-charts) .view{padding:24px}
body:not(.page-sale):not(.page-charts) .card{background:var(--ak-surface);border:1px solid var(--ak-line);border-radius:var(--ak-r-lg);box-shadow:var(--ak-shadow);padding:18px}
body:not(.page-sale):not(.page-charts) .h1{font-size:24px;line-height:1.2;font-weight:700;color:var(--ak-text);margin:0 0 8px}
body:not(.page-sale):not(.page-charts) .small{font-size:13px;line-height:1.45;color:var(--ak-muted);font-weight:400}
body:not(.page-sale):not(.page-charts) .btn,body:not(.page-sale):not(.page-charts) .input,body:not(.page-sale):not(.page-charts) select{min-height:var(--ak-control);border-radius:var(--ak-r-sm);font-size:14px}
body:not(.page-sale):not(.page-charts) .btn{border:1px solid #9bbcc8;background:#edf6f8;color:#123b4b;font-weight:600;padding:9px 14px;box-shadow:none}
body:not(.page-sale):not(.page-charts) .btn:hover{background:#e0eff3;border-color:#6d9cac}
body:not(.page-sale):not(.page-charts) .btn.danger{background:#fff1f1;border-color:#e3aaaa;color:#8f2626}
body:not(.page-sale):not(.page-charts) .input,body:not(.page-sale):not(.page-charts) select{background:#fff;color:var(--ak-text);border:1px solid #bcc8d2;padding:8px 10px}
body:not(.page-sale):not(.page-charts) :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--ak-focus) 48%,transparent);outline-offset:2px}
body:not(.page-sale):not(.page-charts) .table{font-size:13px;font-variant-numeric:tabular-nums}
body:not(.page-sale):not(.page-charts) .table th{font-weight:600;color:var(--ak-text-2);background:var(--ak-surface-soft);position:sticky;top:0;z-index:1}
body:not(.page-sale):not(.page-charts) .table td,body:not(.page-sale):not(.page-charts) .table th{height:40px;padding:8px 10px;border-bottom:1px solid var(--ak-line)}
body:not(.page-sale):not(.page-charts) .table td.num,body:not(.page-sale):not(.page-charts) .table td[data-type="amount"]{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.ak-route-loader{min-height:180px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ak-muted);font-weight:600}.ak-route-loader-dot{width:10px;height:10px;border-radius:50%;background:var(--ak-primary);animation:akRoutePulse .8s ease-in-out infinite alternate}@keyframes akRoutePulse{to{opacity:.3;transform:scale(.78)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:900px){body:not(.page-sale):not(.page-charts) .view{padding:14px 12px}body:not(.page-sale):not(.page-charts) .card{padding:14px;border-radius:var(--ak-r-md)}body:not(.page-sale):not(.page-charts) .h1{font-size:20px}body:not(.page-sale):not(.page-charts) .btn,body:not(.page-sale):not(.page-charts) .input,body:not(.page-sale):not(.page-charts) select{min-height:44px}body:not(.page-sale):not(.page-charts) .row{gap:8px}body:not(.page-sale):not(.page-charts) .table-wrap,body:not(.page-sale):not(.page-charts) [class*="table-wrap"]{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:420px){body:not(.page-sale):not(.page-charts) .view{padding:10px 8px}}