:root{--blue: #2969F9;--blue-deep: #1B54E0;--blue-tint: #EAF1FF;--navy: #0F2740;--ink: #0F1E2E;--ink2: #51607A;--ink3: #93A0B4;--line: #C7D2E0;--line-soft: #E4EAF2;--surface: #FFFFFF;--surface-alt: #F4F7FC;--white: #FFFFFF;--success: #12894A;--success-tint: #E5F5EC;--amber: #E0900C;--amber-tint: #FBF0D8;--danger: #C24A2E;--danger-tint: #FCE9E4;--radius-sm: 12px;--radius: 16px;--radius-lg: 22px;--radius-xl: 28px;--shadow: 0 10px 30px rgba(15, 30, 64, .08);--shadow-lg: 0 24px 60px rgba(15, 30, 64, .16);--sidebar-w: 264px;--font: "Inter", system-ui, -apple-system, sans-serif;--serif: "Newsreader", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.eyebrow{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue-deep)}.muted{color:var(--ink2)}h1,h2,h3{letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:var(--radius);border:1px solid transparent;font-weight:700;font-size:15px;background:var(--blue);color:#fff;transition:filter .15s,transform .05s;white-space:nowrap;flex:none}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn.ghost{background:transparent;color:var(--ink2)}.btn.danger{background:var(--danger)}.btn.success{background:var(--success)}.btn.sm{height:36px;padding:0 14px;font-size:13px;border-radius:10px}.btn.block{width:100%}.field{display:block;margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;color:var(--ink2);margin-bottom:6px}.input,.select,.textarea{width:100%;height:46px;border:1px solid var(--line);border-radius:var(--radius);padding:0 14px;font-size:15px;color:var(--ink);background:var(--surface);outline:none}.textarea{height:auto;padding:12px 14px;resize:vertical;min-height:96px}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;background:var(--surface-alt);color:var(--ink2)}.pill.blue{background:var(--blue-tint);color:var(--blue-deep)}.pill.green{background:var(--success-tint);color:var(--success)}.pill.amber{background:var(--amber-tint);color:var(--amber)}.pill.red{background:var(--danger-tint);color:var(--danger)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow)}.admin{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;overflow:hidden;background:var(--navy);color:#dce6f5;padding:22px 16px;display:flex;flex-direction:column;gap:4px}.sidebar .brand{flex:none;font-family:"Montserrat",var(--font);font-weight:800;font-size:22px;color:#fff;padding:6px 12px 18px;letter-spacing:-.5px}.sidebar .brand span{color:var(--blue)}.navscroll{display:flex;flex-direction:column;gap:2px;min-height:0;flex:1 1 auto;overflow-y:auto}.navgroup{display:flex;flex-direction:column;gap:2px}.navgroup+.navgroup{margin-top:14px}.navgroup-label{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#6e86a8;padding:4px 12px 6px}.navlink{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;color:#afc6e8;font-weight:600;font-size:13.5px}.navlink:hover{background:#ffffff0f;color:#fff}.navlink.active{background:var(--blue);color:#fff}.navlink .ic{width:18px;text-align:center}.sidebar .foot{flex:none;margin-top:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);background:var(--navy)}.sidebar .who{font-size:12px;color:#afc6e8;padding:4px 12px 12px}.portal .stat.navy{background:linear-gradient(135deg,var(--navy) 0%,#17406e 100%);border-color:var(--navy)}.portal .topbar{border-bottom:2px solid var(--blue-tint)}.portal .sidebar{background:linear-gradient(180deg,var(--navy) 0%,#0B1F35 100%)}.portal .card .eyebrow{color:var(--blue)}.portal-id{display:flex;align-items:center;gap:11px;padding:2px 12px 16px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}.portal-id-logo{flex:none;width:40px;height:40px;border-radius:10px;object-fit:contain;padding:3px;background:#fff;border:1px solid rgba(255,255,255,.14)}.portal-id-logo--fallback{display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:800;font-size:18px;border-color:transparent}.portal-id-name{font-size:14.5px;font-weight:800;color:#fff;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-id-biz{font-size:12.5px;color:#7fa8e8;font-weight:600;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-id-pills{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 32px;border-bottom:1px solid var(--line-soft);position:sticky;top:0;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.topbar h1{margin:0;font-size:22px}.content{padding:32px;width:100%}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow)}.stat .k{font-size:13px;color:var(--ink2);font-weight:600}.stat .v{font-size:34px;font-weight:900;letter-spacing:-1px;margin-top:6px}.stat .s{font-size:12px;color:var(--ink3);margin-top:4px}.stat.navy{background:var(--navy);border-color:var(--navy)}.stat.navy .k,.stat.navy .s{color:#afc6e8}.stat.navy .v{color:#fff}.tablewrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.tablescroll{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink3);font-weight:700;padding:14px 16px;border-bottom:1px solid var(--line-soft);white-space:nowrap}table.data td{padding:14px 16px;border-bottom:1px solid var(--line-soft);vertical-align:middle}table.data tr:last-child td{border-bottom:none}table.data tr:hover td{background:var(--surface-alt)}.rowactions{display:flex;gap:8px;flex-wrap:wrap}.empty{text-align:center;padding:64px 20px;color:var(--ink2)}.empty .ic{font-size:34px}.spinner{width:34px;height:34px;border:3px solid var(--blue-tint);border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite;margin:60px auto}@keyframes spin{to{transform:rotate(360deg)}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1e4066;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:var(--surface);border-radius:var(--radius-xl);padding:28px;width:100%;max-width:520px;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.modal.wide{max-width:640px}.modal h2{margin:0 0 6px}.modal-foot{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid var(--line-soft)}.inv-doc{display:flex;flex-direction:column;gap:22px}.inv-parties{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.inv-party .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--ink3);font-weight:700;margin-bottom:4px}.inv-party .val{font-size:14px;color:var(--ink);font-weight:600}.inv-party .sub{font-size:13px;color:var(--ink2);font-weight:500;margin-top:1px}.inv-link{color:var(--blue-deep);font-weight:600;text-decoration:none}.inv-link:hover{text-decoration:underline}.inv-note{display:block;padding:11px 14px;border-radius:12px;background:var(--blue-tint);color:var(--blue-deep);font-size:13px;font-weight:600;line-height:1.55;text-transform:none;letter-spacing:0}.rowlink{transition:box-shadow .15s,transform .05s,border-color .15s}.rowlink:hover{border-color:var(--blue);box-shadow:0 4px 16px #2969f91f}.rowlink:active{transform:translateY(1px)}.inv-items{width:100%;border-collapse:collapse;font-size:13.5px;table-layout:fixed}.inv-items th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink3);font-weight:700;padding:0 0 9px;border-bottom:1.5px solid var(--ink)}.inv-items th.r,.inv-items td.r{text-align:right}.inv-items col.c-desc{width:auto}.inv-items col.c-qty{width:46px}.inv-items col.c-unit{width:96px}.inv-items col.c-tot{width:104px}.inv-items td{padding:12px 0;border-bottom:1px solid var(--line-soft);color:var(--ink);vertical-align:top}.inv-items td.desc{padding-right:14px;overflow-wrap:anywhere;word-break:break-word}.inv-items td.r{white-space:nowrap;padding-left:10px;font-variant-numeric:tabular-nums}.inv-items td.amt{font-weight:700}.inv-items tr:last-child td{border-bottom:none}.inv-totals{margin-left:auto;width:min(300px,100%)}.inv-totals .ln{display:flex;justify-content:space-between;gap:24px;padding:9px 0;font-size:14px;color:var(--ink2);border-bottom:1px solid var(--line-soft)}.inv-totals .ln .v{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.inv-totals .grand{border-bottom:1.5px solid var(--ink)}.inv-totals .grand .v{font-size:17px;font-weight:800;color:var(--blue-deep)}.inv-totals .due{border-bottom:none;padding-bottom:0}.inv-totals .due .v{font-weight:800}@media(max-width:560px){.inv-parties{grid-template-columns:1fr}}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.media-item{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface-alt)}.media-item img{width:100%;height:130px;object-fit:cover;display:block;background:var(--surface-alt)}.media-item .meta{padding:8px 10px;font-size:12px;color:var(--ink2);word-break:break-all}.dropzone{border:2px dashed var(--line);border-radius:var(--radius-lg);padding:40px;text-align:center;color:var(--ink2);background:var(--surface-alt)}.settings-h{font-size:20px;font-weight:800;letter-spacing:-.01em;margin:0 0 4px;color:var(--ink)}.settings-sub{margin:0 0 16px;font-size:14px;color:var(--ink2)}.avatar-ring{width:92px;height:92px;border-radius:50%;overflow:hidden;margin:0 auto;background:var(--blue-tint);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:32px;color:var(--blue-deep)}.avatar-ring img{width:100%;height:100%;object-fit:cover}.setgroup{padding:0;overflow:hidden}.setgroup-head{padding:20px 22px 14px;border-bottom:1px solid var(--line-soft);background:var(--surface-alt)}.setgroup-title{margin:0;font-size:15.5px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.setgroup-blurb{margin:4px 0 0;font-size:13px;color:var(--ink2);line-height:1.45}.setrow{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 22px;border-top:1px solid var(--line-soft)}.setrow:first-child{border-top:0}.setrow-label{min-width:0}.setrow-label .lab{font-weight:700;font-size:14.5px;color:var(--ink)}.setrow-label .hlp{font-size:13px;color:var(--ink2);margin-top:3px;line-height:1.45;max-width:46ch}.setrow-label .meta{font-size:11.5px;color:var(--ink3);margin-top:5px}.setrow-ctl{display:flex;align-items:center;gap:10px;flex:none}.setrow-ctl .adorn{position:relative;display:inline-flex;align-items:center}.setrow-ctl .adorn .u{position:absolute;right:12px;font-size:13px;font-weight:600;color:var(--ink3);pointer-events:none}.switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;width:46px;height:27px;margin:0;opacity:0;cursor:pointer}.switch .track{width:46px;height:27px;border-radius:999px;background:var(--line);transition:background .16s;flex:none}.switch .thumb{position:absolute;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f1e4047;transition:transform .16s}.switch.on .track{background:var(--blue)}.switch.on .thumb{transform:translate(19px)}.switch .switch-label{font-size:13px;font-weight:700;color:var(--ink2);min-width:22px}.switch input:focus-visible~.track{box-shadow:0 0 0 3px var(--blue-tint)}@media(max-width:900px){.admin{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:12px}.sidebar .brand{padding:4px 8px;width:100%}.sidebar .foot{display:none}.navlink{padding:8px 10px;font-size:13px}.content,.topbar{padding-left:18px;padding-right:18px}.setrow{flex-direction:column;align-items:stretch;gap:12px}.setrow-ctl{justify-content:space-between}}.mkroot{--mk-ink:#0B0B0C;--mk-grey:#5B6472;--mk-grey2:#9AA1AC;--mk-line:#E7E9EE;--mk-panel:#F6F7F9;--mk-blue:#2969F9;--mk-blue-deep:#1B54E0;background:#fff;color:var(--mk-ink);font-family:var(--font)}.mkroot .serif{font-family:Newsreader,Georgia,serif;letter-spacing:-.015em;line-height:1.03;font-weight:500}.mkroot .mono{font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.16em;font-size:16px;font-weight:700}.mkwrap{max-width:1140px;margin:0 auto;padding:0 40px}.mkpill{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 26px;border-radius:999px;font-weight:600;font-size:15px;border:1px solid transparent;cursor:pointer}.mkpill.blue{background:var(--mk-blue);color:#fff}.mkpill.white{background:#fff;color:var(--mk-blue-deep)}.mkpill.ghost{background:transparent;color:#fff;border-color:#fff6}.mkroot .tile{border-radius:16px;overflow:hidden;position:relative}.mkroot .tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mkroot .tov{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 42%,#0000009e)}.mkroot .tlabel{position:absolute;left:16px;bottom:14px;color:#fff;font-weight:700;font-size:16px;z-index:2}.mkhero{position:relative;min-height:780px;overflow:hidden;background:#0b0b0c}.mkhero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}.mkhero .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#060a1275,#060a1238 42%,#060a129e)}.mknav{height:78px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.mknav .links{display:flex;gap:26px;font-size:14.5px;font-weight:500;color:#fff}.mknav .right{display:flex;align-items:center;gap:22px;color:#fff;font-size:14.5px;font-weight:600}.mkherocenter{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:90px 40px 0;z-index:2}.mkh1{font-size:clamp(38px,7vw,80px);margin:20px 0 0;max-width:900px;text-shadow:0 2px 30px rgba(0,0,0,.35)}.mkmarquee{position:absolute;left:0;right:0;bottom:0;padding:20px 0 24px;background:linear-gradient(180deg,#060a1200,#060a128c);z-index:2}.mkmarquee .row{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#ffffffd1;font-weight:800;font-size:16px;letter-spacing:-.02em;flex-wrap:wrap}.mkfeatures{background:#fff;padding:70px 0 84px;border-top:1px solid var(--mk-line)}.mkfeatures .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.mkfeat b{display:block;font-size:17px;margin-top:16px}.mkfeat p{color:var(--mk-grey);font-size:14px;line-height:1.5;margin:8px 0 0}.mkkyb{background:var(--mk-panel);padding:84px 0}.mkkyb .split{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.mkmosaic{background:#fff;padding:84px 0 96px}.mkmosaic .grid6{margin-top:46px;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:172px;gap:16px}.mkroot .span2{grid-column:span 2}.mkind{background:var(--mk-ink);color:#fff;padding:84px 0}.mkind .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:16px;margin-top:40px;height:380px}.mkprice{background:var(--mk-ink);color:#fff;padding:20px 0 96px}.mkprice .grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}.mkfoot{background:var(--mk-ink);color:#fff;border-top:1px solid rgba(255,255,255,.12);padding:60px 0 40px}.mkfoot .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.mkfoot .col{display:flex;flex-direction:column;gap:12px;font-size:14px;color:#d7dbe2}.mkfoot .col a{color:#d7dbe2;text-decoration:none;transition:color .15s}.mkfoot .col a:hover{color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media(max-width:820px){.contact-grid{grid-template-columns:1fr;gap:32px}}@media(max-width:960px){.mkwrap{padding:0 22px}.mknav .links{display:none}.mkfeatures .grid4{grid-template-columns:repeat(2,1fr)}.mkkyb .split{grid-template-columns:1fr;gap:34px}.mkmosaic .grid6{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.mkmosaic .grid6 .span2{grid-column:span 1}.mkind .cols{grid-template-columns:repeat(2,1fr);height:auto;grid-auto-rows:210px}.mkprice .grid2{grid-template-columns:1fr}.mkfoot .grid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.mkfeatures .grid4{grid-template-columns:1fr}.mknav .right .hide-sm{display:none}}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-side{background:var(--navy);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between}.auth-side .testi{max-width:460px}.auth-side .mark{font-family:var(--serif);font-weight:600;font-size:120px;line-height:.55;height:62px;color:#ffffff4d}.auth-side .mark.close{text-align:right;margin-top:2px}.auth-side .quote{font-family:var(--serif);font-weight:500;font-size:40px;line-height:1.16;letter-spacing:-.015em;margin:6px 0 0}.auth-side .who{margin-top:20px;font-weight:700;font-size:18px}.auth-side .role{color:#afc6e8;font-size:15px;margin-top:4px}.auth-main{display:flex;align-items:center;justify-content:center;padding:40px}.auth-card{width:100%;max-width:400px}@media(max-width:820px){.auth-wrap{grid-template-columns:1fr}.auth-side{display:none}}.toggle{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;cursor:pointer;padding:0;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink3)}.toggle .knob{position:relative;width:40px;height:24px;border-radius:999px;background:var(--line);transition:background .15s ease;flex:none}.toggle .knob:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #10182840;transition:transform .15s ease}.toggle.on .knob{background:var(--blue)}.toggle.on .knob:after{transform:translate(16px)}.toggle.on .toggle-label{color:var(--blue-deep)}.toggle:disabled{opacity:.5;cursor:default}