.feedback-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.feedback-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 10px 20px #00000026;max-width:500px;width:90%;max-height:90vh;display:flex;flex-direction:column;z-index:1001;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.feedback-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.feedback-modal-header h2{margin:0;font-size:18px;font-weight:600;color:#031f41}.feedback-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.feedback-modal-close:hover{background-color:#f3f4f6;color:#111827}.feedback-modal-form{padding:20px;overflow-y:auto;flex:1}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#031f41;box-shadow:0 0 0 3px #031f411a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-group textarea{resize:vertical;line-height:1.5}.form-group small{display:block;margin-top:6px;font-size:12px;color:#9ca3af}.feedback-modal-success{padding:12px 16px;background-color:#d1fae5;border:1px solid #6ee7b7;border-radius:6px;color:#065f46;font-size:14px;margin-bottom:16px;animation:slideDown .3s ease-out}.feedback-modal-error{padding:12px 16px;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;font-size:14px;margin-bottom:16px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feedback-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e5e7eb}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.btn-primary{background-color:#031f41;color:#fff}.btn-primary:hover:not(:disabled){background-color:#051d34;box-shadow:0 2px 4px #031f4133}.btn-primary:disabled{background-color:#d1d5db;cursor:not-allowed}.btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (prefers-color-scheme: dark){.feedback-modal{background-color:#1f2937;color:#f3f4f6}.feedback-modal-header{border-bottom-color:#374151}.feedback-modal-header h2{color:#f3f4f6}.feedback-modal-close{color:#9ca3af}.feedback-modal-close:hover{background-color:#374151;color:#f3f4f6}.feedback-modal .form-group label{color:#d1d5db}.feedback-modal .form-group input,.feedback-modal .form-group select,.feedback-modal .form-group textarea{background-color:#111827;border-color:#4b5563;color:#f3f4f6}.feedback-modal .form-group input:focus,.feedback-modal .form-group select:focus,.feedback-modal .form-group textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.feedback-modal .form-group small{color:#6b7280}.btn-secondary{background-color:#374151;color:#f3f4f6;border-color:#4b5563}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.feedback-modal-actions{border-top-color:#374151}}@media (max-width: 640px){.feedback-modal{width:95%;max-height:85vh}.feedback-modal-form{padding:16px}.form-group{margin-bottom:16px}.feedback-modal-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}:root{--navy: #031f41;--navy2: #1d3557;--oak: #944925;--oak2: #fe9e72;--green: #10b981;--amber: #d97706;--red: #b91c1c;--surface: #f7f9fb;--card: #fff;--border: #E2E8F0;--text: #191c1e;--muted: #44474e;--sans: "Syne", sans-serif;--mono: "JetBrains Mono", monospace;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--text);background-color:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:210px;flex-shrink:0;background-color:var(--navy);display:flex;flex-direction:column;color:#fff;overflow-y:auto}.sb-logo{padding:16px 16px 12px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:9px}.sb-logo-mark{width:28px;height:28px;background-color:var(--oak2);border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:var(--navy)}.sb-brand{color:#fff;font-size:14px;font-weight:600;letter-spacing:-.01em}.org-switcher{margin:8px 10px;background-color:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:6px 9px;display:flex;align-items:center;gap:7px;cursor:pointer;transition:all .12s}.org-switcher:hover{background-color:#ffffff1a}.org-avatar{width:24px;height:24px;border-radius:50%;background-color:var(--oak);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.org-info{flex:1}.org-name{color:#fff;font-size:12px;font-weight:600;margin:0}.org-role{color:#ffffff73;font-size:10px;margin:0}.org-chevron{color:#fff6;font-size:12px}.nav-section{padding:3px 8px;margin-top:4px}.nav-label{color:#ffffff4d;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:6px 8px 4px;display:block;margin:0}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;color:#fff9;cursor:pointer;font-size:12px;font-weight:500;margin-bottom:1px;text-decoration:none;transition:all .1s;border:none;background:none;font-family:var(--sans)}.nav-item:hover{background-color:#ffffff12;color:#ffffffe6}.nav-item.active{background-color:#fe9e722e;color:var(--oak2)}.nav-icon{flex-shrink:0}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;font-size:17px;line-height:1;vertical-align:middle;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}.nav-badge{margin-left:auto;background-color:#dc2626;color:#fff;font-size:9px;font-weight:600;border-radius:99px;padding:1px 5px}.nav-new{margin-left:auto;font-size:9px;background-color:#fe9e7233;color:var(--oak2);padding:1px 5px;border-radius:3px}.sb-footer{margin-top:auto;padding:8px 14px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}.user-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px}.user-avatar{width:24px;height:24px;border-radius:50%;background-color:var(--oak2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:var(--navy);flex-shrink:0}.user-name{color:#ffffffb3;font-size:10px;font-weight:500;margin:0}.user-plan{color:#ffffff4d;font-size:9px;margin:0}.main{flex:1;overflow-y:auto;display:flex;flex-direction:column}.topbar{background-color:var(--card);border-bottom:1px solid var(--border);padding:0 18px;height:48px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.page-title{font-size:16px;font-weight:600;margin:0}.topbar-actions{display:flex;align-items:center;gap:8px}.content{flex:1;padding:14px 18px;overflow-y:auto}.btn{border:none;border-radius:6px;cursor:pointer;font-family:var(--sans);font-weight:500;font-size:12px;height:32px;padding:0 12px;transition:all .12s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-p{background-color:var(--navy);color:#fff}.btn-p:hover:not(:disabled){background-color:var(--navy2)}.btn-g{background-color:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.15)}.btn-g:hover:not(:disabled){background-color:#ffffff1f;color:#ffffffe6}.btn-warn{background-color:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.btn-warn:hover:not(:disabled){opacity:.9}.btn-danger{background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.btn-danger:hover:not(:disabled){opacity:.9}.btn-sm{height:28px;font-size:11px;padding:0 9px}.btn-icon{font-size:16px;color:currentColor}.form-group{margin-bottom:10px}.form-label{display:block;font-size:9px;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}input,textarea,select{width:100%;background-color:#fff;border:1px solid var(--border);border-radius:6px;padding:7px 8px;font-family:var(--sans);font-size:11px;color:var(--text);transition:all .12s}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #031f411a}textarea{resize:vertical;min-height:80px}.card,.panel{background-color:var(--card);border:1px solid var(--border);border-radius:9px;margin-bottom:14px}.panel{overflow:hidden}.panel-header{padding:11px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.panel-title{font-size:12px;font-weight:600;margin:0}.panel-body{padding:14px 16px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;margin-bottom:20px}.kpi{background-color:var(--card);border:1px solid var(--border);border-left:3px solid var(--kpi-accent, var(--border));border-radius:9px;padding:13px 15px}.kpi-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.kpi-icon{color:var(--kpi-accent, var(--muted));opacity:.5}.kpi-label{font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0}.kpi-value{font-family:var(--mono);font-size:20px;font-weight:500;color:var(--text);margin:0}.kpi-subtext{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px;margin:0}.delta-pos{color:var(--green)}.delta-neg{color:#e53e3e}.tbl{width:100%;border-collapse:collapse;font-size:12px}.tbl th{font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;padding:8px 14px;text-align:left;border-bottom:1px solid var(--border);background-color:var(--surface)}.tbl td{padding:9px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background-color:#fafbfc}.tbl-num{font-family:var(--mono);text-align:right}.badge{display:inline-flex;align-items:center;gap:3px;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:600}.s-paid{background-color:#dcfce7;color:#15803d}.s-open{background-color:#fff7ed;color:#c2410c}.s-draft{background-color:#f1f5f9;color:#475569}.s-pending{background-color:#dbeafe;color:#1d4ed8}.s-overdue{background-color:#fee2e2;color:#b91c1c}.b-dj{background-color:#dbeafe;color:#1e40af}.b-pt{background-color:#fef3c7;color:#92400e}.b-kt{background-color:#dcfce7;color:#15803d}.tab-row{display:flex;gap:2px;background-color:var(--surface);border-radius:6px;padding:2px;border:1px solid var(--border);width:fit-content}.tab-btn{padding:5px 11px;border-radius:5px;font-size:11px;font-weight:500;cursor:pointer;border:none;background-color:transparent;color:var(--muted);font-family:var(--sans);transition:all .12s}.tab-btn:hover{color:var(--text)}.tab-btn.active{background-color:var(--card);color:var(--navy);box-shadow:var(--shadow-sm)}.alert-banner{background-color:#fff7ed;border:1px solid #fed7aa;border-radius:9px;padding:11px 14px;display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.alert-banner.amber{background-color:#fffbf0;border-left:3px solid var(--amber)}.alert-banner.red{background-color:#fef2f2;border-left:3px solid var(--red)}.alert-banner.green{background-color:#f0fdf9;border-left:3px solid var(--green)}.alert-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px}.alert-banner.amber .alert-icon{background-color:#d977061a;color:var(--amber)}.alert-banner.red .alert-icon{background-color:#b91c1c1a;color:var(--red)}.alert-banner.green .alert-icon{background-color:#10b9811a;color:var(--green)}.alert-content{flex:1}.alert-title{font-weight:600;font-size:13px;margin:0 0 2px}.alert-message{font-size:12px;margin:0;opacity:.9}.flex{display:flex}.flex-col{flex-direction:column}.flex-between{justify-content:space-between}.flex-center{align-items:center;justify-content:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.p-12{padding:12px}.p-14{padding:14px}.p-16{padding:16px}.px-16{padding-left:16px;padding-right:16px}.py-8{padding-top:8px;padding-bottom:8px}.text-muted{color:var(--muted)}.text-sm{font-size:12px}.text-xs{font-size:11px}.font-mono{font-family:var(--mono)}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-right{text-align:right}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.faq-item{border-bottom:1px solid var(--border);padding:16px 0}.faq-item:last-child{border-bottom:none}.faq-question{cursor:pointer;font-size:14px;font-weight:600;color:var(--text);list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-question:before{content:"+";display:inline-block;width:16px;color:var(--oak);font-weight:700}.faq-item[open] .faq-question:before{content:"–"}@media (max-width: 640px){.marketing-nav-links{display:none!important}}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/archivo-black-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/archivo-black-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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}:root{--navy: #031f41;--navy2: #1d3557;--oak: #944925;--oak2: #fe9e72;--green: #10b981;--amber: #d97706;--red: #b91c1c;--stage: #031f41;--stage-gradient: linear-gradient(135deg,#031f41 0%,#1d3557 50%,#031f41 100%);--stage-fill: rgba(255,255,255,.06);--stage-fill-strong: rgba(255,255,255,.12);--stage-hairline: rgba(255,255,255,.14);--focal: #fe9e72;--focal-hover: #ffb28c;--on-focal: #031f41;--on-focal-70: rgba(3,31,65,.72);--glow-focal: -20px 16px 48px rgba(254,158,114,.14);--paper: #f4f2ef;--paper-raised: #fff;--paper-sunken: #eae6e1;--ink: #10151c;--ink-muted: #5a616b;--ink-faint: #8b929b;--rule: #1a2230;--rule-soft: #d9d4ce;--row-band: #faf9f7;--row-hover: #f0ece7;--surface: var(--paper);--card: var(--paper-raised);--border: var(--rule-soft);--text: var(--ink);--muted: var(--ink-muted);--sans: "Space Grotesk", system-ui, sans-serif;--mono: "Archivo Black", "Arial Black", sans-serif;--display: "Archivo Black", "Arial Black", sans-serif;--shadow-sm: none;--shadow-md: 0 12px 32px rgba(3,31,65,.28);--track-label: .14em;--track-label-wide: .28em;--track-display: -.02em;--radius-control: 6px;--radius-block: 12px;--radius-focal: 36px;--focus-ring: 0 0 0 3px rgba(254,158,114,.55)}body{font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--ink);background:var(--paper)}.material-symbols-outlined{font-size:19px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.sidebar{width:232px;background:var(--stage);padding:0 12px 12px;overflow:visible}.sb-logo{padding:20px 4px 16px;border-bottom:none;gap:12px}.sb-logo-mark{width:36px;height:36px;border-radius:4px;background:var(--focal);color:var(--on-focal);font-family:var(--display);font-size:14px;font-weight:400}.sb-brand{font-family:var(--display);font-size:16px;font-weight:400;letter-spacing:var(--track-display)}.org-switcher{margin:0 -12px 8px;padding:14px 16px;border-radius:0;background:var(--stage-fill);border:none;border-top:1px solid var(--stage-hairline);border-bottom:1px solid var(--stage-hairline)}.org-switcher:hover{background:var(--stage-fill-strong)}.org-avatar{width:32px;height:32px;border-radius:4px;background:var(--focal);color:var(--on-focal);font-family:var(--display);font-size:13px;font-weight:400}.org-name{font-size:13px;font-weight:500}.org-role{font-size:10px;font-weight:700;letter-spacing:var(--track-label);text-transform:uppercase;color:#ffffff80}.nav-section{padding:0;margin-top:20px}.nav-label{position:relative;padding:0 4px 10px 32px;font-size:10px;font-weight:700;letter-spacing:var(--track-label);color:#ffffff80}.nav-label:before{content:"";position:absolute;left:4px;top:4px;width:24px;height:3px;background:var(--focal)}.nav-item{height:40px;padding:0 12px;margin-bottom:2px;border-radius:6px;gap:12px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3}.nav-item:hover{background:var(--stage-fill);color:#fff}.nav-item.active{background:var(--focal);color:var(--on-focal);font-weight:700}.nav-badge{background:var(--red);border-radius:2px;font-family:var(--display);font-size:10px;font-weight:400;padding:1px 5px;letter-spacing:0}.nav-item.active .nav-badge{background:var(--on-focal)}.nav-new{background:var(--stage-fill-strong);color:var(--focal);border-radius:2px;font-size:10px;font-weight:700;letter-spacing:.08em}.sb-footer{padding:16px 4px 0;border-top:1px solid var(--stage-hairline)}.user-avatar{width:26px;height:26px;border-radius:4px;background:var(--stage-fill-strong);color:#fff;font-family:var(--display);font-size:11px;font-weight:400}.user-name{font-size:12px;font-weight:500}.user-plan{font-size:10px;font-weight:700;letter-spacing:var(--track-label);text-transform:uppercase}.topbar{height:64px;padding:0 32px;background:var(--paper-raised);border-bottom:2px solid var(--rule)}.page-title{font-family:var(--display);font-size:22px;font-weight:400;letter-spacing:var(--track-display)}.content{padding:28px 32px}.btn{height:40px;padding:0 20px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;gap:8px;transition:background-color .1s ease-out,color .1s ease-out,box-shadow .1s ease-out}.btn-icon{font-size:17px}.btn-sm{height:32px;padding:0 14px;font-size:11px}.btn-p{background:var(--focal);color:var(--on-focal)}.btn-p:hover:not(:disabled){background:var(--focal-hover)}.btn-g{background:transparent;color:var(--ink);border:none;box-shadow:inset 0 0 0 2px var(--rule)}.btn-g:hover:not(:disabled){background:var(--paper-sunken);color:var(--ink)}.sidebar .btn-g,.sb-footer .btn-g{color:#ffffffb3;box-shadow:inset 0 0 0 2px #ffffff59;background:transparent}.sidebar .btn-g:hover,.sb-footer .btn-g:hover{color:var(--focal);box-shadow:inset 0 0 0 2px var(--focal)}.sidebar .btn-s,.sb-footer .btn-s{background:var(--stage-fill);color:#ffffffb3;border:none;height:32px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:6px}.sb-footer .btn{min-width:0;height:36px;padding:0 8px;font-size:11px;letter-spacing:.02em}.sb-footer .btn .nav-icon{font-size:16px}.btn-warn{background:var(--amber);color:#fff;border:none}.btn-warn:hover:not(:disabled){background:#c06b06;opacity:1}.btn-danger{background:var(--red);color:#fff;border:none}.btn-danger:hover:not(:disabled){background:#9d1616;opacity:1}.btn:disabled{opacity:.4}.form-group{margin-bottom:20px}.form-label{font-size:10px;font-weight:700;letter-spacing:var(--track-label);color:var(--ink-muted);margin-bottom:8px}input:not([type=checkbox]):not([type=radio]),textarea,select{height:44px;background:var(--paper-raised);border:none;box-shadow:inset 0 0 0 1px var(--rule-soft);border-radius:6px;padding:0 14px;font-family:var(--sans);font-size:14px;font-weight:500;color:var(--ink);transition:box-shadow .1s ease-out}textarea{height:auto;min-height:96px;padding:14px;line-height:1.5}input[type=checkbox],input[type=radio]{width:auto;height:auto;box-shadow:none;padding:0;accent-color:var(--focal)}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{border-color:transparent;box-shadow:inset 0 0 0 2px var(--rule),var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--ink-faint)}input.font-mono,.font-mono input{font-family:var(--display);font-weight:400;font-size:15px;text-align:right;letter-spacing:var(--track-display)}.card,.panel{background:var(--paper-raised);border:1px solid var(--rule-soft);border-radius:12px;margin-bottom:16px;box-shadow:none}.panel-header{padding:16px 20px;border-bottom:1px solid var(--rule-soft)}.panel-title{font-size:10px;font-weight:700;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink)}.panel-body{padding:20px}.kpi-grid{gap:16px;margin-bottom:40px}.kpi{background:var(--paper-raised);border:1px solid var(--rule-soft);border-left:1px solid var(--rule-soft);border-radius:12px;padding:20px;position:relative}.kpi-label{font-size:10px;font-weight:700;letter-spacing:var(--track-label);color:var(--ink-muted)}.kpi-icon{color:var(--ink-faint);opacity:.45}.kpi-head{margin-bottom:14px}.kpi-value{font-family:var(--display);font-size:19px;font-weight:400;letter-spacing:var(--track-display);color:var(--ink);padding-bottom:13px;position:relative}.kpi-value:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:3px;background:var(--rule)}.kpi-subtext{font-size:12px;color:var(--ink-faint)}.delta-pos{color:#0b7a58}.delta-neg{color:var(--red)}.kpi.kpi-focal{background:var(--focal);border-color:var(--focal);box-shadow:var(--glow-focal);border-radius:36px 4px}.kpi.kpi-focal .kpi-label{color:var(--on-focal-70)}.kpi.kpi-focal .kpi-value{color:var(--on-focal)}.kpi.kpi-focal .kpi-value:after{background:var(--on-focal)}.kpi.kpi-focal .kpi-subtext,.kpi.kpi-focal .delta-neg{color:var(--on-focal-70)}.kpi.kpi-focal .kpi-icon{color:var(--on-focal);opacity:.5}.tbl{font-size:13px}.tbl th{padding:12px 20px;background:var(--paper-raised);border-bottom:2px solid var(--rule);font-size:10px;font-weight:700;letter-spacing:var(--track-label);color:var(--ink)}.tbl td{padding:14px 20px;border-bottom:1px solid var(--rule-soft);font-size:13px;font-weight:500}.tbl tbody tr:nth-child(2n){background:var(--row-band)}.tbl tr:hover td{background:var(--row-hover)}.tbl-num,.tbl .font-mono{font-family:var(--display);font-weight:400;font-size:15px;letter-spacing:var(--track-display);font-variant-numeric:tabular-nums}.tbl td.font-semibold{font-weight:700}.badge{border-radius:4px;padding:4px 10px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;gap:6px}.s-paid{background:var(--green);color:#05301f}.s-open{background:var(--amber);color:#fff}.s-draft{background:var(--rule);color:#fff}.s-pending{background:var(--navy2);color:#fff}.s-overdue{background:var(--red);color:#fff}.b-dj{background:var(--navy2);color:#fff}.b-pt{background:var(--oak);color:#fff}.b-kt{background:var(--green);color:#05301f}.tab-row{background:transparent;border:2px solid var(--rule);border-radius:6px;padding:0;gap:0;overflow:hidden}.tab-btn{padding:9px 16px;border-radius:0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);border-left:1px solid var(--rule)}.tab-row .tab-btn:first-child{border-left:none}.tab-btn:hover{background:var(--paper-sunken);color:var(--ink)}.tab-btn.active{background:var(--rule);color:#fff;box-shadow:none}.alert-banner{background:var(--paper-raised);border:1px solid var(--rule-soft);border-left:4px solid var(--amber);border-radius:12px;padding:16px 20px;gap:16px;align-items:center;margin-bottom:22px}.alert-banner.amber{background:var(--paper-raised);border-left-color:var(--amber)}.alert-banner.red{background:var(--paper-raised);border-left-color:var(--red)}.alert-banner.green{background:var(--paper-raised);border-left-color:var(--green)}.alert-icon{width:36px;height:36px;border-radius:8px;font-size:20px}.alert-banner .alert-icon{background:var(--amber);color:#fff}.alert-banner.red .alert-icon{background:var(--red);color:#fff}.alert-banner.green .alert-icon{background:var(--green);color:#fff}.alert-banner.amber .alert-icon{background:var(--amber);color:#fff}.alert-title{font-size:15px;font-weight:700;color:var(--ink)}.alert-message{font-size:13px;color:var(--ink-muted);opacity:1}.faq-item{border-bottom:1px solid var(--rule-soft);padding:20px 0}.faq-question{font-size:15px;font-weight:700}.faq-question:before{content:"";display:inline-block;width:24px;height:3px;background:var(--focal);vertical-align:middle;margin-right:16px}.faq-item[open] .faq-question:before{background:var(--rule)}.text-muted{color:var(--ink-muted)}.text-sm{font-size:13px}.text-xs{font-size:12px}.font-mono{font-family:var(--display);font-weight:400;letter-spacing:var(--track-display)}.font-semibold{font-weight:700}.h2{font-family:var(--display);font-size:19px;font-weight:400;letter-spacing:var(--track-display)}.wl-stage{background:var(--stage);color:#fff}.wl-stage-gradient{background:var(--stage-gradient);color:#fff}.wl-label{font-size:10px;font-weight:700;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-muted)}.wl-label-wide{letter-spacing:var(--track-label-wide)}.wl-tick{display:block;width:40px;height:3px;background:var(--focal)}.wl-marker{font-family:var(--display);font-size:22px;font-weight:400;letter-spacing:var(--track-display);color:var(--ink-faint)}.wl-focal{background:var(--focal);color:var(--on-focal);border-radius:36px 4px;padding:28px 32px;box-shadow:var(--glow-focal)}.wl-focal .wl-label{color:var(--on-focal-70)}.wl-figure{font-family:var(--display);font-weight:400;letter-spacing:var(--track-display);font-variant-numeric:tabular-nums}.wl-row-edge{border-left:4px solid var(--rule-soft)}.wl-row-edge-ok{border-left-color:var(--green)}.wl-row-edge-warn{border-left-color:var(--amber)}.wl-row-edge-bad{border-left-color:var(--red)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.mk{min-height:100vh;flex:1 0 auto;display:flex;flex-direction:column;background:var(--stage-gradient);color:#fff;font-family:var(--sans)}.mk section{position:relative}.mk-inner{max-width:1200px;margin:0 auto;width:100%;padding:80px 48px}.mk h1,.mk h2,.mk h3,.mk p{margin:0}.mk-sub{color:#ffffffb3}.mk-meta{color:#ffffff80}.mk-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#ffffffb3}.mk-label-wide{letter-spacing:.28em}.mk-label--oak{color:var(--focal)}.mk-marker{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:var(--track-display);color:#ffffff8c;line-height:1}.mk-marker--hero{font-size:26px;color:#ffffffb3}.mk-tick{display:block;width:40px;height:3px;background:var(--focal)}.mk-section-head{margin-bottom:40px}.mk-section-title{font-family:var(--display);font-weight:400;font-size:26px;letter-spacing:var(--track-display);color:#fff;margin-top:12px}.mk-header{display:flex;align-items:center;justify-content:space-between;padding:22px 48px;max-width:1200px;margin:0 auto;width:100%;border-bottom:1px solid var(--stage-hairline)}.mk-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.mk-brand-mark{width:36px;height:36px;border-radius:4px;background:var(--focal);color:var(--on-focal);font-family:var(--display);font-size:14px;display:flex;align-items:center;justify-content:center}.mk-brand-word{font-family:var(--display);font-size:17px;letter-spacing:var(--track-display);color:#fff}.mk-nav{display:flex;align-items:center;gap:28px}.mk-crumbs{display:flex;align-items:center;gap:20px}.mk-crumb{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#fff9;text-decoration:none;transition:color .1s var(--ease, cubic-bezier(.16,1,.3,1))}.mk-crumb:hover{color:#fff}.mk-crumb--active{color:var(--focal)}.mk-actions{display:flex;align-items:center;gap:8px}.mk .btn{transition:background-color .1s cubic-bezier(.16,1,.3,1),color .1s cubic-bezier(.16,1,.3,1),box-shadow .1s cubic-bezier(.16,1,.3,1)}.mk-btn-oak{background:var(--focal);color:var(--on-focal)}.mk-btn-oak:hover{background:var(--focal-hover);color:var(--on-focal)}.mk-btn-outline{background:transparent;color:#ffffffd9;box-shadow:inset 0 0 0 1px #ffffff47}.mk-btn-outline:hover{color:#fff;box-shadow:inset 0 0 0 1px #ffffff8c}.mk a.btn{text-decoration:none}.mk .btn:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--focal),var(--focus-ring)}.mk-hero-inner{max-width:1200px;margin:0 auto;width:100%;padding:64px 0 88px}.mk-hero-top{display:flex;align-items:flex-start;justify-content:space-between;padding:0 48px 40px;gap:24px}.mk-hero-marker-col{display:flex;flex-direction:column;gap:12px}.mk-hero-crumbs{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#ffffff8c;text-align:right}.mk-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-left:48px}.mk-hero-h1{font-family:var(--display);font-weight:400;font-size:44px;line-height:1.08;letter-spacing:-.03em;color:#fff;margin-bottom:20px}.mk-hero-lead{font-size:16px;line-height:1.6;color:#ffffffb3;margin-bottom:28px}.mk-hero-cta{display:flex;gap:12px}.mk-focal-hero{background:var(--focal);color:var(--on-focal);border-radius:36px 0 0 36px;padding:44px 48px;box-shadow:-40px 30px 90px #fe9e722e;margin-right:-48px;align-self:center;display:flex;flex-direction:column;justify-content:center;gap:8px}.mk-focal-eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.28em;color:var(--on-focal-70)}.mk-focal-figure{font-family:var(--display);font-weight:400;font-size:40px;letter-spacing:-.03em;color:var(--on-focal);font-variant-numeric:tabular-nums}.mk-focal-caption{font-size:13px;color:var(--on-focal-70)}.mk-trust{border-top:1px solid var(--stage-hairline);border-bottom:1px solid var(--stage-hairline)}.mk-trust-inner{max-width:1200px;margin:0 auto;padding:20px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.mk-trust-item{display:flex;align-items:center;gap:10px}.mk-trust-item .material-symbols-outlined{color:var(--focal);font-size:20px}.mk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#ffffff24;border:2px solid rgba(255,255,255,.14)}.mk-cell{background:#ffffff0a;padding:28px;position:relative}.mk-cell-icon{color:var(--focal);font-size:24px}.mk-cell-num{position:absolute;top:24px;right:24px;font-family:var(--display);font-weight:400;font-size:20px;letter-spacing:-.02em;color:#fff;opacity:.2}.mk-cell-title{font-size:19px;font-weight:700;color:#fff;margin:16px 0 6px}.mk-cell-text{font-size:13px;line-height:1.55;color:#ffffffb3}.mk-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mk-step{background:#ffffff0f;border-top:3px solid var(--focal);border-radius:0 0 12px 12px;padding:28px 24px}.mk-step-num{font-family:var(--display);font-weight:400;font-size:26px;letter-spacing:-.03em;color:var(--focal)}.mk-step-title{font-size:19px;font-weight:700;color:#fff;margin:14px 0 6px}.mk-step-text{font-size:13px;line-height:1.55;color:#ffffffb3}.mk-audience{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mk-audience-card{background:#ffffff0f;border-radius:12px;padding:22px}.mk-audience-card .badge{margin-bottom:14px}.mk-audience-text{font-size:13px;line-height:1.55;color:#ffffffb3}.mk-faq{max-width:860px}.mk-faq-item{border-bottom:1px solid var(--stage-hairline)}.mk-faq-q{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:22px 0;font-size:16px;font-weight:700;color:#fff}.mk-faq-q::-webkit-details-marker{display:none}.mk-faq-bar{display:inline-block;width:24px;height:3px;flex:0 0 auto;background:#ffffff59}.mk-faq-item[open] .mk-faq-bar{background:var(--focal)}.mk-faq-icon{margin-left:auto;color:var(--focal);font-size:22px}.mk-faq-item[open] .mk-faq-icon-plus{display:none}.mk-faq-item:not([open]) .mk-faq-icon-minus{display:none}.mk-faq-a{font-size:14px;line-height:1.65;color:#ffffffb3;padding:0 0 22px 40px}.mk-focal-close{background:var(--focal);color:var(--on-focal);border-radius:0 36px 36px 0;padding:48px 56px;box-shadow:40px 30px 90px #fe9e722e;margin-left:-48px;max-width:760px}.mk-focal-close h2{font-family:var(--display);font-weight:400;font-size:26px;letter-spacing:-.03em;color:var(--on-focal);margin-bottom:12px}.mk-focal-close p{font-size:14px;color:var(--on-focal-70);margin-bottom:28px}.mk-btn-navy{background:var(--on-focal);color:#fff}.mk-btn-navy:hover{background:#06284f;color:#fff}.mk-footer{margin-top:auto;border-top:1px solid var(--stage-hairline);max-width:1200px;margin-left:auto;margin-right:auto;width:100%;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;gap:16px}.mk-footer-left{display:flex;align-items:center;gap:16px}.mk-footer-links{display:flex;gap:24px}.mk-footer-links a{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#ffffff80;text-decoration:none;transition:color .1s cubic-bezier(.16,1,.3,1)}.mk-footer-links a:hover{color:#fff}.mk-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.mk-tier{background:#ffffff0f;border-radius:12px;padding:32px 28px}.mk-tier-name{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#ffffffb3}.mk-tier-price{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:-.03em;color:#fff;margin-top:14px;font-variant-numeric:tabular-nums}.mk-tier-tick{display:block;width:32px;height:3px;background:#ffffff59;margin:14px 0 8px}.mk-tier-period{display:block;min-height:12px}.mk-tier--focal .mk-tier-period{color:var(--on-focal-70)}.mk-tier-features{list-style:none;padding:0;margin:20px 0 28px}.mk-tier-feature{display:flex;align-items:flex-start;gap:10px;padding:7px 0;font-size:14px;color:#ffffffd9}.mk-tier-feature .material-symbols-outlined{font-size:18px;color:var(--focal);flex:0 0 auto;margin-top:1px}.mk-tier--focal{background:var(--focal);color:var(--on-focal);position:relative;border-radius:36px 4px;box-shadow:var(--glow-focal)}.mk-tier--focal .mk-tier-name{color:var(--on-focal-70)}.mk-tier--focal .mk-tier-price{color:var(--on-focal)}.mk-tier--focal .mk-tier-tick{background:var(--on-focal)}.mk-tier--focal .mk-tier-feature,.mk-tier--focal .mk-tier-feature .material-symbols-outlined{color:var(--on-focal)}.mk-tier-badge{position:absolute;top:20px;right:20px;background:var(--on-focal);color:#fff;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.mk-pricing-note{text-align:center;color:#ffffff80;font-size:13px;line-height:1.6;margin-top:40px}.mk-demo-head{padding:64px 48px 0;max-width:1200px;margin:0 auto;width:100%}.mk-demo-org{display:inline-flex;align-items:center;gap:10px;margin-top:20px;background:#ffffff0f;border:1px solid var(--stage-hairline);border-radius:12px;padding:14px 18px}.mk-demo-org-name{font-family:var(--display);font-weight:400;font-size:16px;letter-spacing:-.02em;color:#fff}.mk-seg{display:inline-flex;border:2px solid var(--stage-hairline);border-radius:6px;overflow:hidden;margin-top:28px}.mk-seg-btn{padding:10px 18px;background:transparent;border:none;border-left:1px solid var(--stage-hairline);color:#fff9;font-family:var(--sans);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background-color .1s cubic-bezier(.16,1,.3,1),color .1s cubic-bezier(.16,1,.3,1)}.mk-seg-btn:first-child{border-left:none}.mk-seg-btn:hover{color:#fff}.mk-seg-btn--active{background:var(--focal);color:var(--on-focal)}.mk-demo-body{padding:32px 48px 0;max-width:1200px;margin:0 auto;width:100%}.mk-demo-h2{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:-.02em;color:#fff;margin-bottom:20px}.mk-demo-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mk-demo-kpi{background:#ffffff0f;border-radius:12px;padding:20px}.mk-demo-kpi-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#fff9}.mk-demo-kpi-value{font-family:var(--display);font-weight:400;font-size:26px;letter-spacing:-.03em;color:#fff;margin-top:12px;font-variant-numeric:tabular-nums}.mk-demo-kpi--focal{background:var(--focal);box-shadow:var(--glow-focal);border-radius:36px 4px}.mk-demo-kpi--focal .mk-demo-kpi-label{color:var(--on-focal-70)}.mk-demo-kpi--focal .mk-demo-kpi-value{color:var(--on-focal)}.mk-demo-table{width:100%;border-collapse:collapse}.mk-demo-table th{text-align:left;padding:12px 16px;border-bottom:2px solid var(--stage-hairline);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#fff9}.mk-demo-table td{padding:14px 16px;border-bottom:1px solid var(--stage-hairline);font-size:14px;color:#ffffffd9}.mk-demo-num{font-family:var(--display);font-weight:400;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-align:right}.mk-demo-th-right{text-align:right}.mk-demo-th-center{text-align:center}.mk-demo-cat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mk-demo-cat-card{background:#ffffff0f;border-radius:12px;padding:24px}.mk-demo-cat-name{font-size:17px;font-weight:700;color:#fff;margin-bottom:6px}.mk-demo-cat-desc{font-size:13px;color:#ffffffb3;margin-bottom:20px;line-height:1.5}.mk-demo-cat-foot{display:flex;align-items:center;justify-content:space-between}.mk-demo-cat-price{font-family:var(--display);font-weight:400;font-size:20px;letter-spacing:-.03em;color:var(--focal)}.mk-demo-cat-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:#ffffff1a;color:#ffffffb3;padding:4px 10px;border-radius:4px}.mk-demo-cta{margin:48px auto 0;max-width:1200px;width:100%;padding:0 48px 80px}.mk-demo-cta-inner{background:#ffffff0f;border-radius:12px;padding:40px;text-align:center;border:1px solid var(--stage-hairline)}.mk-demo-cta-inner p{color:#ffffffd9;margin-bottom:24px;font-size:15px}@media (max-width: 920px){.mk-inner,.mk-hero-top,.mk-header,.mk-trust-inner,.mk-footer,.mk-demo-head,.mk-demo-body{padding-left:24px;padding-right:24px}.mk-hero-grid{grid-template-columns:1fr;padding-left:24px}.mk-focal-hero{margin-right:-24px;border-radius:36px 0 0 36px}.mk-focal-close{margin-left:-24px}.mk-grid,.mk-steps,.mk-audience,.mk-tiers,.mk-demo-kpis,.mk-demo-cat{grid-template-columns:1fr}.mk-hero-h1{font-size:34px}.mk-crumbs{display:none}}@media (prefers-reduced-motion: no-preference){.mk-appear{animation:mkAppear .5s cubic-bezier(.16,1,.3,1) both}}@keyframes mkAppear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}html,body,#root{height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column}