@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-primary:#0c1b33;--color-primary-hover:#16294a;--color-primary-tint:#e7ecf4;--color-accent:#03994c;--color-gold:#c9a227;--color-gold-hover:#a8861d;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-success-text:#15803d;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-warning-text:#b45309;--color-danger:#dc2626;--color-danger-bg:#fee2e2;--color-danger-text:#b91c1c;--color-info:#2563eb;--color-bg:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-faint:#94a3b8;--color-text-on-primary:#f1f5f9;--radius-input:6px;--radius-card:10px}}@layer base,components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-\[240px\]{height:240px}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-border{border-color:var(--color-border)}.bg-bg{background-color:var(--color-bg)}.bg-primary{background-color:var(--color-primary)}.bg-surface{background-color:var(--color-surface)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[30px\]{font-size:30px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.09em\]{--tw-tracking:.09em;letter-spacing:.09em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-primary{color:var(--color-primary)}.text-text{color:var(--color-text)}.text-text-faint{color:var(--color-text-faint)}.text-text-muted{color:var(--color-text-muted)}.text-text-on-primary{color:var(--color-text-on-primary)}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-primary-tint:hover{background-color:var(--color-primary-tint)}.hover\:text-primary:hover{color:var(--color-primary)}}}:root{--color-primary:#0c1b33;--color-primary-hover:#16294a;--color-primary-active:#1b3357;--color-primary-tint:#e7ecf4;--color-accent:#03994c;--color-accent-hover:#027a3d;--color-gold:#c9a227;--color-gold-hover:#a8861d;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-success-text:#15803d;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-warning-text:#b45309;--color-danger:#dc2626;--color-danger-bg:#fee2e2;--color-danger-text:#b91c1c;--color-info:#2563eb;--color-bg:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-faint:#94a3b8;--color-text-on-primary:#f1f5f9;--shadow-card:0 1px 3px #0c1b3314;--shadow-modal:0 4px 16px #0c1b331f;--radius-input:6px;--radius-card:10px;--ease:cubic-bezier(.2, 0, 0, 1);--dur-micro:.12s;--dur-standard:.18s;--dur-structural:.26s;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-family:Inter Variable,Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45}@media (prefers-reduced-motion:reduce){:root{--dur-micro:0s;--dur-standard:0s;--dur-structural:0s}*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--color-bg)}h1,h2,h3{letter-spacing:-.01em;font-weight:600}a{color:var(--color-info);text-decoration:none}.tabular{font-variant-numeric:tabular-nums}.btn{border-radius:var(--radius-input);height:36px;font:inherit;cursor:pointer;transition:background var(--dur-micro) var(--ease), border-color var(--dur-micro) var(--ease), transform var(--dur-micro) var(--ease);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:500;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-tint)}.btn-danger{background:var(--color-danger);color:#fff}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-primary-tint);color:var(--color-primary)}.input,.select{border:1px solid var(--color-border-strong);border-radius:var(--radius-input);width:100%;height:36px;font:inherit;color:var(--color-text);background:var(--color-surface);transition:border-color var(--dur-micro) var(--ease), box-shadow var(--dur-micro) var(--ease);padding:0 12px}.input:focus,.select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0c1b331f}.input::placeholder{color:var(--color-text-faint)}.field{flex-direction:column;gap:6px;display:flex}.field>label{color:var(--color-text-muted);font-size:13px;font-weight:500}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.badge{border-radius:999px;align-items:center;height:22px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-neutral{background:var(--color-primary-tint);color:var(--color-primary)}.spinner{border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{animation:pageEnter var(--dur-standard) var(--ease)}@keyframes pageEnter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes rowFlash{0%{background:var(--color-primary-tint)}to{background:0 0}}.row-flash{animation:rowFlash .3s var(--ease)}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.shake{animation:shake .4s var(--ease)}.skeleton{background:linear-gradient(90deg,#eef2f7 25%,#f6f8fb 50%,#eef2f7 75%) 0 0/200% 100%;border-radius:6px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.password-wrap{position:relative}.password-wrap .input{width:100%;padding-right:44px}.password-toggle{cursor:pointer;color:var(--color-text-faint);transition:color var(--dur-micro) var(--ease);background:0 0;border:none;border-radius:6px;padding:6px;font-size:15px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-primary)}.input.input-ok,.input.input-ok:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #03994c26}.input.input-error,.input.input-error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #dc26261f}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.auth-layout{grid-template-columns:1.1fr 1fr;height:100%;display:grid}@media (width<=860px){.auth-layout{grid-template-columns:1fr}.auth-brand{display:none}}.auth-brand{color:var(--color-text-on-primary);background:radial-gradient(120% 130% at 20% 0,#10203c 0%,#081226 45%,#04070f 100%);flex-direction:column;justify-content:space-between;padding:48px 56px;display:flex;position:relative;overflow:hidden}.auth-brand:before,.auth-brand:after{content:"";filter:blur(90px);opacity:.4;border-radius:50%;position:absolute}.auth-brand:before{background:radial-gradient(circle,#03994c80,#0000 65%);width:560px;height:520px;animation:18s ease-in-out infinite alternate drift1;top:-160px;right:-120px}.auth-brand:after{background:radial-gradient(circle,#1d4ed873,#0000 65%);width:640px;height:620px;animation:22s ease-in-out infinite alternate drift2;bottom:-220px;left:-170px}@keyframes drift1{to{transform:translate(-60px,40px)scale(1.1)}}@keyframes drift2{to{transform:translate(70px,-50px)scale(1.05)}}.auth-cosmos{pointer-events:none;position:absolute;inset:0}.auth-stars{background-image:radial-gradient(1px 1px at 12% 24%,#ffffffe6 50%,#0000 51%),radial-gradient(1px 1px at 34% 68%,#ffffffb3 50%,#0000 51%),radial-gradient(1.5px 1.5px at 56% 14%,#fffc 50%,#0000 51%),radial-gradient(1px 1px at 72% 42%,#fff9 50%,#0000 51%),radial-gradient(1.5px 1.5px at 88% 76%,#ffffffd9 50%,#0000 51%),radial-gradient(1px 1px at 22% 88%,#ffffffa6 50%,#0000 51%),radial-gradient(1px 1px at 64% 92%,#ffffffbf 50%,#0000 51%),radial-gradient(1.5px 1.5px at 45% 48%,#ffffff80 50%,#0000 51%);background-size:42vw 42vh;animation:5s ease-in-out infinite authTwinkle;position:absolute;inset:-50%}.auth-stars.s2{opacity:.5;background-size:29vw 31vh;animation-duration:7s;animation-delay:2.4s}@keyframes authTwinkle{0%,to{opacity:.8}50%{opacity:.3}}.auth-pill-float{color:#35e58d12;animation:14s ease-in-out infinite alternate pillOrbit;position:absolute;bottom:6%;right:-40px}@keyframes pillOrbit{0%{transform:translateY(0)rotate(-8deg)}to{transform:translateY(-26px)rotate(6deg)}}.auth-brand>*{z-index:1;position:relative}.brand-mark{letter-spacing:-.02em;align-items:baseline;gap:2px;font-size:26px;font-weight:700;display:flex}.brand-mark .dot{color:var(--color-accent);font-size:30px;line-height:0}.auth-brand-body{flex-direction:column;gap:28px;max-width:460px;display:flex}.auth-brand-body h1{letter-spacing:-.02em;animation:riseIn .5s var(--ease);font-size:38px;line-height:1.15}.auth-brand-body h1 em{color:var(--color-gold);font-style:normal}.brand-features{flex-direction:column;gap:14px;display:flex}.brand-feature{animation:riseIn .5s var(--ease) backwards;align-items:flex-start;gap:12px;display:flex}.brand-feature:first-child{animation-delay:80ms}.brand-feature:nth-child(2){animation-delay:.16s}.brand-feature:nth-child(3){animation-delay:.24s}.brand-feature .f-icon{color:#35e58d;background:#35e58d1a;border:1px solid #35e58d38;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.brand-feature .f-title{font-size:14px;font-weight:600}.brand-feature .f-sub{color:#f1f5f99e;margin-top:1px;font-size:12.5px}.brand-trust{flex-wrap:wrap;gap:8px;display:flex}.trust-chip{color:#dbe6ffd9;animation:riseIn .5s var(--ease) .32s backwards;background:#94b8ff14;border:1px solid #94b8ff29;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.trust-chip svg{color:#35e58d}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.auth-brand-foot{color:#f1f5f980;justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.auth-brand-foot .np{letter-spacing:.02em}.auth-panel{background:radial-gradient(800px 400px at 80% -10%, #0c1b330d, transparent 60%), var(--color-bg);justify-content:center;align-items:center;padding:32px;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:400px;padding:36px 34px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #0c1b331a,0 2px 8px #0c1b330f}.auth-card:before{content:"";background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);height:3px;position:absolute;top:0;left:0;right:0}.auth-logo-wrap{justify-content:center;align-items:center;height:168px;margin:-10px 0 -6px;display:flex;overflow:hidden}.auth-logo-wrap img{width:250px;animation:riseIn .5s var(--ease)}.auth-card .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold-hover);font-size:13px;font-weight:600}.auth-card h2{letter-spacing:-.01em;font-size:24px}.auth-card .sub{color:var(--color-text-muted);margin-top:4px;font-size:13.5px}.auth-card .input{height:42px}.auth-error{background:var(--color-danger-bg);color:var(--color-danger-text);border-radius:var(--radius-input);padding:10px 12px;font-size:13px;font-weight:500}.auth-submit{height:44px;font-size:15px;position:relative;overflow:hidden}.auth-submit:after{content:"";transition:transform .6s var(--ease);background:linear-gradient(100deg,#0000 30%,#c9a22740 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}.auth-submit:hover:not(:disabled):after{transform:translate(100%)}@media (prefers-reduced-motion:reduce){.auth-stars,.auth-pill-float,.auth-brand:before,.auth-brand:after{animation:none}}.wizard-steps{gap:8px;margin-bottom:4px;display:flex}.wizard-step{background:var(--color-border);height:4px;transition:background var(--dur-standard) var(--ease);border-radius:2px;flex:1}.wizard-step.done{background:var(--color-accent)}.wizard-step.active{background:var(--color-primary)}.toast-stack{z-index:2000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:66px;right:20px}.toast{box-sizing:border-box;background:var(--color-surface);border:1px solid var(--color-border);width:380px;min-height:66px;box-shadow:var(--shadow-modal);color:var(--color-text);pointer-events:auto;border-radius:12px;align-items:flex-start;gap:11px;padding:14px 14px 16px;animation:.22s cubic-bezier(.22,1,.36,1) toastIn;display:flex;position:relative}.toast-badge{border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.toast-body{flex-direction:column;flex:1;gap:2px;min-width:0;padding-top:1px;display:flex}.toast-title{font-size:13.5px;font-weight:700;line-height:1.3}.toast-msg{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:400;line-height:1.35;display:-webkit-box;overflow:hidden}.toast.leaving{animation:toastOut .2s var(--ease) forwards}@keyframes toastIn{0%{opacity:0;transform:translate(16px)scale(.98)}}@keyframes toastOut{to{opacity:0;transform:translate(16px)scale(.98)}}.toast-x{cursor:pointer;color:var(--color-text-faint);background:0 0;border:none;flex-shrink:0;align-self:flex-start;padding:0 2px;font-size:17px;line-height:1}.toast-x:hover{color:var(--color-text)}.toast-ring{pointer-events:none;position:absolute;inset:0;overflow:visible}.toast-ring-rect{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;animation-name:toastRing;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes toastRing{to{stroke-dashoffset:100px}}.toast-ring-dot{fill:none;stroke-width:7px;stroke-linecap:round;stroke-dasharray:.01 100;stroke-dashoffset:0;animation-name:toastDot;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes toastDot{to{stroke-dashoffset:100px}}.toast-success .toast-badge{background:var(--color-success-bg);color:var(--color-success)}.toast-success .toast-ring-rect,.toast-success .toast-ring-dot{stroke:var(--color-success)}.toast-error .toast-badge{background:var(--color-danger-bg);color:var(--color-danger)}.toast-error .toast-ring-rect,.toast-error .toast-ring-dot{stroke:var(--color-danger)}.toast-info .toast-badge{background:var(--color-primary-tint);color:var(--color-primary)}.toast-info .toast-ring-rect,.toast-info .toast-ring-dot{stroke:var(--color-primary)}@media (prefers-reduced-motion:reduce){.toast,.toast.leaving{animation:none}.toast-ring-rect{stroke-dashoffset:100px;animation:none}.toast-ring-dot{animation:none;display:none}}.mobile-field{position:relative}.mobile-input{padding-right:48px}.mobile-count{font-variant-numeric:tabular-nums;color:var(--color-text-muted);pointer-events:none;font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.mobile-count.ok{color:var(--color-accent)}.psearch{position:relative}.psearch-pop{z-index:40;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-modal);max-height:320px;animation:psIn .16s var(--ease);border-radius:10px;padding:4px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto}@keyframes psIn{0%{opacity:0;transform:translateY(-4px)scale(.99)}}.psearch-row{cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.psearch-row.active{background:var(--color-primary-tint)}.psearch-row.create{border-top:1px solid var(--color-border);border-radius:0 0 7px 7px}.psearch-row.create .ps-name{color:var(--color-info);font-weight:500}.psearch-row.create:hover{background:var(--color-primary-tint)}.ps-section{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);padding:6px 10px 3px;font-size:10px;font-weight:700}.ps-empty{color:var(--color-text-muted);padding:12px;font-size:12.5px;line-height:1.5}.ps-main{min-width:0}.ps-name{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.ps-loc{color:var(--color-text-faint);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;margin-top:1px;font-size:11.5px;display:flex;overflow:hidden}.ps-loc svg{flex-shrink:0}.ps-type{text-transform:capitalize}.ps-side{color:var(--color-text-muted);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:1px;font-size:11.5px;display:flex}.ps-pan{align-items:center;gap:4px;font-weight:600;display:inline-flex}.ps-phone{color:var(--color-text-faint);align-items:center;gap:4px;display:inline-flex}@media (prefers-reduced-motion:reduce){.psearch-pop{animation:none}}.dlg{width:400px}.dlg-hero{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%) top / 100% 3px no-repeat, var(--color-primary);border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:12px;margin:-24px -24px 0;padding:17px 22px 15px;display:flex}.dlg-hero .l{text-transform:uppercase;letter-spacing:.1em;color:#f1f5f9a6;font-size:12px;font-weight:600;display:block}.dlg-hero .s{color:#f1f5f980;margin-top:3px;font-size:12.5px;display:block}.dlg-hero .l .badge{text-transform:none;letter-spacing:normal}.dlg-hero .v{letter-spacing:-.02em;color:var(--color-gold);font-size:28px;font-weight:700}.dlg-hero .v.plain{color:var(--color-text-on-primary);font-size:20px}.dlg-entity{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.dlg-entity .ico{background:var(--color-primary-tint);width:30px;height:30px;color:var(--color-primary);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.dlg-entity .ico.danger{background:var(--color-danger-bg);color:var(--color-danger)}.dlg-entity .ico.warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.dlg-entity .who{min-width:0}.dlg-entity .who .l{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);font-size:10px;font-weight:700;display:block}.dlg-entity .who b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dlg-entity .muted{color:var(--color-text-muted);flex-shrink:0}.dlg-entity .hint{color:var(--color-text-muted);flex-shrink:0;align-items:center;gap:5px;margin-left:auto;font-size:12px;display:inline-flex}.dlg-kbd{opacity:.8;border:1px solid #ffffff59;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.5;display:inline-block}.btn-secondary .dlg-kbd{border-color:var(--color-border-strong);color:var(--color-text-muted)}.dlg-head{align-items:center;gap:12px;display:flex}.dlg-head h3{font-size:16px;line-height:1.35}.dlg-icon{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.dlg-icon.brand{background:var(--color-primary-tint);color:var(--color-primary)}.dlg-icon.danger{background:var(--color-danger-bg);color:var(--color-danger);animation:1.6s ease-in-out infinite dlgPulse}@keyframes dlgPulse{0%,to{box-shadow:0 0 #dc262640}50%{box-shadow:0 0 0 7px #dc262600}}.dlg-message{color:var(--color-text-muted);font-size:13.5px;line-height:1.6}.dlg-actions{gap:8px;display:flex}.dlg-actions .btn:first-child{flex:1}.dlg-actions .btn:last-child{flex:2}@media (prefers-reduced-motion:reduce){.dlg-icon.danger{animation:none}}.sel{width:100%;position:relative}.sel-btn{cursor:pointer;text-align:left;white-space:nowrap;align-items:center;gap:8px;width:100%;display:flex;overflow:hidden}.sel-btn:disabled{opacity:.55;cursor:default}.sel-btn>span:first-child{text-overflow:ellipsis;overflow:hidden}.sel-placeholder{color:var(--color-text-faint)}.sel-chev{color:var(--color-text-faint);transition:transform var(--dur-micro) var(--ease);flex-shrink:0;margin-left:auto}.sel-chev.open{transform:rotate(180deg)}.sel-pop{z-index:40;background:var(--color-surface);border:1px solid var(--color-border);min-width:100%;max-height:260px;box-shadow:var(--shadow-modal);animation:selIn .16s var(--ease);border-radius:9px;padding:4px;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto}@keyframes selIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.sel-option{cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:7px;padding:7px 10px 7px 7px;font-size:13px;display:flex}.sel-option.highlight{background:var(--color-primary-tint)}.sel-option.selected{font-weight:600}.sel-check{width:16px;color:var(--color-accent);flex-shrink:0;place-items:center;display:grid}.sel-label{flex-direction:column;min-width:0;display:flex}.sel-hint{color:var(--color-text-faint);font-size:11px;font-weight:400}.entry-row .sel-btn{height:32px;font-size:13px}.entry-row .sel{min-width:88px}@media (prefers-reduced-motion:reduce){.sel-pop{animation:none}.sel-chev{transition:none}}.pos{grid-template-columns:1fr 300px;gap:16px;height:100%;padding:16px 20px;display:grid}.pos-left{flex-direction:column;gap:12px;min-width:0;display:flex}.bill-to{flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.bill-to .bt-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:11px;font-weight:600}.bill-to .bt-meta{color:var(--color-text-faint);font-size:12px}.bill-to .bt-btn{height:26px;padding:0 8px;font-size:12px}.bt-hero{flex-wrap:nowrap;align-items:stretch;gap:0;padding:0;position:relative;overflow:hidden}.bt-identity{flex:1;align-items:center;gap:14px;min-width:0;padding:16px 18px;display:flex}.bt-avatar{width:48px;height:48px;animation:btAvatarIn .2s var(--ease);border-radius:13px;flex-shrink:0;place-items:center;font-size:20px;font-weight:700;display:grid}@keyframes btAvatarIn{0%{opacity:0;transform:scale(.9)}}.bt-avatar.registered{background:var(--color-primary);color:#fff}.bt-avatar.walkin{color:var(--color-gold-hover);background:#f7efd8}.bt-who{min-width:0}.bt-name-row{align-items:center;gap:9px;min-width:0;display:flex}.bt-name{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:750;overflow:hidden}.bt-tag{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700}.bt-tag.registered{background:var(--color-success-bg);color:var(--color-success-text)}.bt-tag.walkin{color:var(--color-gold-hover);background:#f7efd8}.bt-sub{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:5px;font-size:12.5px;display:flex}.bt-sub span{align-items:center;gap:5px;display:inline-flex}.bt-sub svg{color:var(--color-text-faint)}.bt-stats{background:var(--color-primary-tint);border-left:1px solid var(--color-border);flex-shrink:0;align-items:stretch;gap:28px;padding:14px 22px;display:flex}.bt-fig{flex-direction:column;justify-content:center;gap:3px;display:flex}.bt-fig .l{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint);font-size:10px;font-weight:700}.bt-fig .v{color:var(--color-primary);font-size:16px;font-weight:700;line-height:1.05}.bt-fig .s{color:var(--color-text-faint);font-size:10.5px}.bt-fig.due .v{color:var(--color-danger-text)}.bt-fig.advance .v{color:var(--color-success-text)}.bt-change{border:1px solid var(--color-border-strong);width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.bt-change:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-tint)}.bt-search{position:relative}.bill-to .bt-search{flex:1;min-width:220px;max-width:320px}.bill-chooser{flex-direction:column;gap:16px;padding:26px;display:flex}.bill-chooser h3{font-size:17px}.chooser-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.chooser-or{color:var(--color-text-faint);font-size:13px}.chooser-row .bt-search{flex:1;min-width:260px;max-width:420px}.pos-search{position:relative}.pos-search input{height:46px;padding-left:42px;font-size:16px}.pos-search .glyph{color:var(--color-text-faint);pointer-events:none;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.pos-search .kbd-hint{color:var(--color-text-faint);font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pos-results{z-index:60;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-modal);max-height:min(420px,60vh);animation:pageEnter var(--dur-standard) var(--ease);position:absolute;top:52px;left:0;right:0;overflow-y:auto}.pos-result-section{z-index:1;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);background:var(--color-surface);border-top:1px solid var(--color-border);padding:8px 14px 4px;font-size:10px;font-weight:700;position:sticky;top:0}.pos-results>div:first-child .pos-result-section{border-top:none}.pos-results .no-match{color:var(--color-text-muted);text-align:center;padding:14px;font-size:13px}.pos-result{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;scroll-margin-top:30px;display:flex}.pos-result.active{background:var(--color-primary-tint)}.pos-result .name{font-weight:600}.pos-result .generic{color:var(--color-text-muted);font-size:12px}.pos-result .stock{color:var(--color-text-muted);white-space:nowrap;font-size:12px}.pos-result .pack-chip{background:var(--color-primary-tint);color:var(--color-primary);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.pos-table tbody tr:not(.entry-row):nth-child(2n) td{background:#fbfcfe}.pos-table-wrap{flex:1;overflow:auto}.pos-table{border-collapse:collapse;width:100%}.pos-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:8px 10px;font-size:11px;font-weight:600;position:sticky;top:0}.pos-table td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:9px 10px}.pos-table .num,.pos-table th.num{text-align:right}.pos-table .item-cell .name{font-weight:600}.pos-table .item-cell .batch{color:var(--color-text-muted);font-size:12px}.pos-table .remove{cursor:pointer;color:var(--color-text-faint);background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:15px}.pos-table .remove:hover{color:var(--color-danger);background:var(--color-danger-bg)}.pos-empty{text-align:center;color:var(--color-text-faint);padding:48px}.pos-empty .big{color:var(--color-text-muted);margin-bottom:4px;font-size:15px}.entry-row td{background:#fbfcfe}.entry-row input,.entry-row select{height:32px;font-size:13px}.entry-row select{min-width:88px}.entry-row .stock-hint{margin-top:3px;font-size:11px}.stock-ok{color:var(--color-text-muted)}.stock-warn{color:var(--color-warning-text);font-weight:600}.stock-bad{color:var(--color-danger-text);font-weight:600}.pos-right{flex-direction:column;gap:12px;display:flex}.pos-totals{flex-direction:column;gap:10px;padding:18px;display:flex}.pos-totals .row{color:var(--color-text-muted);justify-content:space-between;font-size:13px;display:flex}.pos-totals .row b{color:var(--color-text)}.pos-totals .grand{background:var(--color-primary);border-radius:0 0 var(--radius-card) var(--radius-card);color:var(--color-text-on-primary);justify-content:space-between;align-items:baseline;margin:8px -18px -18px;padding:14px 18px 16px;display:flex}.pos-totals .grand .label{text-transform:uppercase;letter-spacing:.1em;color:#f1f5f9a6;font-size:12px;font-weight:600}.pos-totals .grand .value{letter-spacing:-.02em;color:var(--color-gold);font-size:30px;font-weight:700}.grand-pulse{animation:grandPulse .2s var(--ease)}@keyframes grandPulse{50%{transform:scale(1.03)}}.pos-actions{flex-direction:column;gap:8px;display:flex}.pos-actions .btn{height:44px;font-size:15px}.kbd{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-muted);border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.btn .kbd{color:inherit;background:#ffffff26;border-color:#ffffff4d}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);animation:fadeIn var(--dur-standard) var(--ease);background:#0c1b3380;place-items:center;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.modal{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%) top / 100% 3px no-repeat, var(--color-surface);border-radius:14px;flex-direction:column;gap:16px;width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);padding:24px;animation:.26s cubic-bezier(.22,1,.36,1) modalIn;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 64px #0c1b3359,0 4px 16px #0c1b332e}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(10px)}}.modal h3{letter-spacing:-.01em;font-size:17px}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal{animation:none}}.co-head{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%) top / 100% 3px no-repeat, var(--color-primary);border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:12px;margin:-24px -24px 0;padding:17px 22px 15px;display:flex}.co-head .l{text-transform:uppercase;letter-spacing:.1em;color:#f1f5f9a6;font-size:12px;font-weight:600;display:block}.co-head .s{color:#f1f5f980;margin-top:3px;font-size:12.5px;display:block}.co-head .v{letter-spacing:-.02em;color:var(--color-gold);font-size:28px;font-weight:700}.mode-picker{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mode-btn{border:1.5px solid var(--color-border-strong);background:var(--color-surface);height:68px;font:inherit;color:var(--color-text);cursor:pointer;transition:border-color var(--dur-micro) var(--ease), background var(--dur-micro) var(--ease);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-weight:600;display:flex;position:relative}.mode-btn svg{color:var(--color-text-faint);transition:color var(--dur-micro) var(--ease)}.mode-btn:hover{border-color:var(--color-primary)}.mode-btn .m-label{letter-spacing:.02em;font-size:12.5px}.mode-btn .m-key{border:1px solid var(--color-border);background:var(--color-bg);min-width:16px;height:16px;color:var(--color-text-faint);border-radius:4px;place-items:center;padding:0 3px;font-size:10px;font-weight:600;display:grid;position:absolute;top:5px;right:5px}.mode-btn.selected{border-color:var(--color-primary);background:var(--color-primary-tint)}.mode-btn.selected svg{color:var(--color-primary)}.mode-btn.selected .m-key{border-color:var(--color-primary);background:var(--color-surface);color:var(--color-primary)}.co-billto{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.co-billto .ico{background:var(--color-primary-tint);width:30px;height:30px;color:var(--color-primary);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.co-billto .who{min-width:0}.co-billto .who .l{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);font-size:10px;font-weight:700;display:block}.co-billto .who b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.co-billto .muted{color:var(--color-text-muted);flex-shrink:0}.co-billto .hint{color:var(--color-text-muted);flex-shrink:0;align-items:center;gap:5px;margin-left:auto;font-size:12px;display:inline-flex}.success-panel{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.success-check{background:var(--color-success-bg);width:52px;height:52px;color:var(--color-success);animation:checkPop .3s var(--ease);border-radius:50%;place-items:center;font-size:26px;display:grid}@keyframes checkPop{0%{opacity:0;transform:scale(.6)}}.success-panel .invoice-no{font-size:22px;font-weight:700}.receipt-print{display:none}@media print{body *{visibility:hidden}.receipt-print,.receipt-print *{visibility:visible}.receipt-print{color:#000;width:100%;font-family:ui-monospace,monospace;font-size:12px;display:block;position:absolute;top:0;left:0}.receipt-print table{border-collapse:collapse;width:100%}.receipt-print th,.receipt-print td{text-align:left;padding:2px 4px}.receipt-print .num{text-align:right}.receipt-print hr{border:none;border-top:1px dashed #000}}.walkin-form{max-width:480px;animation:pageEnter var(--dur-standard) var(--ease);flex-direction:column;gap:12px;display:flex}.bill-code{border:1.5px dashed var(--color-gold);color:var(--color-text-muted);background:#fdf9ee;border-radius:8px;margin-top:4px;padding:8px 14px;font-size:13px}.bill-code b{color:var(--color-primary);letter-spacing:.06em;margin-left:6px;font-size:16px}.page-pad{flex-direction:column;gap:14px;padding:20px 28px;display:flex}.city-box{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.city-val{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.city-val svg,.city-chev{color:var(--color-text-faint);flex-shrink:0}.list-head{align-items:center;gap:12px;display:flex}.list-head .input{max-width:340px}.list-head .spacer{flex:1}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:10px 12px;font-size:11px;font-weight:600;position:sticky;top:0}.data-table td{border-bottom:1px solid var(--color-border);padding:10px 12px}.data-table tbody tr{transition:background var(--dur-micro) var(--ease)}.data-table tbody tr:hover{background:#f1f5f9}.data-table tbody tr.clickable{cursor:pointer}.data-table .num,.data-table th.num{text-align:right}.data-table .muted{color:var(--color-text-muted);font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid .full{grid-column:1/-1}.check-row{align-items:center;gap:8px;height:36px;display:flex}.check-row input{width:16px;height:16px;accent-color:var(--color-primary)}.tabs{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:4px;display:flex}.tab{color:var(--color-text-muted);cursor:pointer;font-weight:500;font:inherit;transition:color var(--dur-micro) var(--ease), border-color var(--dur-micro) var(--ease);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-accent);font-weight:600}.section-card{flex-direction:column;gap:14px;padding:20px;display:flex}.section-card h3{font-size:15px}.section-card .desc{color:var(--color-text-muted);margin-top:-8px;font-size:13px}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=1100px){.settings-grid{grid-template-columns:1fr}}.mono{word-break:break-all;font-family:ui-monospace,monospace;font-size:12px}.aging-buckets{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.aging-bucket{text-align:center;padding:10px 12px}.aging-bucket .b-label{color:var(--color-text-muted);font-size:11px;font-weight:600}.aging-bucket .b-value{font-size:16px;font-weight:700}.hold-row{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.hold-row .ico{background:var(--color-primary-tint);width:30px;height:30px;color:var(--color-primary);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.hold-row .who{flex:1;min-width:0}.hold-row .who b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hold-row .who .s{color:var(--color-text-muted);font-size:12px}.hold-row .btn{flex-shrink:0;height:30px}.done-meta{color:var(--color-text-muted);font-size:13.5px}.done-total{letter-spacing:-.02em;color:var(--color-primary);font-size:26px;font-weight:700}.bsdp{position:relative}.entry-row .bsdp-input{height:32px;font-size:13px}.bsdp-input{cursor:pointer;text-align:left;align-items:center;gap:8px;width:100%;min-width:0;font-weight:600;display:flex}.bsdp-input>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bsdp-chev{color:var(--color-text-faint);transition:transform var(--dur-micro) var(--ease);flex-shrink:0;margin-left:auto}.bsdp-chev.open{transform:rotate(180deg)}.bsdp-pop{z-index:40;background:var(--color-surface);border:1px solid var(--color-border);width:264px;box-shadow:var(--shadow-modal);animation:bsdpIn .18s var(--ease);border-radius:10px;padding:10px;position:absolute;top:calc(100% + 6px);left:0}@keyframes bsdpIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.bsdp-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.bsdp-month{align-items:center;gap:3px;font-size:13.5px;font-weight:700;display:flex}.bsdp-jump{font:inherit;cursor:pointer;transition:background var(--dur-micro) var(--ease), color var(--dur-micro) var(--ease);background:0 0;border:none;border-radius:5px;padding:2px 5px;font-weight:700}.bsdp-jump:hover{background:var(--color-primary-tint);color:var(--color-primary)}.bsdp-pick-grid{grid-template-columns:repeat(3,1fr);gap:4px;padding:4px 0;display:grid}.bsdp-pick{height:34px;font:inherit;cursor:pointer;transition:background var(--dur-micro) var(--ease);background:0 0;border:none;border-radius:7px;font-size:12.5px;font-weight:500}.bsdp-pick:hover{background:var(--color-primary-tint)}.bsdp-pick.selected{background:var(--color-primary);color:#fff;font-weight:700}.bsdp-month .bsdp-unit{color:var(--color-text-faint);margin-left:5px;font-size:10.5px;font-weight:600}.bsdp-nav{width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;transition:background var(--dur-micro) var(--ease);background:0 0;border:none;border-radius:6px;font-size:16px}.bsdp-nav:hover{background:var(--color-primary-tint);color:var(--color-primary)}.bsdp-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.bsdp-wd{text-align:center;letter-spacing:.04em;color:var(--color-text-faint);padding:3px 0 5px;font-size:10px;font-weight:700}.bsdp-day{height:30px;font:inherit;font-variant-numeric:tabular-nums;color:var(--color-text);cursor:pointer;transition:background var(--dur-micro) var(--ease), color var(--dur-micro) var(--ease);background:0 0;border:none;border-radius:7px;font-size:12.5px}.bsdp-day:hover:not(:disabled){background:var(--color-primary-tint)}.bsdp-day.today{box-shadow:inset 0 0 0 1.5px var(--color-gold)}.bsdp-day.selected{background:var(--color-primary);color:#fff;font-weight:700}.bsdp-day:disabled{color:var(--color-border-strong);cursor:default}.bsdp-today{background:var(--color-bg);width:100%;height:30px;font:inherit;color:var(--color-text-muted);cursor:pointer;transition:background var(--dur-micro) var(--ease), color var(--dur-micro) var(--ease);border:none;border-radius:7px;margin-top:8px;font-size:12px;font-weight:600}.bsdp-today:hover:not(:disabled){background:var(--color-primary-tint);color:var(--color-primary)}.bsdp-today:disabled{opacity:.5;cursor:default}@media (prefers-reduced-motion:reduce){.bsdp-pop{animation:none}.bsdp-chev{transition:none}}.pp-action{align-items:center;gap:7px;height:32px;display:inline-flex}.pp-action svg{transition:transform var(--dur-micro) var(--ease)}.pp-action:hover svg{transform:scale(1.12)}.pp-action .count{background:var(--color-gold);min-width:18px;height:18px;color:var(--color-primary);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;display:grid}.pp-import:hover svg{filter:drop-shadow(0 0 4px #c9a22799);color:var(--color-gold);transform:scale(1.15)rotate(-8deg)}.pp-head{padding:0}.pp-hero{border-bottom:1px solid var(--color-border);border-radius:var(--radius-card) var(--radius-card) 0 0}.pp-hero .bt-stats{min-width:170px}.pp-supplier-pick{padding:14px 18px 16px;position:relative}.pp-invoice-strip{grid-template-columns:1fr 1fr 1fr;gap:16px;padding:14px 18px 16px;display:grid}.pp-supplier-chip{background:var(--color-success-bg);height:30px;color:var(--color-success-text);animation:ppChipIn .2s var(--ease);border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 8px;font-size:13px;font-weight:600;display:inline-flex}@keyframes ppChipIn{0%{opacity:0;transform:scale(.92)}}.pp-line{animation:ppLineIn .24s var(--ease)}@keyframes ppLineIn{0%{opacity:0;transform:translateY(-4px)}}.entry-row td{transition:background var(--dur-micro) var(--ease)}.entry-row:focus-within td{background:#f2f7ff}.pp-save svg{transition:transform var(--dur-micro) var(--ease)}.pp-save:hover:not(:disabled) svg{transform:translate(3px)}.pp-empty-icon{color:var(--color-border-strong);margin-bottom:10px;animation:3.2s ease-in-out infinite ppFloat}@keyframes ppFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pp-row-action{align-items:center;gap:5px;height:26px;padding:0 9px;font-size:12px;display:inline-flex}.pp-row-action svg{transition:transform var(--dur-micro) var(--ease)}.pp-row-action:hover svg{transform:scale(1.15)}.pp-row-action.danger:hover{color:var(--color-danger);background:var(--color-danger-bg)}.pp-row-action.pp-return{border:1px solid var(--color-border-strong);color:var(--color-text-muted)}.pp-row-action.pp-return:hover:not(:disabled){background:var(--color-danger);border-color:var(--color-danger);color:#fff}.pp-row-action.pp-return svg{transition:transform .22s var(--ease)}.pp-row-action.pp-return:hover svg{transform:rotate(-360deg)}.pp-fields-enter{animation:ppFieldsIn .24s var(--ease)}@keyframes ppFieldsIn{0%{opacity:0;transform:translateY(-4px)}}.pp-gate{text-align:center;animation:pageEnter var(--dur-standard) var(--ease);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:56px 24px;display:flex}.pp-gate-icon{background:var(--color-primary-tint);width:64px;height:64px;color:var(--color-primary);border-radius:50%;place-items:center;margin-bottom:10px;display:grid;position:relative}.pp-gate-icon .ring{border:2px solid var(--color-primary);opacity:0;border-radius:50%;animation:2.2s ease-out infinite ppRadar;position:absolute;inset:0}@keyframes ppRadar{0%{opacity:.45;transform:scale(1)}70%{opacity:0;transform:scale(1.55)}to{opacity:0}}.pp-gate-title{font-size:16px;font-weight:600}.pp-gate-sub{color:var(--color-text-muted);max-width:420px;font-size:13px;line-height:1.6}.dlg-hero .l.pp-hero-kicker{align-items:center;gap:8px;display:flex}.pp-vendor{flex-wrap:wrap}.pp-vendor .muted{align-items:center;gap:4px;display:inline-flex}.pp-import-total{flex-shrink:0;margin-left:auto;font-size:15px}@media (prefers-reduced-motion:reduce){.pp-gate-icon .ring,.pp-fields-enter{animation:none}.pp-action svg,.pp-import svg,.pp-save svg,.pp-row-action svg{transition:none}.pp-action:hover svg,.pp-import:hover svg,.pp-save:hover:not(:disabled) svg,.pp-row-action:hover svg,.pp-row-action.pp-return:hover svg{transform:none}.pp-line,.pp-supplier-chip,.pp-empty-icon{animation:none}}.contacts-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.contacts-meta{color:var(--color-text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.contacts-meta b{color:var(--color-text)}.contacts-meta .dot{color:var(--color-border-strong)}.contacts-card{overflow:auto}.contacts-table th{white-space:nowrap}.contacts-table td{vertical-align:middle}.ct-name{font-size:13.5px;font-weight:600}.ct-tags{gap:4px;display:flex}.ct-tag{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.ct-tag.supplier{background:var(--color-primary-tint);color:var(--color-primary)}.ct-tag.customer{background:var(--color-success-bg);color:var(--color-success-text)}.ct-person{align-items:center;gap:6px;font-size:13px;display:inline-flex}.ct-person svg{color:var(--color-text-faint)}.ct-chip{white-space:nowrap;color:var(--color-text);transition:color var(--dur-micro) var(--ease);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.ct-chip.call svg{color:var(--color-text-faint)}.ct-chip.call:hover{color:var(--color-primary);text-decoration:underline}.ct-chip.call:hover svg{color:var(--color-primary)}.ct-chip.wa svg{color:var(--color-success)}.ct-chip.wa:hover{color:var(--color-success-text);text-decoration:underline}.ct-numbers{flex-direction:column;gap:3px;display:flex}.ct-numline{align-items:center;gap:7px;display:inline-flex}.ct-wa-mark{color:var(--color-success);display:inline-flex}.ct-wa-mark:hover{color:var(--color-success-text)}.ct-city{align-items:center;gap:5px;font-size:13px;display:flex}.ct-city svg{color:var(--color-text-faint)}.ct-address{color:var(--color-text-faint);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;max-width:280px;margin-top:3px;font-size:11.5px;display:flex;overflow:hidden}.ct-address svg{flex-shrink:0}.ct-pan{color:var(--color-text-muted);font-size:12.5px}.ct-none{color:var(--color-text-faint)}.ct-edit{height:26px;padding:0 10px;font-size:12px}.dash{flex-direction:column;gap:20px;padding-top:6px;display:flex}.sales-chart{padding:22px 24px 20px}.sales-chart .recharts-cartesian-axis-tick text{font-variant-numeric:tabular-nums}.dash-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.dash-head h2{letter-spacing:-.015em;font-size:24px}.dash-head .sub{color:var(--color-text-muted);margin-top:4px;font-size:13.5px}.dash-head .actions{gap:8px;display:flex}.kpi-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.kpi{transition:box-shadow var(--dur-micro) var(--ease), transform var(--dur-micro) var(--ease);flex-direction:column;grid-column:span 1;gap:10px;padding:18px;display:flex;position:relative;overflow:hidden}.kpi:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0c1b331a}.kpi .k-top{align-items:center;gap:10px;display:flex}.kpi .k-icon{background:var(--color-primary-tint);width:34px;height:34px;color:var(--color-primary);border-radius:9px;place-items:center;display:grid}.kpi.tone-green .k-icon{background:var(--color-success-bg);color:var(--color-success-text)}.kpi.tone-blue .k-icon{color:var(--color-info);background:#dbeafe}.kpi.tone-rose .k-icon{background:var(--color-danger-bg);color:var(--color-danger-text)}.kpi.tone-green{--kpi-accent:var(--color-success)}.kpi.tone-blue{--kpi-accent:var(--color-info)}.kpi.tone-navy{--kpi-accent:var(--color-primary)}.kpi.tone-rose{--kpi-accent:var(--color-danger)}.kpi[class*=tone-]{box-shadow:inset 0 3px 0 var(--kpi-accent)}.kpi[class*=tone-]:hover{box-shadow:inset 0 3px 0 var(--kpi-accent), 0 4px 16px #0c1b331a}.kpi .k-label{letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted);font-size:12.5px;font-weight:600}.kpi .k-value{letter-spacing:-.02em;white-space:nowrap;margin-top:auto;font-size:clamp(19px,1.6vw,24px);font-weight:700;line-height:1.1}.kpi .k-value .cur{color:var(--color-text-muted);margin-right:4px;font-size:.62em;font-weight:600}.kpi .k-sub{color:var(--color-text-faint);font-size:12.5px}.kpi-hero{color:#fff;background:linear-gradient(135deg,#0c1b33 0%,#14294e 60%,#16305b 100%);border-color:#0c1b33;grid-column:span 2}.kpi-hero .k-icon{color:#c9a227;background:#c9a2272e}.kpi-hero .k-label{color:#ffffffa8}.kpi-hero .k-value{font-size:34px}.kpi-hero .k-value .cur{color:#ffffff8c;font-size:17px}.kpi-hero .k-sub{color:#ffffff8c}.kpi-hero:hover{box-shadow:0 6px 22px #0c1b3359}.kpi-hero .hero-main{transition:opacity var(--dur-micro) var(--ease);flex-direction:column;flex:1;gap:10px;display:flex}.kpi-hero .hero-main .k-value{margin-top:auto}.kpi-hero .hero-channels{pointer-events:none;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;display:grid;position:absolute;inset:10px}.kpi-hero .hc-cell{opacity:0;transition:opacity .2s var(--ease), transform .22s var(--ease);background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;transform:translateY(8px)scale(.97)}.kpi-hero .hc-label{letter-spacing:.08em;color:#ffffff8c;font-size:10.5px;font-weight:700}.kpi-hero .hc-cell b{font-size:16px}.kpi-hero:hover .hero-main{opacity:0}.kpi-hero:hover .hc-cell{opacity:1;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.kpi-hero .hc-cell{transition:opacity .15s var(--ease);transform:none}.kpi:hover{transform:none}}@media (width<=1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-hero{grid-column:span 2}}@media (width<=640px){.kpi-grid{grid-template-columns:1fr}.kpi-hero{grid-column:span 1}}.attn-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:14px;display:grid}.attn{flex-direction:column;display:flex}.attn .a-head{justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.attn .a-head h3{letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted);font-size:13px;font-weight:600}.attn .a-head a{font-size:12.5px}.attn .a-title{align-items:center;gap:8px;min-width:0;display:flex}.attn .a-icon{border-radius:7px;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.attn-amber .a-icon{background:var(--color-warning-bg);color:var(--color-warning-text)}.attn-rose .a-icon{background:var(--color-danger-bg);color:var(--color-danger-text)}.attn-blue .a-icon{color:var(--color-info);background:#dbeafe}.attn .a-count{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.attn .a-rows{flex-direction:column;max-height:264px;display:flex;overflow-y:auto}.attn .a-head-end{align-items:center;gap:8px;display:flex}.a-expand{width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;transition:color var(--dur-micro) var(--ease), background var(--dur-micro) var(--ease);background:0 0;border:none;border-radius:7px;place-items:center;padding:0;font-size:12px;display:grid}.a-expand:hover{color:var(--color-primary);background:var(--color-primary-tint)}.attn-detail-panel{z-index:60;background:var(--color-bg);transform-origin:top;animation:attnDetailGrow .24s var(--ease);flex-direction:column;padding:16px 22px 20px;display:flex;position:absolute;inset:52px 0 0}@keyframes attnDetailGrow{0%{opacity:0;transform:translateY(10px)scale(.97)}}.attn-detail-panel.closing{animation:attnDetailShrink .2s var(--ease) forwards}@keyframes attnDetailShrink{to{opacity:0;transform:translateY(10px)scale(.97)}}.attn-detail-panel .ad-head{justify-content:space-between;align-items:flex-start;padding:2px 0 14px;display:flex}.ad-title{align-items:center;gap:12px;display:flex}.ad-title h3{letter-spacing:-.01em;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.ad-sub{color:var(--color-text-muted);margin-top:2px;font-size:12.5px}.ad-ico{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.ad-ico.attn-amber{background:var(--color-warning-bg);color:var(--color-warning-text)}.ad-ico.attn-rose{background:var(--color-danger-bg);color:var(--color-danger-text)}.ad-stats{flex-wrap:wrap;gap:10px;padding-bottom:14px;display:flex}.ad-stat{background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--color-border-strong);border-radius:12px;min-width:128px;padding:10px 14px}.ad-stat .s-value{letter-spacing:-.02em;font-size:20px;font-weight:700}.ad-stat .s-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:1px;font-size:11px}.ad-stat.danger{border-top-color:var(--color-danger)}.ad-stat.danger .s-value{color:var(--color-danger-text)}.ad-stat.warning{border-top-color:#c9a227}.ad-stat.warning .s-value{color:var(--color-warning-text)}.ad-stat.green{border-top-color:var(--color-accent)}.ad-stat.green .s-value{color:var(--color-accent)}.ad-stat.navy{border-top-color:var(--color-primary)}.ad-stat.navy .s-value{color:var(--color-primary)}.attn-detail-scroll{flex:1;overflow:auto}.attn-detail-scroll .data-table{width:100%}.attn-detail-scroll thead th{background:var(--color-surface);z-index:1;position:sticky;top:0}.ad-table thead th{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-strong);padding:12px 14px;font-size:11px}.ad-table td{vertical-align:middle;padding:11px 14px}.ad-table tbody tr{transition:background var(--dur-micro) var(--ease)}.ad-table tbody tr:hover{background:var(--color-primary-tint)}.ad-med{flex-direction:column;min-width:0;line-height:1.3;display:flex}.ad-brand{font-weight:600}.ad-generic{color:var(--color-text-faint);font-size:11.5px}.ad-supplier{font-weight:500}.ad-batch{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;padding:2px 8px;font-size:12px}.ad-left{align-items:center;gap:8px;display:flex}.ad-meter{background:var(--color-border);border-radius:999px;flex-shrink:0;width:56px;height:5px;overflow:hidden}.ad-meter.wide{width:90px}.ad-meter>span{border-radius:999px;height:100%;display:block}.ad-meter>span.red{background:var(--color-danger)}.ad-meter>span.amber{background:#c9a227}.ad-meter>span.green{background:var(--color-accent)}@media (prefers-reduced-motion:reduce){.attn-detail-panel{animation:none}.attn-detail-panel.closing{opacity:0;animation:none}}.attn .a-row{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:10px;padding:9px 16px;font-size:13px;display:flex}.attn .a-row .r-main{min-width:0}.attn .a-row .r-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.attn .a-row .r-sub{color:var(--color-text-faint);font-size:11.5px}.attn .a-row .r-end{text-align:right;flex-shrink:0}.attn .a-empty{border-top:1px solid var(--color-border);color:var(--color-text-faint);align-items:center;gap:8px;padding:22px 16px;font-size:13px;display:flex}.attn .a-empty .ok{color:var(--color-success);font-size:15px}.comp-strip{flex-wrap:wrap;align-items:center;gap:18px;padding:12px 16px;font-size:13px;display:flex}.comp-strip .c-item{color:var(--color-text-muted);align-items:center;gap:8px;display:flex}.comp-strip .sep{color:var(--color-border-strong)}.dash-simple{flex-direction:column;gap:16px;max-width:520px;margin-top:8px;padding:28px;display:flex}.dash-simple h2{font-size:20px}.dash-simple .actions{gap:10px;display:flex}.xp-cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;display:grid}.xp-card{flex-direction:column;gap:12px;padding:18px;display:flex}.xp-card h3{letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted);font-size:13px;font-weight:600}.xp-donut-wrap{flex:1;align-items:center;gap:24px;display:flex}.xp-donut{flex-shrink:0;width:164px;height:164px;position:relative}.xp-donut svg{z-index:1;position:relative;transform:rotate(-90deg)}.xp-donut circle{fill:none;stroke-width:15px;stroke-linecap:round}.xp-donut .arc{transition:stroke-dasharray .9s cubic-bezier(.22, 1, .36, 1), stroke-width var(--dur-micro) var(--ease), opacity var(--dur-micro) var(--ease);cursor:pointer}.xp-donut .arc.expense{transition-delay:0s,0s,0s}.xp-donut .arc.income{filter:drop-shadow(0 1px 3px #03994c59)}.xp-donut .arc.expense{filter:drop-shadow(0 1px 3px #dc26264d)}.xp-donut .arc.lift{stroke-width:18px}.xp-donut .arc.dim{opacity:.35}.xp-donut .track{stroke:var(--color-bg);stroke-width:15px}.xp-donut-halo{background:radial-gradient(circle,#0c1b330d 0%,#0000 70%);border-radius:50%;animation:4s ease-in-out infinite xpBreath;position:absolute;inset:14px}@keyframes xpBreath{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.06)}}.xp-donut-center{z-index:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.xp-donut-center .net{letter-spacing:-.01em;white-space:nowrap;max-width:96px;font-size:17px;font-weight:700;overflow:hidden}.xp-donut-center .net.positive{color:var(--color-success-text)}.xp-donut-center .net.negative{color:var(--color-danger-text)}.xp-donut-center .lbl{letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-faint);font-size:9.5px;font-weight:700}.xp-legend{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.xp-leg{border:1px solid var(--color-border);cursor:default;transition:border-color var(--dur-micro) var(--ease), background var(--dur-micro) var(--ease), transform var(--dur-micro) var(--ease);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.xp-leg .ic{border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.xp-leg.income .ic{background:var(--color-success-bg);color:var(--color-success-text)}.xp-leg.expense .ic{background:var(--color-danger-bg);color:var(--color-danger-text)}.xp-leg .who{color:var(--color-text-muted);flex-direction:column;min-width:0;font-size:12px;display:flex}.xp-leg .who b{color:var(--color-text);font-size:14.5px}.xp-leg .share{background:var(--color-bg);color:var(--color-text-muted);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11.5px;font-weight:700}.xp-leg.active{transform:translate(2px)}.xp-leg.income.active{border-color:var(--color-success);background:#03994c0a}.xp-leg.expense.active{border-color:var(--color-danger);background:#dc26260a}.xp-legend .note{color:var(--color-text-faint);font-size:11.5px;line-height:1.5}.xp-bars{flex-direction:column;flex:1;gap:9px;display:flex}.xp-bar-row{grid-template-columns:92px 1fr 76px;align-items:center;gap:10px;font-size:12.5px;display:grid}.xp-bar-row .cat{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.xp-bar-row .val{text-align:right;font-weight:600}.xp-bar-track{background:var(--color-bg);border-radius:4px;height:14px;display:block;overflow:hidden}.xp-bar-fill{background:var(--color-primary);width:0;height:100%;transition:width .6s var(--ease);border-radius:4px;display:block}.xp-bar-row:hover .xp-bar-fill{background:#1d3560}.xp-stats{border-top:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:8px;padding-top:10px;display:grid}.xp-stat{flex-direction:column;gap:1px;display:flex}.xp-stat .v{font-size:15px;font-weight:700}.xp-stat .l{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px}.xp-dlg-note{color:var(--color-text-faint);align-items:center;gap:6px;font-size:12px;line-height:1.5;display:flex}.xp-dlg-note svg{flex-shrink:0}.xp-range{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.xp-range .sel{width:150px}.xp-range .bsdp{width:168px}@media (prefers-reduced-motion:reduce){.xp-donut .arc{transition:none}.xp-donut-halo{animation:none}.xp-bar-fill{transition:none}.xp-leg.active{transform:none}}.it-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.it-pills{flex-wrap:wrap;gap:8px;display:flex}.it-pill{border:1px solid var(--color-border);background:var(--color-surface);height:30px;color:var(--color-text-muted);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;display:inline-flex}.it-pill b{color:var(--color-text)}.it-pill svg{color:var(--color-text-faint)}.it-pill.warn svg{color:var(--color-warning)}.it-pill.danger svg{color:var(--color-danger)}.it-name{font-size:13.5px;font-weight:600}.it-generic{color:var(--color-text-faint);text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin-top:1px;font-size:11.5px;overflow:hidden}.it-pack{background:var(--color-primary-tint);color:var(--color-primary);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.it-unit{letter-spacing:.04em;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:5px;padding:2px 8px;font-size:11px;font-weight:700}.it-vat{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:700}.it-vat.exempt{background:var(--color-success-bg);color:var(--color-success-text)}.it-vat.vatable{background:var(--color-warning-bg);color:var(--color-warning-text)}.it-deactivate{border:1px solid var(--color-border-strong);height:28px;color:var(--color-text-muted);background:0 0;padding:0 10px;font-size:12px}.it-deactivate:hover:not(:disabled){background:var(--color-danger);border-color:var(--color-danger);color:#fff}.req{color:var(--color-danger);font-weight:700}.it-pill.pill-btn{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur-micro) var(--ease), border-color var(--dur-micro) var(--ease);border:1px solid #0000}.it-pill.pill-btn:hover{border-color:var(--color-border-strong)}.it-pill.pill-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.it-pill.pill-btn.active b,.it-pill.pill-btn.active svg{color:#fff}.form-hint{color:var(--color-text-muted);margin:-2px 0 2px;font-size:12px}tr.row-inactive td{opacity:.45}tr.row-inactive td:last-child{opacity:1}.check-row.full{grid-column:1/-1}.row-actions{gap:6px;display:inline-flex}.icon-btn{border:1px solid var(--color-border-strong);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.icon-btn.danger:hover:not(:disabled){background:var(--color-danger);border-color:var(--color-danger);color:#fff}.cat-list{border:1px solid var(--color-border);border-radius:10px;flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.cat-row{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:9px 12px;display:flex}.cat-row:last-child{border-bottom:none}.cat-row.editing{background:var(--color-primary-tint)}.cat-row.inactive .cat-main{opacity:.55}.cat-main{flex-direction:column;flex:1;min-width:0;display:flex}.cat-main b{font-size:13.5px}.cat-main .muted{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cat-act{align-items:center;gap:4px;height:26px;padding:0 8px;font-size:12px;display:inline-flex}.cat-act.danger:hover{color:var(--color-danger);background:var(--color-danger-bg)}.cat-empty{text-align:center;color:var(--color-text-muted);padding:20px;font-size:13px}.cat-form{grid-template-columns:1fr 1.4fr auto auto;align-items:end;gap:8px;display:grid}.ms-layout{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start;gap:16px;display:grid}.ms-list-card{padding:0;overflow:hidden}.ms-list-head{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex}.ms-list{border:none;border-radius:0;max-height:calc(100vh - 290px)}.ms-form-card{flex-direction:column;gap:14px;padding:18px;display:flex}.ms-blurb{color:var(--color-text-muted);font-size:12.5px;line-height:1.55}@media (width<=900px){.ms-layout{grid-template-columns:1fr}}.modal.pt-modal{width:520px;overflow:visible}.pay-direction{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pay-dir{border:1.5px solid var(--color-border-strong);background:var(--color-surface);height:44px;font:inherit;color:var(--color-text-muted);cursor:pointer;transition:border-color var(--dur-micro) var(--ease), background var(--dur-micro) var(--ease), color var(--dur-micro) var(--ease), transform var(--dur-micro) var(--ease);border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.pay-dir svg{transition:transform var(--dur-micro) var(--ease)}.pay-dir:hover svg{transform:scale(1.15)}.pay-dir.in.active{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success-text)}.pay-dir.out.active{border-color:var(--color-danger);background:var(--color-danger-bg);color:var(--color-danger-text)}.pay-amount input{letter-spacing:-.01em;height:52px;font-size:24px;font-weight:700}.pay-party-chip{background:var(--color-success-bg);height:30px;color:var(--color-success-text);animation:ppChipIn .2s var(--ease);border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 8px;font-size:13px;font-weight:600;display:inline-flex}.pay-balance{color:var(--color-text-muted);font-size:12px}.pay-balance b{color:var(--color-text)}.pay-meter{flex-direction:column;gap:5px;display:flex}.pay-meter-track{background:var(--color-bg);border-radius:999px;height:8px;display:block;overflow:hidden}.pay-meter-fill{background:var(--color-accent);width:0;height:100%;transition:width .3s var(--ease), background var(--dur-micro) var(--ease);border-radius:999px;display:block}.pay-meter-fill.over{background:var(--color-danger)}.pay-meter-text{color:var(--color-text-muted);justify-content:space-between;font-size:12px;display:flex}.pay-meter-text .over{color:var(--color-danger-text);font-weight:600}.pay-fill{height:24px;padding:0 8px;font-size:11px;font-weight:600}.pay-io{align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.pay-io .ic{border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.pay-io.in .ic{background:var(--color-success-bg);color:var(--color-success-text)}.pay-io.out .ic{background:var(--color-danger-bg);color:var(--color-danger-text)}.pay-save svg{transition:transform var(--dur-micro) var(--ease)}.pay-save:hover:not(:disabled) svg{transform:translate(3px)}@media (prefers-reduced-motion:reduce){.pay-dir,.pay-dir svg,.pay-save svg{transition:none}.pay-dir:hover svg,.pay-save:hover:not(:disabled) svg{transform:none}.pay-meter-fill{transition:none}.pay-party-chip{animation:none}}.rp-tabs{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:2px;display:flex}.rp-tab{height:34px;font:inherit;color:var(--color-text-muted);cursor:pointer;transition:color var(--dur-micro) var(--ease), background var(--dur-micro) var(--ease);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.rp-tab svg{color:var(--color-text-faint);transition:color var(--dur-micro) var(--ease)}.rp-tab:hover{background:var(--color-primary-tint);color:var(--color-text)}.rp-tab.active{color:var(--color-primary);border-bottom-color:var(--color-accent);font-weight:600}.rp-tab.active svg{color:var(--color-accent)}.rp-tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.rp-tile{animation:rpTileIn .24s var(--ease) backwards;flex-direction:column;gap:3px;padding:14px 16px;display:flex}.rp-tile:nth-child(2){animation-delay:30ms}.rp-tile:nth-child(3){animation-delay:60ms}.rp-tile:nth-child(4){animation-delay:90ms}.rp-tile:nth-child(5){animation-delay:.12s}.rp-tile:nth-child(6){animation-delay:.15s}.rp-tile:nth-child(7){animation-delay:.18s}.rp-tile:nth-child(8){animation-delay:.21s}@keyframes rpTileIn{0%{opacity:0;transform:translateY(4px)}}.rp-tile .v{letter-spacing:-.01em;font-size:20px;font-weight:700}.rp-tile .l{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-faint);font-size:11px;font-weight:600}.rp-tile .chips{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.rp-tile .chip{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.rp-tile .chip b{color:var(--color-text)}.rp-csv svg{transition:transform var(--dur-micro) var(--ease)}.rp-csv:hover svg{transform:translateY(2px)}.rp-db{padding:16px}.rp-db-grid{grid-template-columns:minmax(340px,1.3fr) minmax(300px,1fr) minmax(220px,.8fr);align-items:stretch;gap:14px;display:grid}@media (width<=1100px){.rp-db-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.rp-db-grid{grid-template-columns:1fr}}.rp-db .l{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-faint);font-size:11px;font-weight:600}.rp-db-cash{flex-direction:column;gap:8px;padding:18px;display:flex}.rp-db-cash .v{letter-spacing:-.02em;font-size:30px;font-weight:700}.rp-db-cash .v.pos{color:var(--color-success-text)}.rp-db-cash .v.neg{color:var(--color-danger-text)}.rp-db-io{gap:16px;font-size:12.5px;font-weight:600;display:flex}.rp-db-io .in{color:var(--color-success-text);align-items:center;gap:5px;display:inline-flex}.rp-db-io .out{color:var(--color-danger-text);align-items:center;gap:5px;display:inline-flex}.rp-flows{flex-direction:column;gap:7px;margin-top:6px;display:flex}.rp-flow-row{grid-template-columns:92px 1fr 84px;align-items:center;gap:10px;font-size:12px;display:grid}.rp-flow-row .lbl{color:var(--color-text-muted);font-weight:600}.rp-flow-row .track{background:var(--color-bg);border-radius:4px;height:12px;display:block;overflow:hidden}.rp-flow-row .fill{width:0;height:100%;transition:width .6s var(--ease);border-radius:4px;display:block}.rp-flow-row .fill.in{background:#03994c}.rp-flow-row .fill.out{background:#dc2626}.rp-flow-row .val{text-align:right;font-weight:600}.rp-db-modes{flex-direction:column;gap:12px;padding:18px;display:flex}.rp-donut-wrap{flex:1;align-items:center;gap:18px;display:flex}.rp-donut{flex-shrink:0;width:150px;height:150px;position:relative}.rp-tip{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-modal);border-radius:8px;flex-direction:column;gap:2px;padding:8px 12px;font-size:12.5px;display:flex}.rp-tip-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-faint);font-size:11px;font-weight:600}.rp-donut-center{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.rp-donut-center .v{white-space:nowrap;max-width:84px;font-size:16px;font-weight:700;overflow:hidden}.rp-donut-center .l{font-size:9.5px}.rp-donut-legend{min-width:0;color:var(--color-text-muted);flex-direction:column;flex:1;gap:8px;font-size:12.5px;display:flex}.rp-donut-legend .row{cursor:default;transition:background var(--dur-micro) var(--ease);border-radius:7px;align-items:center;gap:7px;margin:-4px -8px;padding:4px 8px;display:flex}.rp-donut-legend .row.active{background:var(--color-primary-tint)}.rp-donut-legend .row b{color:var(--color-text);margin-left:auto}.rp-donut-legend .swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.rp-donut-legend .pct{background:var(--color-bg);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.rp-note{color:var(--color-text-faint);font-size:12px;line-height:1.5}.rp-db-tiles{grid-template-columns:1fr;gap:10px;display:grid}@media (width<=1100px){.rp-db-tiles{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.rp-tile{animation:none}.rp-csv svg{transition:none}.rp-csv:hover svg{transform:none}.rp-donut .arc,.rp-flow-row .fill{transition:none}}.lg-type{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 6px;font-size:12px;font-weight:600;display:inline-flex}.lg-type .ic{place-items:center;display:grid}.lg-type.sale{background:var(--color-success-bg);color:var(--color-success-text)}.lg-type.purchase{background:var(--color-primary-tint);color:var(--color-primary)}.lg-type.payment{color:var(--color-info);background:#dbeafe}.lg-type.return{background:var(--color-warning-bg);color:var(--color-warning-text)}.lg-type.other{background:var(--color-bg);color:var(--color-text-muted)}.lg-narration{text-overflow:ellipsis;white-space:nowrap;max-width:340px;overflow:hidden}.lg-totals td{background:var(--color-primary-tint);border-bottom:none;font-weight:700}.rt-summary{flex-wrap:wrap;gap:8px;display:flex}.rt-pill{border:1px solid var(--color-border);background:var(--color-surface);height:30px;color:var(--color-text-muted);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;display:inline-flex}.rt-pill b{color:var(--color-text)}.rt-pill svg{color:var(--color-text-faint)}.rt-pill.danger svg{color:var(--color-danger)}.rt-pill.pill-btn{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur-micro) var(--ease), border-color var(--dur-micro) var(--ease);border:1px solid #0000}.rt-pill.pill-btn:hover{border-color:var(--color-border-strong)}.rt-pill.pill-btn.active{background:var(--color-primary);border-color:var(--color-primary)}.rt-pill.pill-btn.active,.rt-pill.pill-btn.active b,.rt-pill.pill-btn.active svg{color:#fff}.rt-type{border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 6px;font-size:12px;font-weight:600;display:inline-flex}.rt-type .ic{border-radius:6px;place-items:center;width:20px;height:20px;display:grid}.rt-type.sale{background:var(--color-success-bg);color:var(--color-success-text)}.rt-type.sale .ic{color:var(--color-success-text)}.rt-type.purchase{background:var(--color-primary-tint);color:var(--color-primary)}.rt-type.purchase .ic{color:var(--color-primary)}.rt-reverse{border:1px solid var(--color-border-strong);height:30px;color:var(--color-text-muted);background:0 0;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;display:inline-flex}.rt-reverse:hover:not(:disabled){background:var(--color-danger);border-color:var(--color-danger);color:#fff}.rt-reverse svg{transition:transform .22s var(--ease)}.rt-reverse:hover svg{transform:rotate(-360deg)}.rt-row-reversed td{opacity:.55}.rt-hero-badge{vertical-align:1px;margin-left:8px}.rt-amt{flex-shrink:0;margin-left:auto}@media (prefers-reduced-motion:reduce){.rt-reverse svg{transition:none}.rt-reverse:hover svg{transform:none}}.sl-mode{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.sl-mode svg{color:var(--color-text-faint)}.sl-share{letter-spacing:.06em;border:1.5px dashed var(--color-gold);color:var(--color-gold-hover);background:#fdf9ee;border-radius:7px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.sl-detail .dlg-hero h3{color:var(--color-text-on-primary);letter-spacing:0;font-size:17px;font-weight:700}.sl-detail .dlg-hero .s{margin-top:2px}.sl-det-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sl-det-meta .sl-share{margin-left:auto}.sl-det-totals{border-top:1px solid var(--color-border);color:var(--color-text-muted);justify-content:flex-end;gap:18px;padding-top:10px;font-size:13px;display:flex}.sl-det-totals b{color:var(--color-text)}.sl-return-btn svg{transition:transform .22s var(--ease)}.sl-return-btn:hover svg{transform:rotate(-360deg)}@media (prefers-reduced-motion:reduce){.sl-return-btn svg{transition:none}.sl-return-btn:hover svg{transform:none}}.st-user{align-items:center;gap:10px;display:flex}.st-avatar{background:var(--color-primary-tint);width:34px;height:34px;color:var(--color-primary);border-radius:10px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.st-user .who{min-width:0}.st-user .name{font-size:13.5px;font-weight:600}.st-user .uname{color:var(--color-text-faint);font-size:11.5px}.st-role{letter-spacing:.05em;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:700}.st-role.OWNER{color:var(--color-gold-hover);background:#f7efd8}.st-role.MANAGER{background:var(--color-primary-tint);color:var(--color-primary)}.st-role.ACCOUNTS{color:var(--color-info);background:#dbeafe}.st-role.BILLING{background:var(--color-success-bg);color:var(--color-success-text)}.st-pin{color:var(--color-text-muted);align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.st-pin.unset{color:var(--color-warning-text)}.st-action{white-space:nowrap;border:1px solid var(--color-border-strong);height:30px;color:var(--color-text-muted);background:0 0;border-radius:8px;gap:6px;padding:0 12px;font-size:12.5px;font-weight:500}.st-action svg{opacity:.85}.st-action:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-tint)}.st-action.danger{color:var(--color-danger)}.st-action.danger:hover:not(:disabled){background:var(--color-danger);border-color:var(--color-danger);color:#fff}.pw-checklist{flex-wrap:wrap;gap:4px 12px;margin-top:7px;display:flex}.pw-rule{color:var(--color-text-faint);transition:color var(--dur-micro) var(--ease);align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.pw-rule svg{opacity:.45}.pw-rule.ok{color:var(--color-accent)}.pw-rule.ok svg{opacity:1}.st-action.icon-only{justify-content:center;width:30px;padding:0;position:relative}.st-action[data-tip]:after{content:attr(data-tip);background:var(--color-primary);color:var(--color-text-on-primary);white-space:nowrap;pointer-events:none;opacity:0;z-index:20;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:500;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}.st-action[data-tip]:before{content:"";border:5px solid #0000;border-top-color:var(--color-primary);pointer-events:none;opacity:0;z-index:20;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.st-action[data-tip]:hover:after,.st-action[data-tip]:hover:before{opacity:1}.st-firm{align-items:center;gap:14px;display:flex}.st-firm-avatar{background:var(--color-primary);color:#fff;border-radius:13px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:grid}.st-firm .fname{font-size:16px;font-weight:700}.st-firm .fsub{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:3px;font-size:12.5px;display:flex}.st-firm .fsub span{align-items:center;gap:4px;display:inline-flex}.st-firm .fsub svg{color:var(--color-text-faint)}.st-fingerprint{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:6px;padding:3px 9px;font-family:ui-monospace,monospace;font-size:11.5px}.pref-row{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;display:flex}.pref-text{flex-direction:column;gap:3px;max-width:560px;display:flex}.pref-title{color:var(--color-text);font-size:14px;font-weight:600}.pref-sub{color:var(--color-text-muted);font-size:12.5px;line-height:1.5}.switch{background:var(--color-border-strong);cursor:pointer;width:44px;height:26px;transition:background var(--dur-micro) var(--ease);border:none;border-radius:999px;flex:none;padding:0;position:relative}.switch.on{background:var(--color-accent)}.switch-knob{width:20px;height:20px;transition:transform var(--dur-micro) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch.on .switch-knob{transform:translate(18px)}.danger-card{border-color:var(--color-danger-border,#f0c2c2)}.reset-warn{color:var(--color-text-muted);max-width:620px;margin:6px 0 14px;font-size:13px;line-height:1.6}.st-contact{flex-direction:column;gap:1px;font-size:12.5px;display:flex}.st-contact .muted{color:var(--color-text-faint)}.stk-adj-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.meteor-star{transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#0000,#94b8ff59 55%,#fffffff2);border-radius:999px;width:130px;height:2px;animation:linear forwards meteorFly;position:absolute;transform:rotate(35deg)}.meteor-star:after{content:"";background:#fff;border-radius:50%;width:3.5px;height:3.5px;position:absolute;top:50%;right:-1px;transform:translateY(-50%);box-shadow:0 0 6px 2px #ffffff8c}@keyframes meteorFly{0%{opacity:0;translate:0}8%{opacity:1}to{opacity:0;translate:26vw 18vw}}.lock{z-index:3000;animation:lockIn .4s var(--ease);background:radial-gradient(1400px 900px at 50% 20%,#0a0a0d 0%,#0000 70%),#000;justify-content:center;align-items:flex-end;padding-bottom:7vh;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes lockIn{0%{opacity:0}}.lock-sky{pointer-events:none;position:absolute;inset:0}.lock-nebula{display:none}.lock-star{background:#fff;border-radius:50%;animation:ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 6px 1px #ffffffb3}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.lock-moon{background:radial-gradient(circle at 68% 42%,#fdf6e3 0%,#e8e2cf 45%,#cfc7ac 100%);border-radius:50%;width:120px;height:120px;position:absolute;top:12%;right:15%;overflow:hidden;box-shadow:0 0 60px 14px #fdf6e347,inset -6px -6px 18px #00000040}.lock-moon-shadow{background:#000;border-radius:50%;width:118%;height:112%;position:absolute;top:-6%;left:-34%;box-shadow:0 0 30px 8px #000}.lock-panel{z-index:1;box-shadow:none;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:34px 40px 30px;animation:.52s cubic-bezier(.22,1,.36,1) lockPanelIn;display:flex;position:relative}@keyframes lockPanelIn{0%{opacity:0;transform:translateY(14px)scale(.97)}}.lock-avatar{width:44px;height:44px;color:var(--color-primary);background:var(--color-gold,#c9a227);border-radius:50%;place-items:center;margin-bottom:10px;font-size:15px;font-weight:700;display:grid;box-shadow:0 6px 30px #0009,0 0 0 3px #ffffff1f}.lock-name{color:#fff;text-shadow:0 1px 8px #0009;margin-bottom:14px;font-size:13px;font-weight:600}.lock-form{align-items:stretch;gap:10px;display:flex}.lock-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:.25em;text-align:center;width:150px;height:28px;transition:border-color var(--dur-micro) var(--ease), background var(--dur-micro) var(--ease);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;outline:none;padding:0 12px;font-size:13px}.lock-input::placeholder{letter-spacing:normal;color:#e2e8f08c;font-size:11.5px}.lock-input:focus{background:#ffffff29;border-color:#fff6}.lock-input:disabled{opacity:.6}.lock-error{color:#fca5a5;margin-top:12px;font-size:13px}.lock-hint{color:#e2e8f0a6;cursor:pointer;height:28px;transition:color var(--dur-micro) var(--ease);background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;display:inline-flex}.lock-hint:hover:not(:disabled){color:#fff}.lock-hint:disabled{opacity:.6;cursor:default}.lock-signout{color:#e2e8f080;cursor:pointer;transition:color var(--dur-micro) var(--ease);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;margin-top:16px;padding:6px 10px;font-size:12px;display:inline-flex}.lock-signout:hover{color:#fff}@media (prefers-reduced-motion:reduce){.lock,.lock-panel{animation:none}.lock-star{opacity:.7;animation:none}}.dc-modal{width:420px;color:var(--color-text);gap:16px;overflow:visible}.dc-head h3{margin:0}.dc-head p{color:var(--color-text-muted);margin:2px 0 0;font-size:12.5px}.dc-seg{background:var(--color-primary-tint);border-radius:10px;gap:4px;padding:4px;display:flex}.dc-seg button{cursor:pointer;height:34px;color:var(--color-text-muted);background:0 0;border:none;border-radius:7px;flex:1;font-size:12.5px;font-weight:600}.dc-seg button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-card)}.dc-field{flex-direction:column;gap:6px;display:flex}.dc-field label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:inline-flex}.dc-field label svg{color:var(--color-accent)}.dc-field .input{height:44px;font-size:15px}.dc-field .bsdp-input{height:44px;font-size:15px;font-weight:400}.dc-result{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%) top / 100% 3px no-repeat, var(--color-primary);color:var(--color-text-on-primary,#fff);border-radius:10px;align-items:baseline;gap:10px;padding:15px 18px 14px;display:flex}.dc-result .l{letter-spacing:.06em;text-transform:uppercase;color:#f1f5f999;font-size:10.5px;font-weight:600}.dc-result b{letter-spacing:-.01em;margin-left:auto;font-size:22px;font-weight:600}.dc-result .u{color:#f1f5f98c;font-size:12px}.uvs-overlay{z-index:90;animation:uvsFade .26s var(--ease);background:radial-gradient(120% 120% at 50% 0,#0a1428 0%,#050914 55%,#02040a 100%);justify-content:center;align-items:flex-start;padding-top:14vh;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes uvsFade{0%{opacity:0}}.uvs-space{pointer-events:none;position:absolute;inset:0}.uvs-stars{background-image:radial-gradient(1px 1px at 12% 24%,#ffffffe6 50%,#0000 51%),radial-gradient(1px 1px at 34% 68%,#ffffffb3 50%,#0000 51%),radial-gradient(1.5px 1.5px at 56% 14%,#fffc 50%,#0000 51%),radial-gradient(1px 1px at 72% 42%,#fff9 50%,#0000 51%),radial-gradient(1.5px 1.5px at 88% 76%,#ffffffd9 50%,#0000 51%),radial-gradient(1px 1px at 22% 88%,#ffffffa6 50%,#0000 51%),radial-gradient(1px 1px at 64% 92%,#ffffffbf 50%,#0000 51%),radial-gradient(1.5px 1.5px at 45% 48%,#ffffff80 50%,#0000 51%);background-size:46vw 46vh;animation:5s ease-in-out infinite uvsTwinkle;position:absolute;inset:-50%}.uvs-stars.s2{opacity:.55;background-size:31vw 33vh;animation-duration:7s;animation-delay:2.4s}@keyframes uvsTwinkle{0%,to{opacity:.85}50%{opacity:.35}}.uvs-aurora{filter:blur(90px);opacity:.35;border-radius:50%;width:55vw;height:44vh;position:absolute}.uvs-aurora.a1{background:radial-gradient(circle,#03994c 0%,#0000 65%);animation:16s ease-in-out infinite alternate uvsDrift;top:-12vh;left:-8vw}.uvs-aurora.a2{background:radial-gradient(circle,#1d4ed8 0%,#0000 65%);animation:20s ease-in-out infinite alternate-reverse uvsDrift;bottom:-18vh;right:-10vw}@keyframes uvsDrift{0%{transform:translate(0,0)scale(1)}to{transform:translate(6vw,4vh)scale(1.15)}}.uvs-panel{-webkit-backdrop-filter:blur(22px);background:#0a1224b8;border:1px solid #94b8ff29;border-radius:20px;width:640px;max-width:calc(100vw - 40px);animation:.32s cubic-bezier(.22,1,.36,1) uvsRise;position:relative;overflow:hidden;box-shadow:0 0 0 1px #03994c14,0 24px 90px #0009,inset 0 1px #ffffff0f}@keyframes uvsRise{0%{opacity:0;transform:translateY(18px)scale(.97)}}.uvs-panel:before{content:"";background:linear-gradient(90deg,#0000,#03d976e6,#0000);width:60%;height:1.5px;animation:3.6s linear infinite uvsOrbit;position:absolute;top:0;left:-40%}@keyframes uvsOrbit{to{left:100%}}.uvs-inputwrap{align-items:center;gap:14px;padding:18px 20px;display:flex}.uvs-glyph{color:#94b8ffb3;place-items:center;display:grid}.uvs-input{font:inherit;color:#eef4ff;caret-color:#03d976;background:0 0;border:none;outline:none;flex:1;font-size:19px}.uvs-input::placeholder{color:#94b8ff66}.uvs-kbd{color:#94b8ff8c;border:1px solid #94b8ff33;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.uvs-body{scrollbar-width:thin;scrollbar-color:#94b8ff40 transparent;border-top:1px solid #94b8ff1a;max-height:calc(86vh - 254px);overflow-y:auto}.uvs-body::-webkit-scrollbar{width:5px}.uvs-body::-webkit-scrollbar-thumb{background:#94b8ff40;border-radius:99px}.uvs-body::-webkit-scrollbar-track{background:0 0}.uvs-results{padding:8px}.uvs-section{letter-spacing:.1em;text-transform:uppercase;color:#35e58dbf;padding:10px 12px 4px;font-size:10px;font-weight:700}.uvs-row{transition:background var(--dur-micro) var(--ease);border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.uvs-row.static{cursor:default}.uvs-row:hover{background:#94b8ff0f}.uvs-row-side{flex-shrink:0;align-items:center;gap:8px;display:flex}.uvs-row-main{flex-direction:column;gap:1px;min-width:0;display:flex}.uvs-name{color:#eef4ff;font-size:14.5px;font-weight:600}.uvs-sub{color:#94b8ff8c;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.uvs-chip{color:#94b8ffbf;white-space:nowrap;background:#94b8ff1a;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600}.uvs-empty{color:#94b8ff80;padding:18px;font-size:13.5px}.uvs-detail{animation:uvsFade .2s var(--ease);border-top:1px solid #94b8ff1a;padding:14px 20px 16px}.uvs-detail-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.uvs-stock{border-radius:999px;padding:3px 11px;font-size:12px;font-weight:700}.uvs-stock.in{color:#35e58d;background:#03994c33}.uvs-stock.out{color:#ff8a8a;background:#dc262633}.uvs-stock.dim{color:#94b8ff66;background:0 0}.uvs-suppliers{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.uvs-suppliers-label{letter-spacing:.07em;text-transform:uppercase;color:#94b8ff73;font-size:10px;font-weight:700}.uvs-supplier{color:#dbe6ff;background:#94b8ff17;border:1px solid #94b8ff29;border-radius:999px;align-items:center;gap:7px;padding:4px 11px;font-size:12px;font-weight:600;display:inline-flex}.uvs-supplier b{color:#35e58d;font-weight:700}.uvs-batches{border-collapse:collapse;width:100%;font-size:12.5px}.uvs-batches th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:#94b8ff73;padding:4px 8px;font-size:10px;font-weight:700}.uvs-batches td{color:#dbe6ff;font-variant-numeric:tabular-nums;border-top:1px solid #94b8ff12;padding:6px 8px}.uvs-batches .num{text-align:right}.uvs-foot{color:#94b8ff73;border-top:1px solid #94b8ff1a;gap:18px;padding:10px 20px;font-size:11.5px;display:flex}.uvs-foot b{color:#94b8ffcc;border:1px solid #94b8ff33;border-radius:4px;margin-right:3px;padding:0 5px;font-weight:600}@media (prefers-reduced-motion:reduce){.uvs-overlay,.uvs-panel,.uvs-detail,.uvs-stars,.uvs-aurora{animation:none}.uvs-panel:before{animation:none;display:none}}.uvs-row.link{cursor:pointer;justify-content:flex-start}.uvs-row.link .uvs-row-main{flex:1}.uvs-row.active{background:#94b8ff1f}.uvs-menu-ico{color:#f1f5f9d9;background:#ffffff12;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.shell{height:100%;transition:grid-template-columns .22s var(--ease);grid-template-rows:minmax(0,1fr);grid-template-columns:232px 1fr;display:grid}.shell.collapsed{grid-template-columns:64px 1fr}.shell.collapsed .nav-label,.shell.collapsed .nav-item .label,.shell.collapsed .brand-mark .word{display:none}.shell.collapsed .sidebar{align-items:center;padding:0 8px 20px}.shell.collapsed .nav-item{justify-content:center;width:44px;padding:9px 0}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;flex-direction:column;flex:1;gap:16px;min-height:0;margin:0 -6px;padding:0 6px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:99px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.shell.collapsed .sidebar-nav{gap:2px;overflow:visible}.shell.collapsed .nav-group+.nav-group{margin-top:0}.shell.collapsed .sidebar-head{justify-content:center;align-self:stretch;align-items:center;margin:0 -8px;padding:0;position:relative}.shell.collapsed .sidebar-head .brand-mark{transform:translate(5px)}.shell.collapsed .collapse-toggle{color:#fff;background:0 0;border-radius:10px;place-items:center;width:38px;height:38px;margin:auto;padding:0;display:none;position:absolute;inset:0}.shell.collapsed .collapse-toggle:hover{background:#ffffff14}.shell.collapsed .sidebar-head:hover .collapse-toggle,.shell.collapsed .collapse-toggle:focus-visible{display:grid}.shell.collapsed .sidebar-head:hover .brand-mark{visibility:hidden}.shell.collapsed .nav-item:after{content:attr(data-label);background:var(--color-primary);color:var(--color-text-on-primary);white-space:nowrap;box-shadow:var(--shadow-modal);opacity:0;pointer-events:none;transition:opacity var(--dur-micro) var(--ease), transform var(--dur-micro) var(--ease);z-index:40;border:1px solid #ffffff2e;border-radius:6px;padding:5px 11px;font-size:12px;font-weight:500;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-4px)}.shell.collapsed .nav-item:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.collapse-toggle{color:#f1f5f98c;cursor:pointer;transition:background var(--dur-micro) var(--ease), color var(--dur-micro) var(--ease);background:0 0;border:none;border-radius:6px;padding:6px;font-size:14px}.collapse-toggle:hover{color:#fff;background:#ffffff14}.sidebar-head{border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;margin:0 -12px;padding:0 24px;display:flex}.sidebar{background:var(--color-primary);color:var(--color-text-on-primary);flex-direction:column;gap:16px;min-height:0;padding:0 12px 20px;display:flex}.sidebar .brand-mark{padding:0;font-size:20px}.brand-row{align-items:center;gap:10px;min-width:0;display:flex}.brand-logo{background:#fff;border-radius:10px;flex-shrink:0;width:38px;height:38px;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000040}.brand-logo img{width:96px;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-group+.nav-group{margin-top:8px}.nav-label{letter-spacing:.08em;text-transform:uppercase;color:#f1f5f973;padding:0 12px 6px;font-size:11px;font-weight:600}.nav-item{color:#f1f5f9c7;transition:background var(--dur-micro) var(--ease), color var(--dur-micro) var(--ease);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;display:flex;position:relative}.nav-item:hover{color:var(--color-text-on-primary);background:#ffffff0f}.nav-item.active{color:#fff;background:#ffffff17}.nav-item.active:before{content:"";background:var(--color-accent);border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.nav-item .icon{text-align:center;opacity:.9;width:18px}.avatar{background:var(--color-gold);width:32px;height:32px;color:var(--color-primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.shell-main{flex-direction:column;display:flex;position:relative;overflow:hidden}.shell-scroll{flex-direction:column;flex:1;display:flex;overflow-y:auto}.apptopbar{background:var(--color-primary);height:52px;color:var(--color-text-on-primary);border-left:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px 0 24px;display:flex;position:relative}.apptopbar-left{align-items:center;gap:14px;min-width:0;display:flex}.apptopbar-right{align-items:center;gap:12px;display:flex}.tb-sep{background:#ffffff26;width:1px;height:20px}.firm-chip{white-space:nowrap;flex-direction:column;justify-content:center;line-height:1.3;display:flex;overflow:hidden}.firm-chip .firm-name{letter-spacing:.04em;text-transform:uppercase;color:#fff;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.firm-chip .firm-city{color:#f1f5f980;text-overflow:ellipsis;align-items:center;gap:4px;font-size:10.5px;display:inline-flex;overflow:hidden}.datebadge-display{color:#f1f5f999;align-items:center;gap:9px;font-size:13px;display:flex}.datebadge-display b{color:#fff;font-weight:600}.datebadge-display .db-weekday{color:#f1f5f980;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.datebadge-display .db-unit{color:#f1f5f966;font-size:11px}.apptopbar .db-convert{color:#f1f5f9a6;place-items:center;width:28px;height:26px;padding:0;display:grid}.apptopbar .db-convert:hover{color:#fff;background:#ffffff1a}.cal-toggle{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:7px;align-items:center;gap:1px;padding:2px;display:flex}.cal-toggle span{letter-spacing:.05em;color:#f1f5f980;transition:background var(--dur-micro) var(--ease), color var(--dur-micro) var(--ease);border-radius:5px;padding:2px 8px;font-size:10.5px;font-weight:700}.cal-toggle span.on{color:var(--color-primary);background:#fff}.profile{position:relative}.profile-btn{cursor:pointer;color:var(--color-text-on-primary);transition:background var(--dur-micro) var(--ease);background:0 0;border:none;border-radius:999px;align-items:center;gap:10px;padding:5px 8px 5px 5px;display:flex}.profile-btn:hover,.profile-btn.open{background:#ffffff14}.profile-btn .avatar{box-shadow:0 0 0 2px #ffffff24}.profile-btn.open .avatar{box-shadow:0 0 0 2px #ffffff73}.profile-btn .who{flex-direction:column;align-items:flex-start;line-height:1.25;display:flex}.profile-btn .who .name{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:13px;font-weight:600;overflow:hidden}.profile-btn .who .role{color:#f1f5f98c;font-size:11px}.profile-btn .chev{color:#f1f5f98c;transition:transform var(--dur-micro) var(--ease)}.profile-btn.open .chev{transform:rotate(180deg)}.profile-menu{background:var(--color-surface);width:248px;color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-modal);z-index:30;animation:menu-in var(--dur-standard) var(--ease);transform-origin:100% 0;border-radius:10px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}@keyframes menu-in{0%{opacity:0;transform:scale(.97)translateY(-3px)}to{opacity:1;transform:scale(1)translateY(0)}}.profile-menu .menu-head{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;margin-bottom:6px;padding:10px;display:flex}.profile-menu .avatar.lg{width:38px;height:38px;font-size:14px}.profile-menu .menu-head-who{min-width:0}.profile-menu .menu-head-who .name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.profile-menu .menu-head-who .sub{color:var(--color-text-muted);font-size:12px}.menu-item{width:100%;color:var(--color-text);cursor:pointer;text-align:left;transition:background var(--dur-micro) var(--ease);background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.menu-item:hover{background:#f1f5f9}.menu-item svg{color:var(--color-text-muted);flex-shrink:0}.menu-item.danger,.menu-item.danger svg{color:var(--color-danger)}.menu-item.danger:hover{background:#fef2f2}.menu-sep{background:var(--color-border);height:1px;margin:6px 4px}@media (prefers-reduced-motion:reduce){.profile-menu{animation:none}}.topbar{border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:5;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.topbar h1{font-size:18px}.topbar .meta{color:var(--color-text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.shell-content{flex:1;padding:24px 28px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.stat-card{flex-direction:column;gap:6px;padding:18px 20px;display:flex}.stat-card .label{color:var(--color-text-muted);font-size:13px;font-weight:500}.stat-card .value{letter-spacing:-.01em;font-size:26px;font-weight:700}.stat-card .hint{color:var(--color-text-faint);font-size:12px}.datebadge{color:var(--color-text-muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.datebadge b{color:var(--color-text);font-weight:600}.datebadge .sep{color:var(--color-border-strong)}.lockwarn-overlay{z-index:2900;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:lwFade .2s var(--ease);background:#03071273;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes lwFade{0%{opacity:0}}.lockwarn{background:var(--color-surface);border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:30px 42px 26px;animation:.26s cubic-bezier(.22,1,.36,1) lwPop;display:flex;box-shadow:0 24px 64px #0c1b3366}@keyframes lwPop{0%{opacity:0;transform:translateY(10px)scale(.95)}}.lockwarn .lw-icon{width:56px;height:56px;color:var(--color-primary);background:var(--color-primary-tint);border-radius:16px;place-items:center;animation:1s ease-in-out infinite lwBeat;display:grid;position:relative}.lockwarn .lw-icon:after{content:"";border:2px solid var(--color-primary);opacity:0;border-radius:16px;animation:1s ease-out infinite lwRing;position:absolute;inset:0}@keyframes lwBeat{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes lwRing{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.lockwarn .lw-title{margin-top:6px;font-size:15.5px;font-weight:600}.lockwarn .lw-title b{font-size:17px}.lockwarn .lw-sub{color:var(--color-text-muted);font-size:12.5px}@media (prefers-reduced-motion:reduce){.lockwarn-overlay,.lockwarn,.lockwarn .lw-icon{animation:none}.lockwarn .lw-icon:after{opacity:0;animation:none}}