@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/inter-latin-400-normal.C38fXH4l.woff2) format("woff2"),url(/_astro/inter-latin-400-normal.CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/inter-latin-500-normal.Cerq10X2.woff2) format("woff2"),url(/_astro/inter-latin-500-normal.BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/inter-latin-600-normal.LgqL8muc.woff2) format("woff2"),url(/_astro/inter-latin-600-normal.CiBQ2DWP.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-arabic-arabic-400-normal.CyU-ddYS.woff2) format("woff2"),url(/_astro/ibm-plex-sans-arabic-arabic-400-normal.CZLC1jgY.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-sans-arabic-arabic-500-normal.C4MQITzh.woff2) format("woff2"),url(/_astro/ibm-plex-sans-arabic-arabic-500-normal.XmtXq_5I.woff) format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-sans-arabic-arabic-600-normal.0pRdybE_.woff2) format("woff2"),url(/_astro/ibm-plex-sans-arabic-arabic-600-normal.B3qNl98V.woff) format("woff")}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--surface-0: #0b0a09;--surface-1: #151412;--surface-2: #1f1e1b;--surface-3: #2b2a26;--border: #34322d;--text-primary: #e8e6e1;--text-secondary: #8a8780;--text-muted: #706e67;--accent: #d4d2cc;--clr-success: #6ee7b7;--clr-warning: #fbbf24;--clr-danger: #f87171;--chart-bar: #d4d4d4;--chart-grid: #2a2a2a;--chart-label: #888888;--chart-ring: #333333;--chart-center-text: #e8e8e8;--font-base: "Inter", system-ui, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.75rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--radius: 2px;--sidebar-w: 220px;--topbar-h: 52px;--bottomnav-h: 56px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-instant: .1s;--dur-fast: .15s;--dur-normal: .2s;--dur-slow: .3s;--dur-exit: .15s;--ease: var(--ease-out);--duration: var(--dur-fast);color-scheme:dark}[dir=rtl]{--font-base: "IBM Plex Sans Arabic", "Inter", sans-serif}[data-theme=light]{--surface-0: #f5f4f1;--surface-1: #eceae6;--surface-2: #e3e1dc;--surface-3: #d9d7d1;--border: #9f9c95;--text-primary: #1a1918;--text-secondary: #504e48;--text-muted: #5f5d57;--accent: #3a3832;--clr-success: #15803d;--clr-warning: #a16207;--clr-danger: #dc2626;--chart-bar: #6b6960;--chart-grid: #d9d7d1;--chart-label: #5f5d57;--chart-ring: #e3e1dc;--chart-center-text: #1a1918;color-scheme:light}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin}html::-webkit-scrollbar{display:none}body{font-family:var(--font-base);font-weight:400;font-size:var(--fs-md);line-height:1.5;color:var(--text-primary);background:var(--surface-0);-ms-overflow-style:none;scrollbar-color:var(--surface-3) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}a{color:var(--text-primary);text-decoration:none}a:hover{color:var(--accent)}.icon{display:inline-block;vertical-align:middle;fill:currentColor;flex-shrink:0}.sidebar{position:fixed;inset-block-start:0;inset-inline-start:0;inline-size:var(--sidebar-w);block-size:100dvh;background:var(--surface-1);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;padding-block:var(--sp-6);z-index:100}.sidebar__logo{padding-inline:var(--sp-6);margin-block-end:var(--sp-8)}.sidebar__logo-img{display:block;max-inline-size:140px;block-size:auto}.sidebar__nav{display:flex;flex-direction:column;gap:var(--sp-1);padding-inline:var(--sp-3)}.sidebar__link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);border-radius:var(--radius);font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.sidebar__link:hover{color:var(--text-primary);background:var(--surface-2);transform:translate(2px)}[dir=rtl] .sidebar__link:hover{transform:translate(-2px)}.sidebar__link--active{color:var(--accent);background:var(--surface-2)}.sidebar__link .icon{flex-shrink:0}.sidebar__status-group{margin-block-start:auto;border-block-start:1px solid var(--border);display:flex;flex-direction:column}.sidebar__status-heading{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--sp-3) var(--sp-5) 0}.sidebar__status{padding:var(--sp-2) var(--sp-5);display:flex;align-items:center;gap:var(--sp-3)}.sidebar__status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--text-muted)}.sidebar__status-dot--connected{background:var(--clr-success)}.sidebar__status-dot--warn{background:oklch(.82 .17 85);animation:pulse-warn-sidebar 2s ease-in-out infinite}.sidebar__status-dot--error{background:var(--clr-danger)}@keyframes pulse-warn-sidebar{0%,to{opacity:1}50%{opacity:.4}}.sidebar__status-info{display:flex;flex-direction:column;gap:1px;min-width:0}.sidebar__status-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-primary);letter-spacing:.03em}.sidebar__status-detail{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar{position:fixed;inset-block-start:0;inset-inline-start:var(--sidebar-w);inset-inline-end:0;block-size:var(--topbar-h);background:var(--surface-1);border-block-end:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;padding-inline:var(--sp-6);gap:var(--sp-4);z-index:100}.topbar__logo{display:none}.topbar__logo-img{display:block;max-block-size:28px;inline-size:auto}.main{margin-inline-start:var(--sidebar-w);margin-block-start:var(--topbar-h);padding:var(--sp-6);min-block-size:calc(100dvh - var(--topbar-h))}.bottomnav{display:none;position:fixed;inset-block-end:0;inset-inline:0;block-size:var(--bottomnav-h);background:var(--surface-1);border-block-start:1px solid var(--border);padding-block-end:env(safe-area-inset-bottom,0);z-index:100}.bottomnav__inner{display:flex;align-items:center;justify-content:space-around;block-size:100%}.bottomnav__link{display:flex;flex-direction:column;align-items:center;gap:2px;min-block-size:44px;min-inline-size:56px;justify-content:center;font-size:var(--fs-xs);color:var(--text-secondary);transition:color var(--duration) var(--ease);padding-inline:var(--sp-1)}.bottomnav__link:hover,.bottomnav__link--active{color:var(--accent)}.bottomnav--dense .bottomnav__link span{display:none}.bottomnav--dense .bottomnav__link{gap:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);min-block-size:44px;font-family:inherit;font-size:var(--fs-sm);font-weight:500;line-height:1;color:var(--text-primary);background:transparent;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out)}.btn:hover{background:var(--surface-2);border-color:var(--text-secondary)}.btn:active{background:var(--surface-3);transform:scale(.97)}.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none;filter:grayscale(.3)}.btn--danger{border-style:dashed}.btn--danger:hover{background:var(--surface-2)}.segmented-control{display:flex;width:100%;gap:1px;background:var(--border);border-radius:var(--radius);overflow:hidden;padding:1px;min-block-size:44px}.segmented-control__btn{flex:1;background:var(--surface-0);border:none;color:var(--text-secondary);font-family:inherit;font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);border-radius:calc(var(--radius) - 1px)}.segmented-control__btn:hover{background:var(--surface-1);color:var(--text-primary)}.segmented-control__btn.active{background:var(--accent);color:var(--surface-0)}.input{inline-size:100%;padding:var(--sp-2) var(--sp-3);min-block-size:44px;font-family:inherit;font-size:var(--fs-sm);color:var(--text-primary);background:transparent;border:none;border-block-end:1px solid var(--border);border-radius:0;outline:none;transition:border-color var(--dur-normal) var(--ease-out),border-radius var(--dur-normal) var(--ease-out)}.input:focus{border-color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.input:focus-visible{outline:none}.input::placeholder{color:var(--text-muted)}.select{appearance:none;inline-size:100%;padding:var(--sp-2) var(--sp-3);min-block-size:44px;font-family:inherit;font-size:var(--fs-sm);color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.table{inline-size:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{position:sticky;inset-block-start:0;background:var(--surface-1);font-weight:600;text-align:start;padding:var(--sp-3) var(--sp-4);border-block-end:1px solid var(--border);color:var(--text-secondary);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em}.th--sortable{cursor:pointer;user-select:none;transition:color var(--duration) var(--ease)}.th--sortable:hover{color:var(--text-primary)}.th--sortable:after{content:"⇅";margin-inline-start:var(--sp-1);opacity:.35;font-size:.75em}.th--sort-asc:after{content:"↑";opacity:.9}.th--sort-desc:after{content:"↓";opacity:.9}.modal-meta{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-muted);padding-block-end:var(--sp-2);border-block-end:1px solid var(--border)}.table td{padding:var(--sp-3) var(--sp-4);border-block-end:1px solid var(--border);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-inline-size:280px}.td-thumb{width:52px}@media(max-width:767px){.table-wrap{border:none;overflow-x:visible;inline-size:100%}.table,.table tbody,.table tr,.table td{display:block;inline-size:100%;box-sizing:border-box;min-inline-size:0}.table{border-collapse:separate}.table thead{display:none}.table tr{margin-block-end:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);overflow:hidden}.table td{display:flex;justify-content:space-between;text-align:right;padding:var(--sp-3) var(--sp-4);border-block-end:1px solid var(--border);white-space:normal;gap:var(--sp-4);max-inline-size:none;overflow:visible;text-overflow:clip}.table td:before{content:attr(data-label);font-weight:600;text-align:left;color:var(--text-secondary)}.table td:last-child{border-block-end:none}.table tr:nth-child(odd) td,.table tr:nth-child(2n) td{background:transparent}}.table tr:nth-child(odd) td{background:var(--surface-1)}.table tr:nth-child(2n) td{background:var(--surface-2)}.table tr:hover td{background:var(--surface-3);transition:background var(--dur-instant) var(--ease-out)}.table tr td{transition:background var(--dur-normal) var(--ease-out)}.modal-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:200;align-items:center;justify-content:center}.modal-overlay--active{overscroll-behavior:contain;display:flex;animation:overlay-in var(--dur-slow) var(--ease-out)}.modal-overlay--closing{animation:overlay-out var(--dur-exit) var(--ease-out) forwards}@keyframes overlay-in{0%{opacity:0}}@keyframes overlay-out{to{opacity:0}}.modal{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);inline-size:min(480px,90vw);max-block-size:80dvh;overflow-y:auto;scrollbar-width:none;animation:modal-in var(--dur-slow) var(--ease-out)}.modal-overlay--closing .modal{animation:modal-out var(--dur-exit) var(--ease-out) forwards}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}}@keyframes modal-out{to{opacity:0;transform:scale(.96) translateY(8px)}}.modal::-webkit-scrollbar{display:none}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-6);border-block-end:1px solid var(--border)}.modal__header h2{font-size:var(--fs-md);font-weight:600}.modal__body{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-block-start:1px solid var(--border)}.toast-container{position:fixed;inset-block-start:calc(var(--topbar-h) + var(--sp-6));inset-inline-end:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2);z-index:300}.toast{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);color:var(--text-primary);animation:toast-in var(--dur-slow) var(--ease-out-expo)}.toast--exit{animation:toast-out var(--dur-exit) var(--ease-out) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px) scale(.95)}}.tabs{display:flex;gap:0;border-block-end:1px solid var(--border);margin-block-end:var(--sp-6);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--sp-3) var(--sp-5);min-block-size:44px;font-family:inherit;font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-block-end:2px solid transparent;cursor:pointer;white-space:nowrap;scroll-snap-align:start;flex-shrink:0;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-normal) var(--ease-out)}.tab:hover{color:var(--text-primary)}.tab--active{color:var(--accent);border-block-end-color:var(--accent)}.pagination{display:flex;align-items:center;gap:var(--sp-2);margin-block-start:var(--sp-4);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pagination::-webkit-scrollbar{display:none}.pagination__btn{padding:var(--sp-1) var(--sp-3);min-block-size:44px;min-inline-size:44px;font-family:inherit;font-size:var(--fs-sm);color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-shrink:0}.pagination__btn:hover{background:var(--surface-2)}.pagination__btn--active{color:var(--accent);border-color:var(--accent)}.pagination__btn:disabled{opacity:.3;cursor:not-allowed}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--sp-4);margin-block-end:var(--sp-8)}.kpi-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-5);transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.kpi-card:hover{border-color:var(--text-muted);transform:translateY(-1px)}.kpi-card__label{font-size:var(--fs-xs);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-block-end:var(--sp-2)}.kpi-card__value{font-size:var(--fs-xl);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.kpi-card__row{display:flex;align-items:baseline;gap:var(--sp-2)}.kpi-card__sub{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap}.kpi-card__sub:empty{display:none}.detail-panel{position:fixed;inset-block-start:var(--topbar-h);inset-inline-end:0;inline-size:min(420px,85vw);block-size:calc(100dvh - var(--topbar-h));background:var(--surface-1);border-inline-start:1px solid var(--border);transform:translate(100%);transition:transform var(--dur-slow) var(--ease-out-expo);overflow-y:auto;z-index:150;padding:var(--sp-6)}[dir=rtl] .detail-panel{transform:translate(-100%)}.detail-panel--open{transform:translate(0)!important}.image-upload{display:flex;flex-direction:column;gap:var(--sp-3)}.image-upload__actions{display:flex;gap:var(--sp-2)}.image-upload__actions .btn{flex:1;justify-content:center;font-size:var(--fs-xs);min-block-size:40px}.image-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);block-size:160px;background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:var(--fs-sm);overflow:hidden;cursor:pointer;transition:border-color var(--duration) var(--ease)}.image-preview:hover{border-color:var(--text-secondary)}.image-preview img{max-inline-size:100%;max-block-size:100%;object-fit:contain}#cameraOverlay{position:fixed;inset:0;z-index:9999;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center}#cameraOverlay video{width:100%;height:100%;object-fit:cover}#cameraOverlay.camera-flash:before{content:"";position:absolute;inset:0;background:#fff;animation:flash .2s ease-out forwards;z-index:1}@keyframes flash{0%{opacity:.8}to{opacity:0}}.camera-controls{position:absolute;inset-block-end:0;inset-inline:0;display:flex;align-items:center;justify-content:space-around;padding:var(--sp-6) var(--sp-8);padding-block-end:calc(var(--sp-6) + env(safe-area-inset-bottom,0));background:linear-gradient(transparent,#000000b3)}.camera-btn{appearance:none;border:none;background:none;color:#fff;cursor:pointer;padding:var(--sp-3);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity var(--duration) var(--ease)}.camera-btn:hover{opacity:.8}.camera-btn--shutter{width:72px;height:72px;background:#fff3;border:3px solid #fff}.camera-btn__ring{width:56px;height:56px;border-radius:50%;background:#fff;transition:transform .1s var(--ease)}.camera-btn--shutter:active .camera-btn__ring{transform:scale(.9)}.camera-btn--cancel,.camera-btn--flip{width:48px;height:48px;background:#ffffff26}.form-group{display:flex;flex-direction:column;gap:var(--sp-1)}.form-label{font-size:var(--fs-xs);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-label--required:after{content:" *";color:var(--clr-danger)}.input-password-wrapper{position:relative;display:flex;align-items:center}.input-password-wrapper .input{padding-inline-end:var(--sp-10, 2.5rem);width:100%}.password-toggle{position:absolute;inset-inline-end:0;top:0;bottom:0;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;background:none;border:none;cursor:pointer;color:var(--text-muted);transition:color .2s ease}.password-toggle:hover{color:var(--text-primary)}.toolbar{display:flex;align-items:center;gap:var(--sp-3);margin-block-end:var(--sp-4);flex-wrap:wrap}.toolbar__search{flex:1;min-inline-size:200px}.toolbar__filter{min-inline-size:140px;max-inline-size:200px}.page-title{font-size:var(--fs-lg);font-weight:600;letter-spacing:-.02em;margin-block-end:var(--sp-4);color:var(--text-primary)}.topbar-icon-btn{display:inline-flex;align-items:center;justify-content:center;inline-size:36px;block-size:36px;padding:0;background:transparent;border:1px solid transparent;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:color var(--duration) var(--ease),background var(--duration) var(--ease),border-color var(--duration) var(--ease);position:relative}.topbar-icon-btn:hover{color:var(--text-primary);background:var(--surface-2);border-color:var(--border)}.topbar-icon-btn:active{background:var(--surface-3)}.topbar-icon-btn--logout:hover{color:var(--clr-danger);border-color:color-mix(in srgb,var(--clr-danger) 20%,transparent);background:color-mix(in srgb,var(--clr-danger) 6%,transparent)}.lang-dropdown{position:relative}.lang-dropdown__menu{position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0;min-inline-size:160px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-1) 0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-out),visibility var(--dur-normal) var(--ease-out);z-index:210}.lang-dropdown--open .lang-dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}.lang-dropdown__item{display:flex;align-items:center;gap:var(--sp-3);inline-size:100%;padding:var(--sp-2) var(--sp-4);font-family:inherit;font-size:var(--fs-sm);color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.lang-dropdown__item:hover{background:var(--surface-2);color:var(--text-primary)}.lang-dropdown__item--active{color:var(--accent)}.lang-dropdown__flag{font-size:1.1rem;line-height:1}.lang-dropdown__value{margin-inline-start:auto;font-variant-numeric:tabular-nums}.skeleton{background:var(--surface-2);border-radius:var(--radius);animation:pulse 1.5s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.user-badge{font-size:var(--fs-sm);color:var(--text-secondary);margin-inline-end:auto}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-block-end:var(--sp-8)}.chart-grid--loading .chart-card{animation:pulse 1.5s var(--ease) infinite}.chart-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.chart-card__header{padding:var(--sp-4) var(--sp-5);border-block-end:1px solid var(--border)}.chart-card__title{font-size:var(--fs-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.chart-card__body{padding:var(--sp-4) var(--sp-3);display:flex;align-items:center;justify-content:center}.chart-card__body--donut{flex-direction:column;gap:var(--sp-4)}.chart-svg{inline-size:100%;block-size:auto;display:block}.chart-svg--donut{max-inline-size:260px}.chart-skeleton{inline-size:100%;border-radius:var(--radius)}.donut-legend{display:flex;justify-content:center;gap:var(--sp-6);padding-block-start:var(--sp-1)}.donut-legend__item{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-secondary)}.donut-legend__dot{inline-size:8px;block-size:8px;border-radius:50%;flex-shrink:0}.donut-legend__value{font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.section-title{font-size:var(--fs-md);font-weight:600;margin-block-end:var(--sp-4)}.detail-panel__close{display:none}.refresh-bar{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-muted);font-size:var(--fs-xs);user-select:none;margin-inline-start:auto;padding-inline-end:var(--sp-2);white-space:nowrap}.refresh-bar--topbar{margin-inline-start:0;padding-inline:var(--sp-2);border-inline-end:1px solid var(--border)}.refresh-bar__dot{inline-size:7px;block-size:7px;border-radius:50%;background:var(--clr-success);flex-shrink:0;animation:refresh-pulse 2s ease-in-out infinite}.refresh-bar__dot--loading{background:var(--clr-warning);animation:none;opacity:.9}@keyframes refresh-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.refresh-bar__countdown{font-variant-numeric:tabular-nums;font-size:var(--fs-xs);letter-spacing:.02em}.product-thumb{display:inline-flex;align-items:center;justify-content:center;inline-size:36px;block-size:36px;border-radius:var(--radius);overflow:hidden;background:var(--surface-2);border:1px solid var(--border);flex-shrink:0}.product-thumb img{inline-size:100%;block-size:100%;object-fit:cover}.product-thumb--empty{color:var(--text-muted);font-size:10px}.product-name-cell{display:flex;align-items:center;gap:var(--sp-3)}@media(max-width:767px){.sidebar{display:none}.topbar{inset-inline-start:0}.topbar__logo{display:block;margin-inline-end:auto}.topbar-icon-btn{inline-size:44px;block-size:44px}.main{margin-inline-start:0;padding-inline:var(--sp-4);padding-block-end:calc(var(--bottomnav-h) + var(--sp-6) + env(safe-area-inset-bottom,0))}.bottomnav{display:block}.detail-panel{inline-size:100vw;inset-block-start:0;block-size:100dvh}.detail-panel__close{display:flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;margin-block-end:var(--sp-4);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.detail-panel__close:hover{color:var(--text-primary);background:var(--surface-2)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}.user-badge{display:none}.toolbar__search{min-inline-size:0;flex:1 1 100%;order:-1}.toolbar{gap:var(--sp-2)}.toolbar .btn{flex:1 1 auto;justify-content:center;font-size:var(--fs-xs);padding:var(--sp-2) var(--sp-3)}.toast-container{inset-block-start:calc(var(--topbar-h) + var(--sp-6));inset-inline-end:var(--sp-4);inset-block-end:auto;inset-inline-start:auto;inset-inline:auto}.toast{inline-size:auto;max-inline-size:calc(100vw - var(--sp-8))}.weather-widget{padding-inline-end:var(--sp-2)!important;gap:var(--sp-1)!important;border-inline-end:none!important}#weatherCity{display:none}.refresh-bar--topbar{display:none!important}.modal-overlay{align-items:flex-end}.modal{inline-size:100vw;max-block-size:85dvh;border-radius:var(--radius) var(--radius) 0 0;border-inline:none;border-block-end:none;display:flex;flex-direction:column;animation:sheet-up var(--dur-slow) var(--ease-out-expo)}.modal__body{flex:1 1 auto;overflow-y:auto;min-block-size:0}.modal__footer{position:sticky;inset-block-end:0;background:var(--surface-1);flex-shrink:0;z-index:1}.modal-overlay--closing .modal{animation:sheet-down var(--dur-exit) var(--ease-out) forwards}.modal__header{position:relative;justify-content:space-between;padding-block-start:var(--sp-5);flex-shrink:0}.modal__header:before{content:"";position:absolute;inset-block-start:8px;inset-inline-start:50%;transform:translate(-50%);inline-size:36px;block-size:4px;border-radius:2px;background:var(--border)}.table td[data-label=""],.table td:last-child:empty{justify-content:flex-end;gap:var(--sp-2);border-block-start:1px solid var(--border);border-block-end:none;background:var(--surface-2)!important;padding:var(--sp-2) var(--sp-4)}.table td[data-label=""]:before{display:none}.lang-dropdown__menu{max-block-size:60vh;overflow-y:auto}.pagination{flex-wrap:nowrap;padding-block:var(--sp-2)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-down{to{transform:translateY(100%)}}}@media(max-width:480px){.weather-widget{display:none!important}}@media(min-width:768px)and (max-width:1023px){:root{--sidebar-w: 64px}.sidebar__link span{display:none}.sidebar__logo{padding-inline:var(--sp-2);text-align:center}.sidebar__logo-img{max-inline-size:48px;margin-inline:auto}.sidebar__link{justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}