.stl-inst-row{border-radius:6px;align-items:center;gap:8px;padding:7px 10px;display:flex}.stl-inst-row--paid{background:var(--success-bg)}.stl-inst-row--overdue{background:var(--danger-bg);border-left:3px solid var(--danger)}.stl-inst-row--due_soon{background:var(--warn-bg);border-left:3px solid var(--warn)}.stl-inst-row--upcoming{opacity:.65;background:#f8f9fa}.stl-inst-label{width:72px;font-size:11px}.stl-inst-label--active{font-weight:700}.stl-inst-label--default{font-weight:600}.stl-inst-label--paid{color:#166534}.stl-inst-label--overdue{color:var(--danger)}.stl-inst-label--due_soon{color:#92400e}.stl-inst-label--upcoming{color:var(--muted)}.stl-inst-pct{color:var(--muted);width:26px;font-size:11px}.stl-inst-amount{flex:1;font-size:12px;font-weight:700}.stl-inst-date{font-size:10.5px}.stl-inst-date--paid{color:var(--muted);font-weight:400}.stl-inst-date--overdue{color:var(--danger);font-weight:600}.stl-inst-date--due_soon{color:var(--warn);font-weight:600}.stl-inst-date--upcoming{color:var(--muted);font-weight:400}.stl-inst-badge{border-radius:20px;padding:2px 9px;font-size:10px;font-weight:700}.stl-inst-badge--paid{background:var(--success-bg);color:#166534;border:1px solid #bbf7d0}.stl-inst-badge--overdue{background:var(--danger-bg);color:#991b1b;border:1px solid #fecaca}.stl-inst-badge--due_soon{background:var(--warn-bg);color:#92400e;border:1px solid #fde68a}.stl-inst-badge--upcoming{color:#6c757d;background:#e9ecef;border:1px solid #dee2e6}.stl-card{cursor:pointer;border-radius:10px}.stl-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.stl-card-header--center{align-items:center;margin-bottom:0}.stl-order-ref{color:var(--primary);font-size:11px;font-weight:700}.stl-name{margin-left:8px;font-size:13px;font-weight:600}.stl-meta{color:var(--muted);margin-top:2px;font-size:11px}.stl-commission{text-align:right;flex-shrink:0;margin-left:16px}.stl-commission-value{font-size:15px;font-weight:800}.stl-commission-label{color:var(--muted);font-size:10.5px}.stl-inst-list{flex-direction:column;gap:5px;display:flex}.stl-inst-list--mb{margin-bottom:12px}.stl-inbound-paid{border:1px solid var(--border);border-left:3px solid var(--success);cursor:pointer;background:#fafdf9;border-radius:10px;margin-bottom:10px;padding:12px 14px;transition:transform .15s,box-shadow .15s}.stl-inbound-paid:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stl-inbound-paid-left{flex:1;min-width:0}.stl-inbound-paid-hint{color:var(--muted);flex-shrink:0;margin-left:12px;font-size:10.5px;font-style:italic}.stl-inbound{cursor:pointer;border-radius:10px;margin-bottom:10px;padding:14px 16px;transition:transform .15s,box-shadow .15s}.stl-inbound:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stl-inbound--overdue{border:1px solid var(--danger-bg);border-left:3px solid var(--danger);background:#fffbfb}.stl-inbound--due_soon{border:1px solid var(--warn-bg);border-left:3px solid var(--warn);background:#fffdf7}.stl-inbound--paid{border:1px solid var(--border);border-left:3px solid var(--success);background:#fafdf9}.stl-inbound--upcoming{border:1px solid var(--border);border-left:3px solid var(--border);background:var(--card)}.stl-outbound-settled{opacity:.75;border-left:3px solid var(--success);cursor:pointer;align-items:center;gap:12px;transition:transform .15s,box-shadow .15s;display:flex}.stl-outbound-settled:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stl-outbound-settled-left{flex:1}.stl-outbound-settled-ref{color:var(--primary);font-size:11px;font-weight:700}.stl-outbound-settled-name{font-size:13px;font-weight:600}.stl-outbound-settled-right{text-align:right}.stl-outbound-settled-amount{color:var(--success);font-size:15px;font-weight:800}.stl-outbound{border:1px solid var(--border);border-left:3px solid var(--warn);cursor:pointer;border-radius:10px;margin-bottom:20px;padding:14px 16px;transition:transform .15s,box-shadow .15s}.stl-outbound:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stl-breakdown-row{background:var(--bg);border-radius:6px;justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.stl-breakdown-label{color:var(--muted);font-size:11px}.stl-breakdown-amount{font-size:12px;font-weight:700}.stl-all-paid-banner{background:var(--warn-bg);border:1px solid #fde68a;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.stl-all-paid-title{color:#92400e;font-size:12px;font-weight:700}.stl-all-paid-sub{color:var(--muted);margin-top:2px;font-size:11px}.stl-net-payout{background:var(--bg);border-radius:6px;justify-content:space-between;padding:8px 10px;font-size:12px;display:flex}.stl-net-payout--mt{margin-top:10px}.stl-net-payout-label{color:var(--text);font-weight:700}.stl-net-payout-value{color:var(--text);font-weight:800}.stl-status-badge{flex-shrink:0}@theme inline{@keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height,var(--accordion-panel-height,auto)); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--accordion-panel-height,auto)); } to { height: 0; } }}@custom-variant data-open{&:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { @slot; }}@custom-variant data-closed{&:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) { @slot; }}@custom-variant data-checked{&:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) { @slot; }}@custom-variant data-unchecked{&:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) { @slot; }}@custom-variant data-selected{&:where([data-selected="true"]) { @slot; }}@custom-variant data-disabled{&:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) { @slot; }}@custom-variant data-active{&:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { @slot; }}@custom-variant data-horizontal{&:where([data-orientation="horizontal"]) { @slot; }}@custom-variant data-vertical{&:where([data-orientation="vertical"]) { @slot; }}@utility no-scrollbar{-ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; }}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@theme inline{@keyframes scroll-fade-reveal-t { from { --scroll-fade-t: 0px; } to { --scroll-fade-t: var(--_scroll-fade-size-t,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } } @keyframes scroll-fade-reveal-b { from { --scroll-fade-b: var(--_scroll-fade-size-b,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-b: 0px; } } @keyframes scroll-fade-reveal-s { from { --scroll-fade-s: 0px; } to { --scroll-fade-s: var(--_scroll-fade-size-s,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } } @keyframes scroll-fade-reveal-e { from { --scroll-fade-e: var(--_scroll-fade-size-e,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-e: 0px; } }}@utility scroll-fade{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-block: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-y{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-block: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-x{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-inline: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-inline: linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); } -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-inline)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-inline)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out, scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline), scroll(self inline); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-t{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); }}@utility scroll-fade-b{--_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-l{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); }}@utility scroll-fade-r{--_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-s{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); }}@utility scroll-fade-e{--_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient(to left, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-*{--scroll-fade-size: calc(var(--spacing) * --value(integer)); --scroll-fade-size: --value([length], [percentage]);}@utility scroll-fade-t-*{--scroll-fade-t-size: calc(var(--spacing) * --value(integer)); --scroll-fade-t-size: --value([length], [percentage]);}@utility scroll-fade-b-*{--scroll-fade-b-size: calc(var(--spacing) * --value(integer)); --scroll-fade-b-size: --value([length], [percentage]);}@utility scroll-fade-s-*{--scroll-fade-s-size: calc(var(--spacing) * --value(integer)); --scroll-fade-s-size: --value([length], [percentage]);}@utility scroll-fade-e-*{--scroll-fade-e-size: calc(var(--spacing) * --value(integer)); --scroll-fade-e-size: --value([length], [percentage]);}@utility scroll-fade-none{--scroll-fade-mask: none;}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@theme inline{@keyframes tw-shimmer { from { background-position: 100% 0; } to { background-position: 0 0; } }}@utility shimmer{--_spread: var(--shimmer-spread,calc(3ch + 40px)); --_base: currentColor; --_highlight: var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2))); background-image: var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread)))); background-repeat: no-repeat; background-size: calc(200% + var(--_spread) * 2) 100%; background-position: 0 0; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: var(--shimmer-text-fill,transparent); animation: tw-shimmer var(--shimmer-duration,2s) linear infinite; @variant dark { --_highlight: var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4))); } &:where([dir="rtl"], [dir="rtl"] *) { animation-direction: reverse; }}@utility shimmer-once{animation-iteration-count: 1;}@utility shimmer-reverse{animation-direction: reverse;}@utility shimmer-none{--shimmer-image: none; --shimmer-text-fill: currentColor;}@utility shimmer-color-*{--shimmer-color: --value(--color, [color]); --shimmer-color: color-mix(in oklch, --value(--color, [color]) calc(--modifier(integer) * 1%), transparent);}@utility shimmer-duration-*{--shimmer-duration: calc(--value(integer) * 1ms);}@utility shimmer-spread-*{--shimmer-spread: calc(var(--spacing) * --value(integer)); --shimmer-spread: --value([length], [percentage]);}@utility shimmer-angle-*{--shimmer-angle: calc(--value(integer) * 1deg);}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.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}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:210 40% 96%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 84% 4.9%;--primary-foreground:0 0% 100%;--secondary:210 40% 96%;--secondary-foreground:222.2 84% 4.9%;--muted:210 40% 96%;--muted-foreground:215.4 16.3% 46.9%;--accent:350 79% 60%;--accent-foreground:0 0% 100%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:350 79% 60%;--chart-1:350 79% 60%;--chart-2:222.2 84% 4.9%;--chart-3:215.4 16.3% 46.9%;--chart-4:217 91% 60%;--chart-5:142 71% 45%;--sidebar:222.2 84% 4.9%;--sidebar-foreground:0 0% 100%;--sidebar-primary:350 79% 60%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:222.2 47% 11%;--sidebar-accent-foreground:0 0% 100%;--sidebar-border:222.2 47% 11%;--sidebar-ring:350 79% 60%}html{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-\[50\%\]{left:50%}.right-2{right:.5rem}.right-3{right:.75rem}.top-2{top:.5rem}.top-3{top:.75rem}.top-\[50\%\]{top:50%}.z-10{z-index:10}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.size-3{width:.75rem;height:.75rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-24{height:6rem}.h-28{height:7rem}.h-32{height:8rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-px{height:1px}.w-1\/2{width:50%}.w-3\/4{width:75%}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-36{min-width:9rem}.max-w-lg{max-width:32rem}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.translate-x-\[-50\%\]{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.justify-self-end{justify-self:end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.text-balance{text-wrap:balance}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-border{border-color:hsl(var(--border))}.border-input{border-color:hsl(var(--input))}.border-transparent{border-color:#0000}.bg-background{background-color:hsl(var(--background))}.bg-black\/50{background-color:#00000080}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-card\/50{background-color:hsl(var(--card) / .5)}.bg-destructive\/10{background-color:hsl(var(--destructive) / .1)}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/50{background-color:hsl(var(--muted) / .5)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:#0000}.bg-clip-padding{background-clip:padding-box}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pl-1\.5{padding-left:.375rem}.pl-2\.5{padding-left:.625rem}.pr-2{padding-right:.5rem}.pr-8{padding-right:2rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\[0\.8rem\]{font-size:.8rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.leading-snug{line-height:1.375}.text-card-foreground{color:hsl(var(--card-foreground))}.text-destructive{color:hsl(var(--destructive))}.text-foreground{color:hsl(var(--foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-foreground\/10{--tw-ring-color:hsl(var(--foreground) / .1)}.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)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.fade-in{--tw-enter-opacity:0}.duration-100{animation-duration:.1s}.duration-200{animation-duration:.2s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.paused{animation-play-state:paused}:root{--primary:#0f172a;--primary-light:#1e293b;--accent:#e94560;--accent-hover:#d63b55;--accent-glow:#e9456026;--bg:#f1f5f9;--card:#fff;--text:#0f172a;--muted:#64748b;--light:#94a3b8;--border:#e2e8f0;--success:#16a34a;--success-bg:#dcfce7;--warn:#d97706;--warn-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--info:#2563eb;--info-bg:#dbeafe;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 12px 40px #0000001f, 0 4px 12px #0000000f;--sidebar-w:220px;--header-h:56px;--transition:.2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#b8c6d4 0%,#c8cfd8 40%,#d1d8e0 100%);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.sidebar{width:var(--sidebar-w);background:var(--primary);scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex-direction:column;flex-shrink:0;height:100vh;padding:16px 0;display:flex;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar-logo{border-bottom:1px solid #ffffff0f;margin-bottom:8px;padding:0 20px 16px}.sidebar-logo .brand{color:#fff;letter-spacing:-.03em;font-size:18px;font-weight:800}.sidebar-logo .sub{color:#ffffff59;text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:10px}.nav-section{padding:4px 10px 8px}.nav-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff40;padding:4px 10px 6px;font-size:9px;font-weight:600}.nav-item{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);color:#ffffff80;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-bottom:1px;padding:9px 12px;font-size:12.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:#ffffffd9;background:#ffffff0f}.nav-item:active{transform:scale(.98)}.nav-item.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #e9456040}.nav-item.disabled{opacity:.4;cursor:not-allowed}.nav-item .ico{text-align:center;flex-shrink:0;width:20px;font-size:15px}.nav-badge{background:var(--accent);color:#fff;text-align:center;border-radius:10px;min-width:18px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700}.nav-badge.warn{background:var(--warn)}.nav-item.active .nav-badge{background:#ffffff40}.sidebar-bottom{border-top:1px solid #ffffff0f;margin-top:auto;padding:12px 10px 0}.role-pill{transition:background var(--transition);cursor:default;background:#ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.role-avatar{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.role-name{color:#fff;font-size:12px;font-weight:600;line-height:1.2}.role-tag{color:#ffffff59;font-size:9.5px}.sidebar-signout{color:#ffffff8c;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--transition);background:0 0;border:1px solid #ffffff14;margin-top:8px;padding:7px 10px;font-size:11px;font-weight:600}.sidebar-signout:hover{color:#fff;background:#ffffff0f}.main{background:var(--bg);flex-direction:column;flex:1;height:100vh;min-height:0;display:flex;overflow:hidden}.top-bar{height:var(--header-h);background:var(--card);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:0 24px;display:flex}.top-bar-title{color:var(--text);letter-spacing:-.01em;font-size:15px;font-weight:700}.top-bar-sub{color:var(--muted);font-size:11.5px}.top-bar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.content{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex:1;min-height:0;padding:20px 24px;overflow-y:auto}.content::-webkit-scrollbar{width:5px}.content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.filter-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.filter-chip{white-space:nowrap;cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--muted);transition:all var(--transition);-webkit-user-select:none;user-select:none;border-radius:16px;flex-shrink:0;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:600}.filter-chip:hover{border-color:var(--accent);color:var(--accent)}.filter-chip.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.filter-chip .filter-count{color:var(--muted);margin-left:4px;font-size:9px}.filter-chip.active .filter-count{color:#ffffffb3}.filter-group-lbl{color:var(--light);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;align-self:center;padding:0 2px;font-size:9px;font-weight:700}.lead-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;transition:all var(--transition);margin-bottom:6px;padding:12px}.lead-card:hover{box-shadow:var(--shadow-md)}.lead-card.lost{opacity:.6}.lead-top{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.lead-name{color:var(--text);font-size:13px;font-weight:700}.lead-org{color:var(--muted);margin-top:1px;font-size:10.5px}.lead-stage{white-space:nowrap;border-radius:10px;flex-shrink:0;margin-left:8px;padding:3px 10px;font-size:10px;font-weight:700}.lead-stage.prospect{color:#475569;background:#f1f5f9}.lead-stage.contacted{background:var(--info-bg);color:#1e40af}.lead-stage.meeting{background:var(--warn-bg);color:#92400e}.lead-stage.proposal{color:#7e22ce;background:#f3e8ff}.lead-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:10.5px;display:flex}.lead-days-in-stage{background:#f8fafc;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:600}.lead-days-in-stage.stale{background:var(--warn-bg);color:#92400e}.lead-next-action{border-radius:var(--radius-sm);color:#166534;background:#f0fdf4;align-items:center;gap:5px;margin-top:6px;padding:6px 10px;font-size:11px;font-weight:600;display:flex}.lead-stale-banner{background:var(--warn-bg);border-radius:var(--radius-sm);color:#92400e;align-items:center;gap:5px;margin-top:6px;padding:6px 10px;font-size:11px;font-weight:600;display:flex}.lead-urgency-banner{border-radius:var(--radius-sm);color:#dc2626;background:#fff1f2;border:1px solid #fca5a5;align-items:center;gap:5px;margin-top:6px;padding:6px 10px;font-size:11px;font-weight:600;animation:1.8s infinite pulse;display:flex}.lead-ch{letter-spacing:.03em;border-radius:6px;margin-right:4px;padding:2px 8px;font-size:9px;font-weight:700;display:inline-block}.lead-ch.dcb{background:var(--info-bg);color:#1e40af}.lead-ch.dvp{color:#0f766e;background:#f0fdfa}.lead-ch.mkp{color:#7e22ce;background:#faf5ff}.lead-ch.uncategorised{color:#64748b;background:#f1f5f9}.lead-pill{border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.lead-pill.repeat{color:#92400e;background:#fef3c7}.lead-pill.high-value{color:#166534;background:#dcfce7}.lead-stage.arrived{color:#475569;background:#f1f5f9}.lead-stage.met{background:var(--warn-bg);color:#92400e}.lead-stage.venue-visit{color:#0f766e;background:#f0fdfa}.lead-stage.negotiating{color:#c2410c;background:#fff7ed}.lead-stage.venue-locked{color:#b45309;background:#fef9c3}.lead-stage.brief{color:#92400e;background:#fffbeb}.lead-stage.proposed{color:#7e22ce;background:#f3e8ff}.lead-stage.converted{color:#166534;background:#dcfce7;font-weight:700}.lead-stage.lost{background:var(--danger-bg);color:#991b1b}.lead-stage.upcoming,.lead-stage.confirmed{color:#1e40af;background:#eff6ff}.lead-stage.on-hold{color:#c2410c;background:#fff7ed}.lead-stage.prep{color:#7e22ce;background:#faf5ff}.lead-stage.served{color:#0f766e;background:#f0fdfa}.lead-stage.settled{color:#15803d;background:#f0fdf4;font-weight:700}.lead-stage.dispatched,.lead-stage.in-progress{background:var(--info-bg);color:#1e40af}.lead-stage.delivered{color:#15803d;background:#f0fdf4}.lead-lost-banner{border-radius:var(--radius-sm);color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;align-items:center;gap:5px;margin-top:6px;padding:6px 10px;font-size:11px;font-weight:600;display:flex}.lead-mkp-stat{border-radius:var(--radius-sm);color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff;align-items:center;gap:5px;margin-top:6px;padding:5px 10px;font-size:11px;font-weight:600;display:flex}.lead-log-entries{flex-direction:column;gap:3px;display:flex}.lead-log-entry{border-left:2px solid var(--primary);background:#f8fafc;border-radius:0 4px 4px 0;margin-bottom:3px;padding:4px 8px;font-size:11px}.lead-log-entry .log-ts{color:#94a3b8;margin-bottom:1px;font-size:10px}.venue-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;transition:all var(--transition);margin-bottom:6px;padding:12px}.venue-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.venue-card:active{transform:translateY(0)}.venue-card.at-risk{border-left:3px solid var(--danger)}.venue-card.onboarding{border-left:3px solid var(--info)}.venue-top{align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.venue-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:flex}.venue-name{color:var(--text);font-size:13px;font-weight:700}.venue-sub{color:var(--muted);margin-top:1px;font-size:10.5px}.venue-type{letter-spacing:.03em;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:9px;font-weight:700;display:inline-block}.venue-type.dvp{color:#0f766e;background:#f0fdfa}.venue-type.mkp{color:#7e22ce;background:#faf5ff}.venue-type.dcb{background:var(--info-bg);color:#1e40af}.venue-status{border-radius:6px;margin-top:3px;padding:2px 8px;font-size:9px;font-weight:700;display:inline-block}.venue-status.live{color:#166534;background:#dcfce7}.venue-status.onboarding{color:#1e40af;background:#dbeafe}.venue-status.paused{color:#92400e;background:#fef3c7}.venue-status.churned{color:#991b1b;background:#fee2e2}.venue-meta{color:var(--muted);grid-template-columns:1fr 1fr;gap:3px;margin-bottom:6px;font-size:10.5px;display:grid}.venue-meta-item{align-items:center;gap:4px;display:flex}.venue-action{border-radius:var(--radius-sm);color:#166534;background:#f0fdf4;align-items:center;gap:5px;margin-top:6px;padding:6px 10px;font-size:11px;font-weight:600;display:flex}.venue-action.warn{background:var(--warn-bg);color:#92400e}.venue-action.danger{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.gmv-health{white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.gmv-health.on-track{background:var(--success-bg);color:#166534}.gmv-health.behind{background:var(--warn-bg);color:#92400e}.gmv-health.critical{background:var(--danger-bg);color:#991b1b}.gmv-health.too-early{color:#64748b;background:#f8fafc}.venue-gmv-high{color:#166534;font-weight:700}.haccp-mini{white-space:nowrap;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.haccp-mini.clear{background:var(--success-bg);color:#166534}.haccp-mini.pending{background:var(--warn-bg);color:#92400e}.haccp-mini.overdue{background:var(--danger-bg);color:#991b1b}.pp2-track{align-items:flex-start;margin:6px 0;padding-bottom:4px;display:flex;overflow-x:auto}.pp2-step{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:56px;display:flex}.pp2-lbl{color:var(--muted);opacity:.35;white-space:nowrap;text-align:center;min-height:11px;font-size:9px}.pp2-lbl.done{opacity:1}.pp2-lbl.cur{color:var(--primary);opacity:1;font-weight:700}.pp2-lbl.lost-d{color:#dc2626;opacity:1}.pp2-dot{background:#e2e8f0;border-radius:50%;flex-shrink:0;width:10px;height:10px}.pp2-dot.done{background:#22c55e}.pp2-dot.cur{background:var(--primary);width:14px;height:14px;box-shadow:0 0 0 3px #6366f133}.pp2-dot.lost-d{background:#dc2626;width:14px;height:14px}.pp2-date{color:var(--muted);white-space:nowrap;text-align:center;min-height:11px;font-size:9px}.pp2-date.done{color:#16a34a;opacity:1}.pp2-date.cur{color:var(--primary);opacity:1;font-weight:600}.pp2-date.lost-d{color:#dc2626;opacity:1}.pp2-date.future{color:var(--muted);opacity:.7}.pp2-line{background:#e2e8f0;flex:1;min-width:12px;height:2px;margin-top:18px}.pp2-line.done{background:#22c55e}.pp2-line.lost-l{background:#fecaca}.gmv-bar{background:#e2e8f0;border-radius:3px;width:100%;height:6px;margin-top:6px;overflow:hidden}.gmv-bar-fill{border-radius:3px;height:100%;transition:width .25s}.gmv-bar-fill.on-track{background:#22c55e}.gmv-bar-fill.behind{background:#f59e0b}.gmv-bar-fill.critical{background:#dc2626}.gmv-bar-fill.too-early{background:#94a3b8}html,body,#root{height:100%}body{margin:0}.login-page{box-sizing:border-box;background:linear-gradient(160deg,#0f172a 0%,#1e293b 60%,#0f3460 100%);flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:30px 24px;display:flex}.login-logo{color:#fff;letter-spacing:-.04em;margin-bottom:6px;font-size:40px;font-weight:900}.login-sub{color:#ffffff59;text-transform:uppercase;letter-spacing:.12em;margin-bottom:40px;font-size:12px}.login-card{-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;width:100%;max-width:400px;padding:28px}.login-label{color:#fff6;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:600}.login-input{color:#fff;width:100%;transition:border-color var(--transition);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;outline:none;margin-bottom:14px;padding:13px 16px;font-family:inherit;font-size:15px}.login-input:focus{border-color:var(--accent)}.login-input::placeholder{color:#fff3}.otp-row{gap:10px;width:100%;margin-bottom:18px;display:flex}.otp-box{color:#fff;text-align:center;width:0;min-width:0;height:52px;transition:all var(--transition);box-sizing:border-box;background:#ffffff0f;border:2px solid #ffffff26;border-radius:12px;outline:none;flex:1 1 0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:22px;font-weight:700;display:flex}.otp-box:focus{border-color:var(--accent)}.otp-box.filled{border-color:var(--accent);background:#e945601a}.login-btn{background:var(--accent);color:#fff;cursor:pointer;width:100%;transition:all var(--transition);border:none;border-radius:12px;padding:15px;font-family:inherit;font-size:14px;font-weight:700}.login-btn:hover{background:var(--accent-hover);box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.login-resend{text-align:center;color:#ffffff59;margin-top:14px;font-size:11px}.login-resend span{color:var(--accent);cursor:pointer;text-decoration:underline}.login-error{color:#fca5a5;margin-bottom:12px;font-size:12px}.login-footer{color:#fff3;text-align:center;margin-top:24px;font-size:11px}.sp-role-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.sp-role-tab{cursor:pointer;transition:all var(--transition);border:1.5px solid var(--border);color:var(--muted);background:var(--card);-webkit-user-select:none;user-select:none;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:600}.sp-role-tab:hover{border-color:var(--accent);color:var(--accent)}.sp-role-tab:active{transform:scale(.96)}.sp-role-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sp-kpi-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:all var(--transition);cursor:default;flex-direction:column;gap:8px;padding:16px;display:flex;position:relative;overflow:hidden}.sp-kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sp-kpi-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.sp-kpi-card.green:before{background:linear-gradient(90deg,#16a34a,#22c55e)}.sp-kpi-card.amber:before{background:linear-gradient(90deg,#d97706,#f59e0b)}.sp-kpi-card.red:before{background:linear-gradient(90deg,#dc2626,#ef4444)}.sp-kpi-card.neutral:before{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}.sp-kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;font-weight:600}.sp-kpi-value{color:var(--text);letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1}.sp-kpi-unit{color:var(--muted);margin-left:2px;font-size:12px;font-weight:500}.sp-kpi-row{justify-content:space-between;align-items:center;display:flex}.sp-kpi-target{color:var(--muted);font-size:10px}.sp-kpi-status{white-space:nowrap;border-radius:10px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:700;display:flex}.sp-kpi-status.green{background:var(--success-bg);color:#15803d}.sp-kpi-status.amber{background:var(--warn-bg);color:#b45309}.sp-kpi-status.red{background:var(--danger-bg);color:#b91c1c}.sp-kpi-status.neutral{color:#64748b;background:#f1f5f9}.sp-kpi-trend{color:var(--muted);align-items:center;gap:3px;font-size:10px;display:flex}.sp-kpi-trend-up{color:#16a34a}.sp-kpi-trend-down{color:#dc2626}.sp-kpi-trend-flat{color:#94a3b8}.sp-alert-strip{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.sp-alert-item{background:var(--card);border-radius:var(--radius-sm,8px);border:1px solid var(--border);cursor:pointer;transition:box-shadow var(--transition);align-items:center;gap:12px;padding:12px 16px;font-size:12.5px;display:flex}.sp-alert-item:hover{box-shadow:var(--shadow-md)}.sp-alert-item.warn{border-left:3px solid #d97706}.sp-alert-item.danger{border-left:3px solid #dc2626}.sp-alert-bold{font-weight:700}.sp-perf-table{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:12px}.sp-perf-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:2px solid var(--border);background:var(--bg);padding:8px 12px;font-size:10px;font-weight:700}.sp-perf-table td{border-bottom:1px solid var(--border);color:var(--text);padding:10px 12px}.sp-perf-table tr:hover td{background:var(--bg)}.sp-perf-badge{border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.sp-perf-badge.warn{background:var(--warn-bg);color:#b45309}.sp-perf-badge.green{background:var(--success-bg);color:#15803d}.sp-perf-badge.neutral{color:#64748b;background:#f1f5f9}.section-hd{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.section-hd:after{content:"";background:var(--border);flex:1;height:1px}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.kpi-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);transition:all var(--transition);padding:14px 16px;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.kpi-card.green:before{background:linear-gradient(90deg,#16a34a,#22c55e)}.kpi-card.amber:before{background:linear-gradient(90deg,#d97706,#f59e0b)}.kpi-card.red:before{background:linear-gradient(90deg,#dc2626,#ef4444)}.kpi-card.neutral:before{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}.kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;font-weight:600}.kpi-value{color:var(--text);letter-spacing:-.02em;margin-top:6px;font-size:24px;font-weight:800;line-height:1}.kpi-value .unit{color:var(--muted);margin-left:2px;font-size:12px;font-weight:500}.kpi-row{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.kpi-target{color:var(--muted);font-size:10px}.settlement-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;transition:all var(--transition);margin-bottom:6px;padding:12px}.settlement-card:hover{box-shadow:var(--shadow-md)}.settlement-direction{letter-spacing:.02em;border-radius:6px;margin-right:6px;padding:2px 8px;font-size:9px;font-weight:700}.settlement-direction.in{background:var(--info-bg);color:#1e40af}.settlement-direction.out{background:var(--warn-bg);color:#92400e}.audit-row{cursor:pointer;border:1px solid #0000;border-radius:12px;padding:12px 16px 12px 20px;transition:background .18s,box-shadow .18s;position:relative}.audit-row:before{content:"";background:var(--audit-accent,#94a3b8);opacity:0;border-radius:0 3px 3px 0;width:3px;transition:opacity .18s;position:absolute;top:10px;bottom:10px;left:0}.audit-row:hover{background:#f8fafc}.audit-row:hover:before{opacity:.5}.audit-row.audit-open{background:#f8fafc;border-color:#e2e8f0;box-shadow:0 2px 8px #0f172a0a}.audit-row.audit-open:before{opacity:1}.audit-row+.audit-row{margin-top:2px}.audit-row-header{align-items:center;gap:10px;display:flex}.audit-tier{text-transform:uppercase;letter-spacing:.06em;border-radius:6px;flex-shrink:0;padding:3px 10px;font-size:9px;font-weight:800;line-height:1}.audit-headline{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.audit-headline-action{color:var(--text);font-weight:700}.audit-headline-detail{color:var(--muted);font-weight:400}.audit-ts{color:#94a3b8;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.01em;flex-shrink:0;font-size:10px;font-weight:500}.audit-chevron{color:#cbd5e1;flex-shrink:0;width:14px;height:14px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),color .15s}.audit-row:hover .audit-chevron{color:#94a3b8}.audit-open .audit-chevron{color:#475569;transform:rotate(180deg)}@keyframes audit-expand{0%{opacity:0;transform:translateY(-6px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}.audit-detail{cursor:default;border-top:1px solid #e8ecf1;margin-top:14px;padding-top:14px;animation:.25s cubic-bezier(.16,1,.3,1) audit-expand}.audit-meta-strip{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.audit-meta-chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:10.5px;line-height:1;display:inline-flex}.audit-meta-chip-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:8.5px;font-weight:600}.audit-meta-chip-value{color:#334155;word-break:break-all;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:10.5px;font-weight:600}.audit-diff-container{gap:10px;display:flex}@media (width<=700px){.audit-diff-container{flex-direction:column}}.audit-diff{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;min-width:0;overflow:hidden}.audit-diff-header{text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:7px;padding:6px 14px;font-size:9px;font-weight:800;display:flex}.audit-diff-header .audit-diff-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.audit-diff.audit-diff-before .audit-diff-header{color:#64748b;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.audit-diff.audit-diff-before .audit-diff-dot{background:#94a3b8}.audit-diff.audit-diff-after .audit-diff-header{color:#1d4ed8;background:linear-gradient(135deg,#eef4ff 0%,#dbeafe 100%);border-bottom:1px solid #bfdbfe}.audit-diff.audit-diff-after .audit-diff-dot{background:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.audit-diff-row{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:baseline;gap:16px;padding:5px 14px;font-size:11.5px;transition:background .1s;display:flex}.audit-diff-row:hover{background:#fafbfd}.audit-diff-row:first-child{border-top:none}.audit-diff-key{color:#64748b;flex-shrink:0;font-size:11px;font-weight:500}.audit-diff-val{color:#1e293b;text-align:right;word-break:break-word;white-space:pre-wrap;font-variant-numeric:tabular-nums;font-weight:600}.audit-diff-val.audit-diff-changed{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:5px;padding:2px 8px;font-size:11px;font-weight:700;box-shadow:0 0 0 1px #3b82f626}.entity-card{transition:transform .15s,box-shadow .15s}.entity-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.entity-card:active{transform:translateY(-1px)}@keyframes fade-in-content{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.route-fade-in{animation:.2s ease-out fade-in-content}@keyframes fade-in-list{0%{opacity:0}to{opacity:1}}.entity-list-fade-in{animation:.2s ease-out fade-in-list}@keyframes drawer-slide{0%{opacity:.6;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.drawer-slide-in{animation:.28s cubic-bezier(.16,1,.3,1) drawer-slide}.sheet-panel{--drawer-text:#0f172a;--drawer-text-secondary:#1e293b;--drawer-text-muted:#64748b;--drawer-text-faint:#94a3b8;--drawer-surface:#fff;--drawer-surface-subtle:#fafbfc;--drawer-border:#e8ecf1;--drawer-border-hover:#dce1e8;--drawer-hover:#f1f5f9;--drawer-rule:#e2e8f0;--drawer-accent:#e94560;--drawer-neutral:#cbd5e1;background:linear-gradient(180deg, var(--drawer-surface) 0%, var(--drawer-surface-subtle) 100%);color:var(--drawer-text);border-left:none;font-size:14px;line-height:1.5;box-shadow:-8px 0 32px #0f172a14,-2px 0 8px #0f172a0a}.sheet-panel .text-muted-foreground{color:var(--drawer-text-muted)}.sheet-panel .text-foreground{color:var(--drawer-text)}.sheet-panel .text-sm,.sheet-panel .text-xs{color:inherit}.drawer-header{background:linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#334155 100%);border-bottom:none;position:relative;padding:22px 22px 18px!important}.drawer-header .text-lg{color:#f8fafc!important}.drawer-header .text-xs,.drawer-header .text-muted-foreground{color:#94a3b8!important}.drawer-header .lead-ch{box-shadow:0 1px 3px #0000004d}.drawer-header:before{content:"";pointer-events:none;background:radial-gradient(at 20% 0,#e945601f 0%,#0000 60%);position:absolute;inset:0}.drawer-header:after{content:"";background:linear-gradient(90deg,#e94560 0% 40%,#0000 100%);height:3px;position:absolute;bottom:0;left:0;right:0}.drawer-header-inner{z-index:1;flex-direction:column;gap:6px;width:100%;display:flex;position:relative}.drawer-header-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.drawer-header-badge{flex-shrink:0}.drawer-loading{flex-direction:column;gap:14px;padding:22px;display:flex}.drawer-body{flex-direction:column;gap:14px;padding:18px 22px 24px;display:flex}@keyframes section-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.drawer-section{background:var(--drawer-surface);border:1px solid var(--drawer-border);animation:.25s cubic-bezier(.16,1,.3,1) backwards section-enter;animation-delay:calc(var(--i,0) * 40ms);border-radius:12px;padding:16px 18px;transition:box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a05}.drawer-section:hover{border-color:var(--drawer-border-hover);box-shadow:0 4px 12px #0f172a0f,0 1px 3px #0f172a0a}.drawer-section:before{content:"";background:linear-gradient(180deg, var(--drawer-accent) 0%, color-mix(in srgb, var(--drawer-accent) 27%, transparent) 100%);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.drawer-section-title{text-transform:uppercase;letter-spacing:.12em;color:var(--drawer-text-faint);align-items:center;gap:8px;margin-bottom:12px;font-size:10px;font-weight:700;display:flex}.drawer-section-title span:after{content:"";background:linear-gradient(90deg, var(--drawer-rule) 0%, transparent 100%);vertical-align:middle;flex:1;height:1px;margin-left:8px;display:inline-block}.drawer-section-content{flex-direction:column;gap:6px;display:flex}.drawer-dl{border-bottom:none;border-radius:6px;justify-content:space-between;align-items:baseline;margin:0 -8px;padding:6px 8px;transition:background .15s;display:flex}.drawer-dl:hover{background:var(--drawer-hover)}.drawer-dl-label{color:var(--drawer-text-muted);flex-shrink:0;margin-right:16px;font-size:12px;font-weight:500}.drawer-dl-value{color:var(--drawer-text-secondary);text-align:right;word-break:break-word;font-size:13px;font-weight:600}.drawer-dl-value.mono{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:700}.drawer-actions{border-top:1px solid var(--drawer-border);z-index:2;background:linear-gradient(#fff0 0%,#ffffffd9 20%,#fffffff7 40%);padding:16px 22px;position:sticky;bottom:0}.inst-track{flex-direction:column;gap:6px;display:flex}.inst-card{background:var(--drawer-surface);border:1px solid var(--drawer-border);border-radius:10px;justify-content:space-between;align-items:center;padding:11px 14px;transition:box-shadow .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 2px #0f172a08}.inst-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a12}.inst-card.inst-paid{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border-left:3px solid #22c55e}.inst-card.inst-overdue{background:linear-gradient(135deg,#fff 0%,#fef2f2 100%);border-left:3px solid #ef4444}.inst-card.inst-due_soon{background:linear-gradient(135deg,#fff 0%,#fffbeb 100%);border-left:3px solid #f59e0b}.inst-card.inst-upcoming{border-left:3px solid var(--drawer-neutral)}.inst-left{flex-direction:column;gap:2px;display:flex}.inst-label{color:var(--drawer-text);font-size:13px;font-weight:600}.inst-due{color:var(--drawer-text-muted);font-size:11px}.inst-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.inst-amount{color:var(--drawer-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:14px;font-weight:800}.inst-badge{background:color-mix(in srgb, currentColor 8%, transparent);text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:3px 9px;font-size:9.5px;font-weight:700}.payout-breakdown{flex-direction:column;gap:4px;display:flex}.payout-total{border-top:2px solid var(--drawer-text);color:var(--drawer-text);justify-content:space-between;margin:4px -8px 0;padding:10px 8px 0;font-size:14px;font-weight:800;display:flex}.amounts-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;display:grid}.amount-tile{background:var(--drawer-surface);border:1px solid var(--drawer-border);text-align:center;border-radius:10px;flex-direction:column;gap:6px;padding:14px 12px;transition:box-shadow .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 2px #0f172a08}.amount-tile:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0f}.amount-tile.accent{background:linear-gradient(135deg,#fdf2f4 0%,#fce7eb 100%);border-color:#fecdd3}.amount-label{color:var(--drawer-text-faint);text-transform:uppercase;letter-spacing:.08em;font-size:9.5px;font-weight:700}.amount-value{color:var(--drawer-text);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:16px;font-weight:800}.amount-tile.accent .amount-value{color:#be123c}.activity-empty{color:var(--drawer-text-faint);padding:4px 0;font-size:13px;font-style:italic}.activity-timeline{flex-direction:column;gap:0;padding-left:20px;display:flex;position:relative}.activity-timeline:before{content:"";background:linear-gradient(180deg, var(--drawer-accent) 0%, var(--drawer-rule) 30%, var(--drawer-rule) 100%);border-radius:1px;width:2px;position:absolute;top:8px;bottom:8px;left:5px}.activity-item{gap:12px;padding:7px 0;display:flex;position:relative}.activity-dot{background:var(--drawer-neutral);border:2px solid var(--drawer-surface);z-index:1;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:transform .15s;position:absolute;top:11px;left:-16px}.activity-item:hover .activity-dot{transform:scale(1.3)}.activity-item:first-child .activity-dot{background:var(--drawer-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--drawer-accent) 15%, transparent)}.activity-content{flex:1;min-width:0}.activity-meta{color:var(--drawer-text-faint);letter-spacing:.01em;font-size:10.5px;font-weight:600}.activity-note{color:var(--drawer-text-secondary);margin-top:2px;font-size:13px;line-height:1.45}.filter-chip{transition:transform .1s,background .15s,border-color .15s}.filter-chip:active{transform:scale(.96)}@keyframes shimmer-sweep{0%{background-position:-400px 0}to{background-position:400px 0}}.shimmer{background-image:linear-gradient(90deg,#e2e8f000 0%,#fff9 50%,#e2e8f000 100%);background-repeat:no-repeat;background-size:400px 100%;animation:1.4s linear infinite shimmer-sweep}@keyframes form-overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes form-content-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.form-dialog-overlay{animation:.15s ease-out form-overlay-fade}.form-dialog-content{animation:.18s cubic-bezier(.4,0,.2,1) form-content-pop}.btn-action{cursor:pointer;transition:all var(--transition);border-radius:4px;padding:3px 9px;font-family:inherit;font-size:10.5px;font-weight:600}.btn-action:active{transform:scale(.96)}.btn-action-pause{border:1px solid var(--border);background:var(--card);color:var(--text)}.btn-action-pause:hover{border-color:var(--warn);color:var(--warn);background:var(--warn-bg)}.btn-action-resume{color:#065f46;background:#ecfdf5;border:1px solid #34d399}.btn-action-resume:hover{background:#d1fae5;border-color:#10b981}.btn-action-end{border:1px solid var(--border);background:var(--card);color:var(--danger)}.btn-action-end:hover{border-color:var(--danger);background:var(--danger-bg)}.btn-generate{cursor:pointer;border:1px solid var(--border);background:var(--card);white-space:nowrap;transition:all var(--transition);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:11px}.btn-generate:hover{border-color:var(--accent);color:var(--accent)}.btn-generate:active{transform:scale(.96)}.btn-cancel{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--text);transition:all var(--transition);padding:7px 10px;font-family:inherit;font-size:11px;font-weight:600}.btn-cancel:hover{box-shadow:var(--shadow);background:var(--bg);transform:translateY(-1px)}.btn-cancel:active{box-shadow:none;transform:translateY(0)}.btn-submit{border-radius:var(--radius-sm);cursor:pointer;color:#fff;border:1px solid var(--primary);background:var(--primary);transition:all var(--transition);padding:7px 10px;font-family:inherit;font-size:11px;font-weight:600}.btn-submit:hover{box-shadow:var(--shadow);background:#2d2d4e;transform:translateY(-1px)}.btn-submit:active{box-shadow:none;transform:translateY(0)}.modal-footer .btn-cancel,.modal-footer .btn-submit{flex:1}.btn-new{cursor:pointer;background:var(--primary);color:#fff;transition:all var(--transition);border:none;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:11.5px;font-weight:600}.btn-new:hover{opacity:.85}.btn-new:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.entity-card,.filter-chip,.shimmer,.route-fade-in,.entity-list-fade-in,.drawer-slide-in,.form-dialog-overlay,.form-dialog-content{transition:none!important;animation:none!important}.entity-card:hover{transform:none}}.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]>*{svg:not([class*="size-"])}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:1.5rem}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.last\:border-b-0:last-child{border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}.hover\:bg-accent\/50:hover{background-color:hsl(var(--accent) / .5)}.hover\:bg-destructive\/20:hover{background-color:hsl(var(--destructive) / .2)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / .5)}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:underline:hover{text-decoration-line:underline}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus-visible\:border-destructive\/40:focus-visible{border-color:hsl(var(--destructive) / .4)}.focus-visible\:border-ring:focus-visible{border-color:hsl(var(--ring))}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:hsl(var(--destructive) / .2)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:hsl(var(--ring) / .5)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-input\/50:disabled{background-color:hsl(var(--input) / .5)}.disabled\:opacity-50:disabled{opacity:.5}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-50{opacity:.5}.has-\[\>svg\]\:grid-cols-\[auto_1fr\]:has(>svg){grid-template-columns:auto 1fr}.has-\[\>svg\]\:gap-x-2:has(>svg){-moz-column-gap:.5rem;column-gap:.5rem}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:0}.group\/alert:has(>svg) .group-has-\[\>svg\]\/alert\:col-start-2{grid-column-start:2}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:hsl(var(--muted))}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:hsl(var(--secondary))}.aria-expanded\:text-foreground[aria-expanded=true]{color:hsl(var(--foreground))}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:hsl(var(--secondary-foreground))}.data-\[side\=bottom\]\:inset-x-0[data-side=bottom]{left:0;right:0}.data-\[side\=left\]\:inset-y-0[data-side=left],.data-\[side\=right\]\:inset-y-0[data-side=right]{top:0;bottom:0}.data-\[side\=top\]\:inset-x-0[data-side=top]{left:0;right:0}.data-\[side\=bottom\]\:bottom-0[data-side=bottom]{bottom:0}.data-\[side\=left\]\:left-0[data-side=left]{left:0}.data-\[side\=right\]\:right-0[data-side=right]{right:0}.data-\[side\=top\]\:top-0[data-side=top]{top:0}.data-\[side\=bottom\]\:h-auto[data-side=bottom]{height:auto}.data-\[side\=left\]\:h-full[data-side=left],.data-\[side\=right\]\:h-full[data-side=right]{height:100%}.data-\[side\=top\]\:h-auto[data-side=top]{height:auto}.data-\[size\=default\]\:h-8[data-size=default]{height:2rem}.data-\[size\=sm\]\:h-7[data-size=sm]{height:1.75rem}.data-\[position\=popper\]\:w-full[data-position=popper]{width:100%}.data-\[side\=left\]\:w-3\/4[data-side=left],.data-\[side\=right\]\:w-3\/4[data-side=right]{width:75%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true]{animation:none}.data-\[size\=sm\]\:gap-3[data-size=sm]{gap:.75rem}.data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm]{border-radius:min(var(--radius-md), 10px)}.data-\[side\=bottom\]\:border-t[data-side=bottom]{border-top-width:1px}.data-\[side\=left\]\:border-r[data-side=left]{border-right-width:1px}.data-\[side\=right\]\:border-l[data-side=right]{border-left-width:1px}.data-\[side\=top\]\:border-b[data-side=top]{border-bottom-width:1px}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[size\=sm\]\:py-3[data-size=sm]{padding-top:.75rem;padding-bottom:.75rem}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.\*\:data-\[slot\=select-value\]\:line-clamp-1[data-slot=select-value]>*{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\*\:data-\[slot\=select-value\]\:flex[data-slot=select-value]>*{display:flex}.\*\:data-\[slot\=select-value\]\:items-center[data-slot=select-value]>*{align-items:center}.\*\:data-\[slot\=select-value\]\:gap-1\.5[data-slot=select-value]>*{gap:.375rem}.\*\:data-\[slot\=alert-description\]\:text-destructive\/90[data-slot=alert-description]>*{color:hsl(var(--destructive) / .9)}.group[data-disabled=true] .group-data-\[disabled\=true\]\:pointer-events-none{pointer-events:none}.group\/card[data-size=sm] .group-data-\[size\=sm\]\/card\:p-3{padding:.75rem}.group\/card[data-size=sm] .group-data-\[size\=sm\]\/card\:px-3{padding-left:.75rem;padding-right:.75rem}.group\/card[data-size=sm] .group-data-\[size\=sm\]\/card\:text-sm{font-size:.875rem;line-height:1.25rem}.group[data-disabled=true] .group-data-\[disabled\=true\]\:opacity-50{opacity:.5}@media (width>=640px){.sm\:max-w-\[480px\]{max-width:480px}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}.data-\[side\=left\]\:sm\:max-w-sm[data-side=left],.data-\[side\=right\]\:sm\:max-w-sm[data-side=right]{max-width:24rem}}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:text-pretty{text-wrap:pretty}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:border-input{border-color:hsl(var(--input))}.dark\:bg-destructive\/20{background-color:hsl(var(--destructive) / .2)}.dark\:bg-input\/30{background-color:hsl(var(--input) / .3)}.dark\:hover\:bg-destructive\/30:hover{background-color:hsl(var(--destructive) / .3)}.dark\:hover\:bg-input\/50:hover{background-color:hsl(var(--input) / .5)}.dark\:hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / .5)}.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:hsl(var(--destructive) / .4)}.dark\:disabled\:bg-input\/80:disabled{background-color:hsl(var(--input) / .8)}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:hover\:text-foreground:hover a{color:hsl(var(--foreground))}.\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child){margin-bottom:1rem}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:.75rem;height:.75rem}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:.875rem;height:.875rem}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:1rem;height:1rem}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}