:root{--brand-50:#eef4fb;--brand-100:#d6e4f4;--brand-200:#adc8e8;--brand-500:#2a6bb0;--brand-600:#1f5794;--brand-700:#1f4e79;--brand-800:#193f61;--bg:#f5f7fa;--surface:#fff;--panel:#fbfcfe;--border:#e4e8ee;--border-strong:#d3d9e2;--ink:#1a2330;--ink-2:#46505f;--muted:#626d7f;--faint:#98a1b0;--green:#15803d;--green-bg:#eaf6ee;--green-bd:#bfe3ca;--amber:#b45309;--amber-bg:#fdf3e5;--amber-bd:#f3dcb5;--red:#b91c1c;--red-bg:#fdecec;--red-bd:#f4cccc;--slate:#556072;--slate-bg:#eef1f5;--slate-bd:#dbe0e8;--scrim:#0a101a9e;--scrim-strong:#060a12eb;--scrim-cam:#0a101abd;--r-sm:7px;--r-md:10px;--r-lg:14px;--r-xl:20px;--sh-xs:0 1px 2px #141e320f;--sh-sm:0 1px 3px #141e3214, 0 1px 2px #141e320a;--sh-md:0 4px 12px #141e3214, 0 2px 4px #141e320a;--sh-lg:0 12px 32px #141e321f;--font:"IBM Plex Sans Arabic", system-ui, "Segoe UI", Tahoma, sans-serif;--t-2xs:.7rem;--t-xs:.75rem;--t-sm:.85rem;--t-base:.94rem;--t-md:1.05rem;--t-lg:1.25rem;--t-xl:1.5rem;--t-num:1.75rem;--t-hero:2rem;--z-sticky:100;--z-dropdown:200;--z-modal:400;--z-toast:600;--ease:cubic-bezier(.22, 1, .36, 1);--focus:0 0 0 3px var(--brand-100);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--t-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;line-height:1.55}::selection{background:var(--brand-100);color:var(--brand-800)}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}h1{font-size:var(--t-xl);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin:0;font-weight:700}h2{font-size:var(--t-md);color:var(--ink);margin:0;font-weight:600}.h-icon{align-items:center;gap:8px;display:flex}.h-icon svg{color:var(--muted);flex-shrink:0}.subtitle{color:var(--muted);font-size:var(--t-sm);text-wrap:pretty;margin:4px 0 0}.app{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--surface);border-inline-start:1px solid var(--border);flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar-top{display:contents}.brand{align-items:center;gap:11px;padding:4px 8px 20px;display:flex}.brand-mark{background:linear-gradient(150deg, var(--brand-600), var(--brand-800));color:#fff;width:38px;height:38px;box-shadow:var(--sh-sm);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.brand-name{font-weight:700;font-size:var(--t-md);letter-spacing:-.01em;line-height:1.1}.brand-name small{font-weight:400;font-size:var(--t-xs);color:var(--muted);letter-spacing:0;margin-top:2px;display:block}.nav{flex-direction:column;gap:3px;display:flex}.nav a{border-radius:var(--r-md);color:var(--ink-2);font-weight:500;font-size:var(--t-sm);transition:background .15s var(--ease), color .15s var(--ease);align-items:center;gap:11px;padding:10px 12px;display:flex}.nav a svg{color:var(--faint);flex-shrink:0;transition:color .15s}.nav a:hover{background:var(--brand-50);color:var(--ink)}.nav a:hover svg{color:var(--brand-600)}.nav a.active{background:var(--brand-600);color:#fff;box-shadow:var(--sh-xs)}.nav a.active svg{color:#fff}.sidebar-foot{color:var(--muted);font-size:var(--t-xs);margin-top:auto;padding:12px 10px 2px}.user-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.user-name{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.linkbtn{cursor:pointer;color:var(--muted);font-size:var(--t-xs);background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 6px;font-family:inherit;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.linkbtn:hover{background:var(--brand-50);color:var(--brand-700)}.linkbtn-danger:hover{background:var(--red-bg);color:var(--red)}.linkbtn-inline{font-size:inherit;color:inherit;text-underline-offset:3px;padding:0;font-weight:700;text-decoration:underline}.linkbtn-inline:hover{color:inherit;background:0 0}.content{width:100%;min-width:0;max-width:1240px;padding:30px 34px 48px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-head>div:first-child{min-width:0}.back-link{margin-bottom:6px;margin-inline-start:-6px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.panel-pad{padding:20px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.table-panel{overflow:auto hidden}.section-title{margin:28px 0 12px}.cards{grid-template-columns:repeat(auto-fill,minmax(min(288px,100%),1fr));gap:16px;display:grid}.split{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;margin-top:16px;display:grid}.stack{flex-direction:column;gap:14px;display:flex}.pill{font-size:var(--t-xs);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:3px 10px;font-weight:600;display:inline-flex}.pill-brand{color:var(--brand-700);background:var(--brand-50);border-color:var(--brand-100)}.pill-amber{color:var(--amber);background:var(--amber-bg);border-color:var(--amber-bd)}.pill-green{color:var(--green);background:var(--green-bg);border-color:var(--green-bd)}.timeline{margin:0;padding:0;list-style:none}.timeline-item{padding-inline-start:22px;border-inline-start:2px solid var(--border);padding-bottom:16px;position:relative}.timeline-item:last-child{border-inline-start-color:#0000;padding-bottom:0}.timeline-dot{inset-inline-start:-7px;background:var(--brand-600);width:12px;height:12px;box-shadow:0 0 0 3px var(--surface);border-radius:50%;position:absolute;top:5px}.timeline-body{flex-direction:column;gap:2px;display:flex}.timeline-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.vatline{border-radius:var(--r-md);background:var(--panel);border:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;padding:10px 12px;display:grid}.vatline>div{flex-direction:column;gap:2px;min-width:0;display:flex}.vatline .l{font-size:var(--t-2xs);color:var(--muted)}.vatline .v{font-size:var(--t-sm);overflow-wrap:anywhere;font-weight:500}.vatline .v-strong{color:var(--ink);font-weight:700}.btn{border-radius:var(--r-md);cursor:pointer;min-height:40px;font-weight:600;font-size:var(--t-sm);white-space:nowrap;transition:background .15s var(--ease), border-color .15s, box-shadow .15s, color .15s, transform 50ms;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;line-height:1.2;display:inline-flex}.btn svg{flex-shrink:0;width:17px;height:17px}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand-600);color:#fff;box-shadow:var(--sh-xs)}.btn-primary:hover:not(:disabled){background:var(--brand-700)}.btn-secondary{background:var(--surface);color:var(--ink-2);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--panel);border-color:var(--faint);color:var(--ink)}.btn-subtle{background:var(--brand-50);color:var(--brand-700)}.btn-subtle:hover:not(:disabled){background:var(--brand-100)}.btn-success{background:var(--green);color:#fff;box-shadow:var(--sh-xs)}.btn-success:hover:not(:disabled){background:#116632}.btn-danger{background:var(--surface);color:var(--red);border-color:var(--red-bd)}.btn-danger:hover:not(:disabled){background:var(--red-bg);border-color:var(--red)}.btn-lg{min-height:48px;font-size:var(--t-base);border-radius:var(--r-lg);padding:12px 22px}.btn-sm{min-height:34px;font-size:var(--t-xs);padding:5px 12px}.btn-block{width:100%}.btn-grow{flex:1}.iconbtn{border-radius:var(--r-sm);width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.iconbtn:hover:not(:disabled){background:var(--slate-bg);color:var(--ink)}.iconbtn-danger:hover:not(:disabled){background:var(--red-bg);border-color:var(--red-bd);color:var(--red)}.iconbtn:disabled{opacity:.4;cursor:not-allowed}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>.input,.field .select{width:100%}label{font-size:var(--t-xs);color:var(--muted);font-weight:500}.req{color:var(--red)}.input,.select{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);height:40px;color:var(--ink);font-size:var(--t-sm);padding:0 12px;font-family:inherit;transition:border-color .15s,box-shadow .15s}.select{appearance:none;cursor:pointer;background-image:none;padding-inline-end:34px}.input::placeholder{color:var(--muted);opacity:.8}.input:hover:not(:disabled),.select:hover:not(:disabled){border-color:var(--faint)}.input:focus,.select:focus{border-color:var(--brand-500);box-shadow:var(--focus);outline:none}.input:disabled,.select:disabled{background:var(--panel);color:var(--ink-2);cursor:not-allowed}.input-ltr{text-align:end;direction:ltr}.input-icon{position:relative}.input-icon svg{inset-inline-start:12px;color:var(--muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-icon .input{width:100%;padding-inline-start:38px}.select-wrap{position:relative}.select-wrap svg{inset-inline-end:12px;color:var(--muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.row{flex-wrap:wrap;gap:12px;display:flex}.row-end{align-items:flex-end}.row-between{justify-content:space-between;align-items:center}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.toolbar .search{flex:0 340px;min-width:min(100%,240px)}.filters{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.filters .f-grow{flex:240px}.filters .f-date{flex:0 170px;min-width:140px}.grid-form{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));align-items:end;gap:12px;display:grid}.form-actions{align-items:center;gap:12px;margin-top:6px;display:flex}.segmented{background:var(--slate-bg);border-radius:var(--r-md);scrollbar-width:none;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.segmented::-webkit-scrollbar{display:none}.segmented button{cursor:pointer;white-space:nowrap;border-radius:var(--r-sm);font-size:var(--t-sm);color:var(--ink-2);background:0 0;border:none;padding:7px 14px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s}.segmented button:hover{color:var(--ink)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--brand-700);box-shadow:var(--sh-xs);font-weight:600}.badge{white-space:nowrap;font-size:var(--t-xs);border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding-block:3px;padding-inline:8px 10px;font-weight:600;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.badge-green{color:var(--green);background:var(--green-bg);border-color:var(--green-bd)}.badge-amber{color:var(--amber);background:var(--amber-bg);border-color:var(--amber-bd)}.badge-red{color:var(--red);background:var(--red-bg);border-color:var(--red-bd)}.badge-slate{color:var(--slate);background:var(--slate-bg);border-color:var(--slate-bd)}.statline{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.statbox{border:1px solid var(--border);border-radius:var(--r-md);text-align:center;background:var(--panel);padding:9px 4px}.statbox .n{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700;line-height:1}.statbox .l{font-size:var(--t-2xs);color:var(--muted);margin-top:5px}.table{border-collapse:collapse;width:100%;font-size:var(--t-sm)}.table thead th{text-align:start;color:var(--muted);font-weight:500;font-size:var(--t-xs);white-space:nowrap;border-bottom:1px solid var(--border);background:var(--panel);padding:12px 16px}.table tbody{color:var(--ink-2)}.table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.row-link{cursor:pointer;transition:background .12s}.table tbody tr.row-link:hover td{background:var(--brand-50)}.table tbody tr.row-link:focus-visible{outline:2px solid var(--brand-500);outline-offset:-2px}.table tbody tr.row-link:focus-visible td{background:var(--brand-50)}.td-strong{color:var(--ink);font-weight:600}.c-green{color:var(--green)}.c-amber{color:var(--amber)}.c-red{color:var(--red)}.c-slate{color:var(--slate)}.c-zero{color:var(--faint)}.td-mono{font-variant-numeric:tabular-nums;white-space:nowrap}.td-nowrap{white-space:nowrap}.td-name{min-width:160px}.td-note{font-size:var(--t-xs);color:var(--muted);min-width:140px;max-width:240px}.td-actions{white-space:nowrap;text-align:end;width:1%}.td-chev{width:1%;color:var(--faint)}.table-skeleton{gap:8px;padding:16px;display:grid}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.pager span{text-align:center;min-width:90px}.pager-tight{margin-top:12px}.dropzone{width:100%;font:inherit;color:inherit;border:2px dashed var(--border-strong);border-radius:var(--r-xl);text-align:center;background:var(--surface);cursor:pointer;padding:44px 22px;transition:border-color .18s,background .18s;display:block}.dropzone:hover{border-color:var(--brand-500);background:var(--brand-50)}.dropzone .zi{background:var(--brand-50);width:60px;height:60px;color:var(--brand-600);border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.dropzone h2{margin-bottom:4px}.camera{border-radius:var(--r-xl);aspect-ratio:3/4;max-height:74vh;box-shadow:var(--sh-md);background:#000;margin:0 auto;position:relative;overflow:hidden}.camera video{object-fit:cover;width:100%;height:100%;display:block}.camera-top{top:12px;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;inset-inline:12px}.camera-chips{flex-wrap:wrap;gap:6px;display:flex}.camera-chip{font-size:var(--t-xs);color:#fff;background:var(--scrim-cam);transition:background .2s var(--ease);border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-weight:600;display:inline-flex}.camera-chip.ok{background:#15803deb}.camera-torch{cursor:pointer;color:#fff;background:var(--scrim-cam);border:none;border-radius:999px;flex-shrink:0;place-items:center;width:44px;height:44px;transition:background .15s,color .15s;display:grid}.camera-torch[aria-pressed=true]{color:#1a2330;background:#fde047}.camera-bottom{bottom:14px;justify-content:center;align-items:center;gap:12px;padding-inline:12px;display:flex;position:absolute;inset-inline:0}.camera-auto{color:#fff;background:var(--scrim-cam);cursor:pointer;min-height:44px;font-size:var(--t-sm);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.camera-auto input{width:18px;height:18px;accent-color:var(--green);margin:0}.thumbs{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;margin-top:16px;display:grid}.thumb{border-radius:var(--r-md);aspect-ratio:3/4;background:var(--slate-bg);border:1px solid var(--border);position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb-x{top:5px;border-radius:var(--r-sm);cursor:pointer;background:var(--scrim);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;place-items:center;width:32px;height:32px;display:grid;position:absolute;inset-inline-end:5px}.thumb-x:hover{background:var(--red)}.thumb-badge{bottom:5px;background:var(--scrim);color:#fff;font-size:var(--t-2xs);border-radius:6px;padding:2px 7px;font-weight:700;position:absolute;inset-inline-start:5px}.sticky-bar{padding:14px 0 calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top, var(--bg) 70%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex;position:sticky;bottom:0}.alertbox{border-radius:var(--r-md);font-size:var(--t-sm);border:1px solid #0000;align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.5;display:flex}.alertbox svg,.alertbox .spinner{flex-shrink:0;margin-top:2px}.alertbox,.alert-amber{background:var(--amber-bg);border-color:var(--amber-bd);color:var(--amber)}.alert-red{background:var(--red-bg);border-color:var(--red-bd);color:var(--red)}.alert-green{background:var(--green-bg);border-color:var(--green-bd);color:var(--green)}.alert-info{background:var(--brand-50);border-color:var(--brand-100);color:var(--brand-700)}.mb{margin-bottom:14px}.detail{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.scan-frame{width:100%;font:inherit;border-radius:var(--r-md);border:1px solid var(--border);cursor:zoom-in;background:#0f141c;padding:0;display:block;position:relative;overflow:hidden}.scan-frame img{width:100%;display:block}.scan-missing{background:var(--panel);cursor:default}.kv{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;display:flex}.kv:last-child{border-bottom:none}.kv .k{color:var(--muted);font-size:var(--t-sm);flex-shrink:0}.kv .v{color:var(--ink);text-align:end;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:600}.kv-total .k{color:var(--ink-2);font-weight:600}.kv-total .v{font-size:var(--t-md);font-weight:700}.actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:6px;padding-top:16px;display:flex}.actions .push{margin-inline-start:auto}.calcbox{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);margin-top:2px;padding:4px 14px 12px}.calcbox .kv{padding:9px 0}.login-wrap{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:400px;box-shadow:var(--sh-lg);flex-direction:column;gap:14px;padding:32px;display:flex}.login-head{text-align:center;margin-bottom:10px}.login-head .brand-mark{border-radius:13px;width:44px;height:44px;margin:0 auto 12px}.login-title{font-weight:700;font-size:var(--t-md);line-height:1.2}.login-sub{color:var(--muted);font-size:var(--t-xs)}.login-head h1{font-size:var(--t-lg);margin-top:22px}.login-card .btn{margin-top:6px}.tiles{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:14px;display:grid}.tile{text-align:start;width:100%;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);align-items:center;gap:14px;padding:18px;display:flex}button.tile{cursor:pointer}button.tile:hover{border-color:var(--border-strong);box-shadow:var(--sh-md)}.tile-icon{border-radius:var(--r-md);flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.tile-n{font-size:var(--t-num);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1;display:block}.tile-l{font-size:var(--t-xs);color:var(--muted)}.tone-green .tile-icon{background:var(--green-bg);color:var(--green)}.tone-amber .tile-icon{background:var(--amber-bg);color:var(--amber)}.tone-red .tile-icon{background:var(--red-bg);color:var(--red)}.tone-slate .tile-icon{background:var(--slate-bg);color:var(--slate)}.tone-green .tile-n{color:var(--green)}.tone-amber .tile-n{color:var(--amber)}.tone-red .tile-n{color:var(--red)}.tone-slate .tile-n{color:var(--slate)}.tile .tile-n.c-zero{color:var(--faint)}.metric-label{color:var(--muted);font-size:var(--t-sm);margin:0}.metric-value{font-size:var(--t-hero);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:6px;font-weight:700;line-height:1.2}.metric-unit{font-size:var(--t-base);color:var(--muted);font-weight:500}.metric-sep{color:var(--border-strong);margin:0 10px;font-weight:400}.metric-note{color:var(--muted);font-size:var(--t-xs);margin:6px 0 0}.empty{text-align:center;color:var(--muted);padding:56px 24px}.empty .ei{background:var(--slate-bg);width:56px;height:56px;color:var(--muted);border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.empty h2{color:var(--ink-2);margin-bottom:4px}.empty p{max-width:46ch;font-size:var(--t-sm);margin:0 auto}.empty .btn{margin-top:16px}.spinner{border:2.5px solid #fff6;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.65s linear infinite spin;display:inline-block}.spinner-ink{border-color:var(--border-strong);border-top-color:var(--brand-600)}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--slate-bg) 37%, var(--border) 63%);background-size:400% 100%;border-radius:6px;animation:1.3s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.muted{color:var(--muted)}.tnum{font-variant-numeric:tabular-nums}.hint{color:var(--muted);font-size:var(--t-xs);align-items:center;gap:6px;margin:8px 0 0;display:flex}.error-text{color:var(--red);font-size:var(--t-sm);margin:8px 0 0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}.zoom-hint{background:var(--scrim);color:#fff;font-size:var(--t-xs);pointer-events:none;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-weight:600;display:inline-flex;position:absolute;inset-block-end:8px;inset-inline-end:8px}.lightbox{z-index:var(--z-modal);background:var(--scrim-strong);flex-direction:column;display:flex;position:fixed;inset:0}.lightbox-bar{padding:calc(10px + env(safe-area-inset-top,0px)) 10px 10px;background:#0f172a99;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.lightbox-body{touch-action:pinch-zoom;flex:1;justify-content:center;align-items:flex-start;padding:12px;display:flex;overflow:auto}.lightbox-body img{transform-origin:top;background:#fff;border-radius:6px;max-width:100%;height:auto;transition:transform .12s ease-out;display:block}.dlg-overlay{z-index:var(--z-modal);animation:dlg-fade .18s var(--ease);background:#0f172373;position:fixed;inset:0}.dlg{z-index:calc(var(--z-modal) + 1);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:min(440px,100vw - 32px);max-height:calc(100vh - 48px);box-shadow:var(--sh-lg);animation:dlg-in .2s var(--ease);padding:22px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.dlg:focus{outline:none}.dlg-head{align-items:center;gap:12px;display:flex}.dlg-icon{border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.dlg-icon-danger{background:var(--red-bg);color:var(--red)}.dlg-title{font-size:var(--t-md);color:var(--ink);margin:0;font-weight:700}.dlg-desc{color:var(--ink-2);font-size:var(--t-sm);margin:10px 0 0;line-height:1.6}.dlg-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.dlg-hint{font-size:var(--t-xs);color:var(--muted)}.input-reveal{position:relative}.input-reveal .input{padding-inline-end:44px}.input-reveal .iconbtn{inset-inline-end:3px;position:absolute;top:50%;transform:translateY(-50%)}.dlg-hint-err{color:var(--red)}.textarea{resize:vertical;height:auto;min-height:84px;padding:10px 12px;line-height:1.5}.btn-danger-solid{background:var(--red);color:#fff;box-shadow:var(--sh-xs)}.btn-danger-solid:hover:not(:disabled){background:#991b1b}@keyframes dlg-fade{0%{opacity:0}}@keyframes dlg-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}}.toast-viewport{z-index:var(--z-toast);bottom:calc(16px + env(safe-area-inset-bottom,0px));outline:none;flex-direction:column;gap:8px;width:min(380px,100vw - 32px);margin:0;padding:0;list-style:none;display:flex;position:fixed;inset-inline-end:16px}.toast{background:var(--ink);color:#fff;border-radius:var(--r-md);box-shadow:var(--sh-lg);font-size:var(--t-sm);align-items:center;gap:10px;padding-block:11px;padding-inline:14px 8px;display:flex}.toast[data-state=open]{animation:toast-in .2s var(--ease)}.toast[data-state=closed]{animation:.15s ease-in reverse forwards dlg-fade}.toast[data-swipe=move]{transform:translateX(var(--radix-toast-swipe-move-x))}.toast[data-swipe=end]{animation:.15s ease-in reverse forwards dlg-fade}.toast-icon{flex-shrink:0;place-items:center;display:grid}.toast-success .toast-icon{color:#86efac}.toast-error .toast-icon{color:#fca5a5}.toast-text{flex:1;line-height:1.5}.toast-close{color:#ffffffb3;width:30px;height:30px}.toast-close:hover:not(:disabled){color:#fff;background:#ffffff1a}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=860px){.app{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.sidebar{height:auto;z-index:var(--z-sticky);padding:calc(8px + env(safe-area-inset-top,0px)) 0 0;border-inline-start:none;border-bottom:1px solid var(--border);position:sticky;top:0}.sidebar-top{justify-content:space-between;align-items:center;gap:8px;padding:0 16px 6px;display:flex}.brand{gap:9px;padding:0}.brand-mark{border-radius:9px;width:32px;height:32px}.brand-mark svg{width:18px;height:18px}.brand-name small{display:none}.nav{scrollbar-width:none;flex-direction:row;gap:4px;padding:4px 12px 8px;scroll-padding-inline:12px;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap;flex-shrink:0;gap:7px;padding:8px 12px}.nav a svg{width:17px;height:17px}.sidebar-foot{display:none}.content{padding:20px 16px 40px}.detail{grid-template-columns:minmax(0,1fr)}.page-head{margin-bottom:18px}.toolbar .search{flex:100%}.metric-value{font-size:var(--t-num)}}@media (width>=861px){.mobile-only{display:none}}@media (width<=640px){.table-cards thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.table-cards,.table-cards tbody{display:block}.table-cards tbody tr{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title badge""sub act""meta amount""note note";align-items:center;gap:4px 12px;padding:14px 16px;display:grid}.table-cards tbody tr:last-child{border-bottom:none}.table-cards tbody td{border:none;width:auto;min-width:0;max-width:none;padding:0;display:block;background:0 0!important}.table-cards tbody tr.row-link:hover,.table-cards tbody tr.row-link:focus-visible{background:var(--brand-50)}.table-cards tbody tr.row-link:active{background:var(--brand-100)}.table-cards .c-title{font-size:var(--t-base);text-overflow:ellipsis;grid-area:title;overflow:hidden}.table-cards .c-badge{grid-area:badge;justify-self:end}.table-cards .c-sub{color:var(--ink-2);font-size:var(--t-sm);text-overflow:ellipsis;white-space:nowrap;grid-area:sub;overflow:hidden}.table-cards .c-meta{font-size:var(--t-xs);grid-area:meta}.table-cards .c-amount{font-size:var(--t-md);color:var(--ink);grid-area:amount;justify-self:end;font-weight:700}.table-cards .c-note{grid-area:note}.table-cards .c-act{grid-area:act;justify-self:end}.table-cards .c-hide,.table-cards .c-note.is-empty{display:none}.table-cards [data-label]{gap:4px;display:flex}.table-cards [data-label]:before{content:attr(data-label) " ·"}.table-cards [data-unit]:after{content:" " attr(data-unit)}.table-cards .c-badge[data-unit]{font-size:var(--t-xs);color:var(--muted)}.table-cards .c-act .iconbtn{width:40px;height:40px}}@media (width<=480px){.panel-pad{padding:16px}.page-head>.row,.page-head>.btn{width:100%}.page-head>.row>.btn{flex:1}.vatline{grid-template-columns:minmax(0,1fr)}.vatline>div{flex-direction:row;justify-content:space-between;align-items:baseline}.login-card{padding:24px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.skeleton,.dlg,.dlg-overlay,.toast{animation:none!important}.spinner{animation-duration:1.6s}.btn:active:not(:disabled){transform:none}}