html{--mat-sys-background: #101414;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2d3131;--mat-sys-inverse-primary: #006a6a;--mat-sys-inverse-surface: #e0e3e2;--mat-sys-on-background: #e0e3e2;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #003737;--mat-sys-on-primary-container: #00fbfb;--mat-sys-on-primary-fixed: #002020;--mat-sys-on-primary-fixed-variant: #004f4f;--mat-sys-on-secondary: #1b3534;--mat-sys-on-secondary-container: #cce8e7;--mat-sys-on-secondary-fixed: #051f1f;--mat-sys-on-secondary-fixed-variant: #324b4b;--mat-sys-on-surface: #e0e3e2;--mat-sys-on-surface-variant: #dae5e4;--mat-sys-on-tertiary: #502400;--mat-sys-on-tertiary-container: #ffdcc7;--mat-sys-on-tertiary-fixed: #311300;--mat-sys-on-tertiary-fixed-variant: #723600;--mat-sys-outline: #889392;--mat-sys-outline-variant: #3f4948;--mat-sys-primary: #00dddd;--mat-sys-primary-container: #004f4f;--mat-sys-primary-fixed: #00fbfb;--mat-sys-primary-fixed-dim: #00dddd;--mat-sys-scrim: #000000;--mat-sys-secondary: #b0cccb;--mat-sys-secondary-container: #324b4b;--mat-sys-secondary-fixed: #cce8e7;--mat-sys-secondary-fixed-dim: #b0cccb;--mat-sys-shadow: #000000;--mat-sys-surface: #101414;--mat-sys-surface-bright: #363a39;--mat-sys-surface-container: #1c2020;--mat-sys-surface-container-high: #272b2a;--mat-sys-surface-container-highest: #313635;--mat-sys-surface-container-low: #191c1c;--mat-sys-surface-container-lowest: #0b0f0e;--mat-sys-surface-dim: #101414;--mat-sys-surface-tint: #00dddd;--mat-sys-surface-variant: #3f4948;--mat-sys-tertiary: #ffb787;--mat-sys-tertiary-container: #723600;--mat-sys-tertiary-fixed: #ffdcc7;--mat-sys-tertiary-fixed-dim: #ffb787;--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{color-scheme:dark;--bg:#0a0b10;--surface:#161b22;--border:#2a3140;--muted:#94a3b8;--accent:#ff9f00;--mat-sys-primary:#ff9f00;--mat-sys-on-primary:#10151b;--mat-sys-surface:#161b22;--mat-sys-on-surface:#f1f5f9;--mat-sys-background:#0a0b10;--mat-sys-outline:#344050}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f1f5f9;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1{font-size:32px;letter-spacing:-.9px;margin:8px 0 10px}h2{font-size:21px;letter-spacing:-.4px}h3{font-size:15px}.muted,small{color:var(--muted)}small{display:block;font-size:12px;line-height:1.7}.eyebrow,.nav-label{font-size:10px;font-weight:750;letter-spacing:1.6px;color:var(--accent)}.lab-banner{padding:9px 20px;text-align:center;background:#211b10;border-bottom:1px solid #59411b;color:#eac789;font-size:12px}.lab-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--accent);margin-right:7px}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 35px)}.sidebar{background:#10151c;border-right:1px solid var(--border);padding:30px 18px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:17px;letter-spacing:1.1px;margin:0 10px 40px}.brand-mark{font-size:34px;color:var(--accent)}.brand small{font-size:10px;letter-spacing:3px;color:var(--accent)}.nav-label{color:#687a91;padding:0 14px;margin-bottom:12px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;gap:12px;padding:13px 14px;border-radius:7px;color:#aab7ca;font-weight:550}.sidebar nav a span{width:18px;color:#7a8ba3}.sidebar nav a:hover{background:#19212d}.sidebar nav a.active{background:#332711;color:#ffc361}.sidebar nav a.active span{color:var(--accent)}.sidebar footer{margin-top:auto;padding:35px 12px 0}.sidebar footer button{margin-left:-12px}.layout main{padding:36px clamp(20px,3vw,52px)}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}.page-heading p{margin-bottom:0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0 0 24px}.kpi{padding:22px;background:linear-gradient(145deg,#17202b,#131a22);border:1px solid var(--border);border-radius:12px}.kpi p{color:var(--muted);margin:14px 0 8px}.kpi strong{font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.kpi-icon{display:inline-grid;place-items:center;background:#332713;color:var(--accent);border-radius:8px;width:33px;height:33px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--border)}.filters mat-form-field:first-child{flex:1;min-width:220px}.filters mat-form-field{width:160px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th{font-size:11px;color:#91a4bd;font-weight:650;background:#141a22;text-align:center;padding:17px 14px;white-space:nowrap}td{border-top:1px solid var(--border);padding:18px 14px;text-align:center;font-variant-numeric:tabular-nums;font-size:13px}th:first-child,td:first-child{text-align:left;padding-left:22px}td strong{font-size:13px;line-height:1.7}tr:hover td{background:#1b2430}td small{white-space:nowrap}.badge{display:inline-block;border:1px solid #344455;border-radius:5px;font-size:11px;padding:5px 9px;color:#bdd0e8;white-space:nowrap;background:#1b2938}.badge.success{color:#70d7aa;background:#143028;border-color:#235844}.badge.warning{color:#e2b564;background:#332a17;border-color:#5b4823}.notice{border:1px solid #594722;background:#282213;color:#e8c684;border-radius:7px;padding:13px 16px;margin-bottom:20px;font-size:12px}.state{padding:52px 25px;text-align:center;color:var(--muted)}.state mat-spinner{margin:0 auto}.error{color:#f19e9e}.login-page{min-height:calc(100vh - 35px);display:grid;place-items:center;background:radial-gradient(ellipse at 70% 20%,#1f2013,transparent 55%)}.login-panel{width:min(420px,92vw);padding:32px}.login-panel h1{font-size:44px;line-height:1.12;margin:20px 0}.login-panel form{display:grid;gap:12px;margin-top:30px}.login-panel mat-form-field{width:100%}.login-panel form button{height:46px}.local-hint{font-size:11px;color:#7d8fa4;margin-top:23px}.drawer-backdrop{position:fixed;inset:0;background:#0008;z-index:20}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(640px,95vw);background:#161b22;border-left:1px solid var(--border);padding:26px;overflow-y:auto;z-index:21;box-shadow:-15px 0 60px #0005}.drawer header{display:flex;justify-content:space-between;align-items:flex-start}.drawer h2{margin:10px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.mini-kpi{padding:18px;background:#10161e;border:1px solid var(--border);border-radius:8px}.mini-kpi strong{display:block;font-size:20px;margin-top:8px}.detail-section{border-top:1px solid var(--border);padding:15px 0}.actions{display:flex;gap:10px;flex-wrap:wrap}mat-dialog-content mat-form-field{display:block;width:100%}mat-paginator{border-top:1px solid var(--border)}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand{font-size:13px}.layout main{padding:28px 18px}}@media(max-width:720px){.layout{display:block}.sidebar{padding:14px;border-bottom:1px solid var(--border)}.brand{margin:0 4px 15px}.nav-label{display:none}.sidebar footer{padding:12px 0 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sidebar footer small{font-size:11px}.sidebar nav{display:flex;overflow-x:auto;gap:4px}.sidebar nav a{white-space:nowrap;padding:10px;font-size:12px}.sidebar nav a span{display:none}.layout main{padding:25px 14px}.page-heading{align-items:flex-start}h1{font-size:27px}.kpis{gap:9px}.kpi{padding:14px}.kpi strong{font-size:21px}.filters{padding:14px}.filters mat-form-field{width:calc(50% - 6px)}.filters mat-form-field:first-child{min-width:100%}.lab-banner{font-size:10px}.drawer{padding:20px}.detail-grid{gap:8px}}body:has(.drawer){overflow:hidden}:root{--mat-sys-label-large-font:Inter,system-ui,sans-serif;--mat-sys-body-large-font:Inter,system-ui,sans-serif;--mat-sys-body-medium-font:Inter,system-ui,sans-serif;--mat-sys-body-small-font:Inter,system-ui,sans-serif;--mat-sys-label-medium-font:Inter,system-ui,sans-serif;--mat-sys-label-small-font:Inter,system-ui,sans-serif}.email-preview{padding:20px;background:#fff;color:#182231;border-radius:8px;overflow-wrap:anywhere}.email-preview h2{color:#182231}.email-preview .message-cta{display:inline-block;padding:12px 20px;background:#d8aa40;color:#111820;border-radius:6px;font-weight:700;text-decoration:none}.live-status{font-size:11px;color:var(--muted);margin:0 0 18px}.message-copy{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.hash,.legal-fields dd{overflow-wrap:anywhere;white-space:pre-wrap}.legal-fields{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:8px 16px}.legal-fields dt{color:var(--muted)}.legal-fields dd{margin:0}button,a{touch-action:manipulation}.contract-tabs button{flex-shrink:0}@media(max-width:720px){.page-heading{flex-wrap:wrap}.page-heading>.actions{width:100%}.filters mat-form-field{max-width:100%}.drawer{width:100vw!important;padding:18px}.mini-kpi{padding:12px}.mini-kpi strong{font-size:18px}.legal-fields{grid-template-columns:1fr}.legal-fields dd{margin-bottom:10px}.mat-mdc-dialog-actions{gap:8px}.board{grid-template-columns:repeat(3,minmax(240px,1fr))!important}}
