:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17191d;--muted:#6f7782;--line:#dfe3e6;--paper:#f5f3ee;--panel:#fff;--field:#f8faf9;--accent:#0d9488;--accent-dark:#0f766e;--amber:#c9831f;--blue:#3164d9;--shadow:0 24px 80px #13181f1f}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,a{font:inherit}a{color:inherit}.login-shell{grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);min-height:100svh;display:grid}.brand-pane{color:#f8faf9;background:radial-gradient(circle at 16% 18%,#0d948833,#0000 30%),linear-gradient(145deg,#15201f 0%,#101316 58%,#20242a 100%);flex-direction:column;justify-content:space-between;min-height:100svh;padding:clamp(28px,5vw,64px);display:flex}.brand-mark{color:#f8faf9db;letter-spacing:0;align-items:center;gap:10px;width:fit-content;font-size:14px;font-weight:700;display:inline-flex}.mark-dot{background:var(--accent);border:3px solid #ffffffeb;border-radius:999px;width:13px;height:13px;box-shadow:0 0 0 6px #0d948838}.brand-copy{max-width:650px;padding:80px 0}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:800}.brand-copy h1{letter-spacing:0;max-width:680px;margin:0;font-size:clamp(44px,7vw,82px);line-height:.96}.mobile-title{display:none}.lede{color:#f8faf9b8;max-width:570px;margin:28px 0 0;font-size:clamp(17px,2vw,20px);line-height:1.55}.access-pane{flex-direction:column;justify-content:center;gap:24px;min-height:100svh;padding:clamp(24px,5vw,64px);display:flex}.login-panel{width:min(100%,520px);box-shadow:var(--shadow);background:#ffffffe6;border:1px solid #dfe3e6e6;border-radius:8px;margin-inline:auto;padding:clamp(28px,5vw,48px)}.panel-heading h2{letter-spacing:0;margin:0;font-size:clamp(30px,4vw,44px);line-height:1}.panel-heading p:last-child{color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.55}.login-form{gap:18px;margin-top:34px;display:grid}.login-form label{color:#3f464d;gap:8px;font-size:13px;font-weight:700;display:grid}.login-form input{background:var(--field);width:100%;height:52px;color:var(--ink);border:1px solid #d6dce0;border-radius:6px;outline:none;padding:0 15px;transition:border-color .16s,background .16s,box-shadow .16s}.login-form input:focus{background:#fff;border-color:#0d9488ad;box-shadow:0 0 0 4px #0d94881f}.login-form button,.primary-action{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;height:54px;margin-top:4px;font-weight:800;text-decoration:none;transition:transform .16s,background .16s;display:inline-flex}.login-form button:hover,.primary-action:hover{background:var(--accent-dark);transform:translateY(-1px)}.login-form button:disabled{cursor:wait;opacity:.72;transform:none}.form-error{color:#a43d2b;margin:-4px 0 0;font-size:12px;font-weight:800}.panel-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;font-size:12px;line-height:1.5;display:flex}.panel-footer a{color:var(--accent-dark);font-weight:800;text-decoration:none}@media (max-width:980px){.login-shell{grid-template-columns:1fr}.brand-pane{min-height:auto}.brand-copy{padding:72px 0}.access-pane{min-height:auto}}@media (max-width:640px){.brand-pane,.access-pane{padding:24px}.brand-copy{padding:42px 0 36px}.brand-copy h1{font-size:36px;line-height:1.05}.desktop-title{display:none}.mobile-title{display:block}.lede{margin-top:18px;font-size:15px}.login-panel{padding:24px}}.workspace-shell{background:#f4f6f3;grid-template-columns:260px minmax(0,1fr);min-height:100svh;display:grid}.workspace-sidebar{color:#eef2ef;background:#101416;border-right:1px solid #dbe1dc;flex-direction:column;justify-content:space-between;min-height:100svh;padding:24px;display:flex}.workspace-brand{align-items:center;gap:10px;font-size:14px;font-weight:800;display:inline-flex}.workspace-nav{gap:4px;margin-top:48px;display:grid}.workspace-nav a{color:#eef2efa8;border-radius:6px;padding:11px 12px;font-size:14px;font-weight:700;text-decoration:none}.workspace-nav a:hover,.workspace-nav a.active{color:#fff;background:#ffffff14}.sidebar-footer{color:#eef2ef94;gap:4px;font-size:12px;display:grid}.sidebar-footer strong{color:#fff;font-size:14px}.workspace-main{min-width:0;padding:28px}.workspace-topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:28px;display:flex}.workspace-topbar h1{letter-spacing:0;margin:0;font-size:clamp(34px,4vw,54px);line-height:.95}.new-request-button,.review-actions button,.viewport-switcher button{cursor:pointer;border:1px solid #cfd7d1;border-radius:6px;font-weight:800}.new-request-button{color:#fff;background:#101416;min-width:132px;height:44px}.workspace-grid{grid-template-columns:minmax(260px,.9fr) minmax(340px,1.35fr) minmax(260px,.8fr);gap:18px;min-height:calc(100svh - 150px);display:grid}.request-column,.preview-column,.review-column{background:#ffffffdb;border:1px solid #dbe1dc;border-radius:8px;min-width:0}.request-column,.review-column{padding:18px}.section-heading,.preview-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-heading h2,.preview-toolbar h2{margin:0;font-size:18px;line-height:1.15}.section-heading span,.preview-toolbar p{color:var(--muted);margin:0;font-size:12px;font-weight:700}.request-list{gap:8px;margin-top:18px;display:grid}.request-row{width:100%;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px;display:grid}.request-row:hover,.request-row.selected{background:#f7f9f6;border-color:#cfd7d1}.request-row span{gap:5px;display:grid}.request-row span:last-child{text-align:right}.request-row strong{font-size:14px}.request-row small,.request-row em{color:var(--muted);font-size:12px;font-style:normal}.request-row em{color:var(--accent-dark);font-weight:800}.preview-column{background:linear-gradient(135deg,#0d94881a,#0000 38%),#fbfcfa;flex-direction:column;justify-content:space-between;align-items:center;gap:24px;padding:18px;display:flex;overflow:hidden}.preview-toolbar{width:100%}.viewport-switcher{border:1px solid #d8dfda;border-radius:7px;gap:4px;padding:3px;display:inline-flex}.viewport-switcher button{height:30px;color:var(--muted);background:0 0;border:0;padding:0 10px;font-size:12px}.viewport-switcher button.active{color:#fff;background:#101416}.phone-preview{aspect-ratio:9/18.8;background:#eef3ef;border:10px solid #111519;border-radius:34px;width:min(100%,292px);padding:18px;box-shadow:0 28px 68px #1014162e}.phone-status{background:#111519;border-radius:999px;width:68px;height:5px;margin:0 auto 34px}.phone-hero{background:#fff;border-radius:18px;gap:8px;padding:22px;display:grid}.phone-hero span{color:var(--accent-dark);font-size:12px;font-weight:800}.phone-hero strong{font-size:30px;line-height:1}.phone-lines{gap:12px;margin-top:22px;display:grid}.phone-lines span{background:#fff;border-radius:14px;height:54px}.phone-action{color:#fff;background:#101416;border-radius:14px;justify-content:center;align-items:center;height:48px;margin-top:22px;font-size:14px;font-weight:800;display:flex}.timeline-list{gap:14px;margin:22px 0;padding:0;list-style:none;display:grid}.timeline-list li{color:var(--muted);padding-left:28px;font-size:13px;font-weight:700;position:relative}.timeline-list li:before{content:"";border:2px solid #cbd5cf;border-radius:999px;width:14px;height:14px;position:absolute;top:1px;left:0}.timeline-list li.complete{color:var(--ink)}.timeline-list li.complete:before{border-color:var(--accent);background:var(--accent)}.review-actions{gap:8px;margin-top:28px;display:grid}.review-actions button{min-height:42px;color:var(--ink);background:#fff}.review-actions button:first-child{color:#fff;background:#101416;border-color:#101416}@media (max-width:1120px){.workspace-grid{grid-template-columns:1fr 1fr}.review-column{grid-column:1/-1}}@media (max-width:820px){.workspace-shell{grid-template-columns:1fr}.workspace-sidebar{gap:24px;min-height:auto}.workspace-nav{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}.sidebar-footer{display:none}.workspace-grid{grid-template-columns:1fr}}@media (max-width:560px){.workspace-main{padding:18px}.workspace-topbar{display:grid}.workspace-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.request-row{grid-template-columns:1fr}.request-row span:last-child{text-align:left}}