:root{--navy:#102b28;--ink:#1b2f2c;--teal:#15856f;--teal-dark:#0d6756;--teal-soft:#e9f6f2;--canvas:#f3f6f5;--white:#fff;--line:#dce5e2;--muted:#687773;--danger:#a83d45;--danger-soft:#fff0f1;--warning:#9a6620;--warning-soft:#fff7e8;--shadow:0 24px 70px rgba(16,43,40,.11)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-height:100vh;color:var(--ink);background:var(--canvas);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit}
.prototype-bar{min-height:32px;padding:7px 20px;color:#d7e6e2;background:#0b211e;text-align:center;font-size:11px}.prototype-bar strong{color:#7de0c3}
.auth-shell{min-height:calc(100vh - 32px);display:grid;grid-template-columns:minmax(380px,1.05fr) minmax(420px,.95fr)}
.auth-brand{padding:clamp(42px,7vw,90px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 80% 18%,rgba(55,184,149,.28),transparent 28%),linear-gradient(145deg,#0c2421,#173d37)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:var(--navy);background:#76d9bd;font-weight:900}.brand small{display:block;margin-top:2px;color:#9eb9b2}
.auth-copy{max-width:630px}.eyebrow{margin:0;color:var(--teal);font-size:11px;font-weight:850;letter-spacing:.15em}.auth-brand .eyebrow{color:#79ddc0}.auth-copy h1{max-width:600px;margin:12px 0 18px;font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.045em}.auth-copy>p:not(.eyebrow){max-width:560px;margin:0;color:#b9ccc7;line-height:1.7}
.auth-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.auth-step{padding-top:14px;border-top:1px solid rgba(255,255,255,.18)}.auth-step b{display:block;color:#75dabd;font-size:12px}.auth-step span{display:block;margin-top:7px;color:#d8e6e2;font-size:12px}
.auth-panel{padding:32px;display:grid;place-items:center}.auth-card{width:min(100%,480px);padding:38px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.auth-card h2{margin:8px 0 8px;font-size:32px;letter-spacing:-.03em}.muted{color:var(--muted);line-height:1.6}.form-stack{margin-top:24px;display:grid;gap:15px}.field{display:grid;gap:7px}.field>span{font-size:12px;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:46px;padding:11px 13px;border:1px solid #cfdad6;border-radius:10px;color:var(--ink);background:#fff;outline:none}.field textarea{min-height:92px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(21,133,111,.11)}.field small{color:var(--muted);font-size:10px;line-height:1.45}.field input[readonly]{color:var(--muted);background:#f7f9f8}.field--wide{grid-column:1/-1}
.button{min-height:44px;padding:10px 17px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fff;font-weight:750}.button:hover{border-color:#aebeba}.button--primary{color:#fff;border-color:var(--teal);background:var(--teal)}.button--primary:hover{background:var(--teal-dark)}.button--wide{width:100%}.button--small{min-height:36px;padding:7px 12px;font-size:11px}.link-button{padding:0;border:0;color:var(--teal);background:transparent;font-weight:750;text-decoration:none}.auth-footer{margin:21px 0 0;padding-top:20px;border-top:1px solid var(--line);text-align:center;font-size:12px}.auth-footer a{color:var(--teal);font-weight:800;text-decoration:none}
.notice{margin:16px 0;padding:13px 14px;border-radius:10px;font-size:12px;line-height:1.5}.notice--success{color:#145f4f;background:var(--teal-soft)}.notice--danger{color:var(--danger);background:var(--danger-soft)}.notice--warning{color:var(--warning);background:var(--warning-soft)}.local-code{margin:16px 0;padding:17px;border:1px dashed #70bca8;border-radius:12px;background:#f3fbf8;text-align:center}.local-code strong{display:block;margin-top:5px;font-size:26px;letter-spacing:.18em}.local-code small{color:var(--muted)}
.app-shell{min-height:calc(100vh - 32px);display:grid;grid-template-columns:250px 1fr}.sidebar{padding:24px 18px;display:flex;flex-direction:column;color:#dbe8e4;background:var(--navy)}.sidebar .brand{margin-bottom:38px}.sidebar .brand-mark{width:38px;height:38px}.nav-label{margin:22px 10px 8px;color:#75918a;font-size:9px;font-weight:800;letter-spacing:.14em}.nav-item{padding:11px 12px;border-radius:9px;color:#bdd0ca;text-decoration:none;font-size:12px;font-weight:650}.nav-item.is-active{color:#fff;background:rgba(255,255,255,.09)}.sidebar-foot{margin-top:auto}.sidebar-user{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:11px}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user small{margin-top:4px;color:#91aca5;overflow-wrap:anywhere}.logout{width:100%;margin-top:10px;color:#b8cbc6;border-color:rgba(255,255,255,.12);background:transparent}
.workspace{min-width:0}.topbar{height:82px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.topbar h1{margin:3px 0 0;font-size:19px}.topbar-actions{display:flex;align-items:center;gap:8px}.mobile-logout{display:none}.role-pill{padding:7px 10px;border-radius:999px;color:var(--teal);background:var(--teal-soft);font-size:10px;font-weight:850}.page{padding:32px}.page-head{margin-bottom:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.page-head h2{margin:0 0 6px;font-size:30px;letter-spacing:-.025em}.page-head p{margin:0;color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.stat span{color:var(--muted);font-size:11px}.stat strong{display:block;margin-top:10px;font-size:29px}.card{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.card-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.card-head h3{margin:0;font-size:15px}.card-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.card-body{padding:20px}.empty{padding:46px 20px;text-align:center;color:var(--muted)}.empty strong{display:block;margin-bottom:6px;color:var(--ink)}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;font-size:11px}.data-table th{color:var(--muted);background:#fafcfb;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:850}.status--pending{color:var(--warning);background:var(--warning-soft)}.status--active{color:var(--teal);background:var(--teal-soft)}.approval-form{display:flex;align-items:center;gap:7px}.approval-form input{width:88px;min-height:36px;padding:7px 9px;border:1px solid var(--line);border-radius:8px}.pending-panel{max-width:680px;padding:35px;border:1px solid var(--line);border-radius:17px;background:#fff}.pending-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:var(--warning);background:var(--warning-soft);font-size:24px}.pending-panel h2{margin:20px 0 9px}.pending-panel p{color:var(--muted);line-height:1.65}
.status--danger{color:var(--danger);background:var(--danger-soft)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.page-actions{display:flex;gap:8px}.page-actions a{text-decoration:none}.split-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:16px;align-items:start}.company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.company-card h3,.staff-card h3{margin:13px 0 5px;font-size:15px}.company-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--teal);background:var(--teal-soft);font-weight:900}.account-list{margin-top:15px;display:grid;gap:8px}.account-row{padding:10px;border:1px solid var(--line);border-radius:9px;background:#fafcfb}.account-row strong,.account-row span{display:block}.account-row span{margin-top:3px;color:var(--muted);font-size:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-section{padding-top:8px;color:var(--teal);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.check{display:flex;align-items:center;gap:8px;font-size:11px}.check input{accent-color:var(--teal)}.permission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.request-create{max-width:900px}.quote{padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-radius:12px;background:var(--navy);color:#fff}.quote div{padding-right:10px;border-right:1px solid rgba(255,255,255,.12)}.quote div:last-child{border:0}.quote span,.quote strong{display:block}.quote span{color:#9fb8b1;font-size:10px}.quote strong{margin-top:6px}.request-hero{margin-bottom:16px;padding:25px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#102b28,#1d5148)}.request-hero h2{margin:13px 0 5px}.request-hero p{margin:0;color:#b7cdc7}.request-hero>div:last-child{text-align:right}.request-hero>div:last-child span,.request-hero>div:last-child strong{display:block}.request-hero>div:last-child span{margin-top:6px;color:#9db7b0;font-size:10px}.request-hero>div:last-child strong{margin:3px 0 7px;font-size:21px}.request-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:16px;align-items:start}.request-layout section,.request-layout aside{display:grid;gap:16px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid>div{padding:14px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{color:var(--muted);font-size:9px;text-transform:uppercase}.detail-grid strong{margin-top:6px;font-size:11px;overflow-wrap:anywhere}.detail-wide{grid-column:1/-1}.timeline{display:grid;gap:17px}.timeline-item{display:grid;grid-template-columns:14px 1fr;gap:10px}.timeline-item>span{width:10px;height:10px;margin-top:3px;border:3px solid var(--teal-soft);border-radius:50%;background:var(--teal)}.timeline-item strong{font-size:11px}.timeline-item p{margin:3px 0;color:var(--muted);font-size:10px}.timeline-item small{color:#96a29f;font-size:9px}.action-separator{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.messages{max-height:330px;overflow:auto;display:grid;gap:9px}.message{max-width:88%;padding:10px;border-radius:10px;background:#f1f4f3}.message--own{margin-left:auto;background:var(--teal-soft)}.message strong,.message small{font-size:9px}.message p{margin:4px 0;font-size:11px;line-height:1.45}.message small{color:var(--muted)}.chat-form{margin-top:12px;display:grid;gap:8px}.chat-form textarea{min-height:75px;padding:10px;border:1px solid var(--line);border-radius:9px;resize:vertical}.file-list{display:grid;gap:7px}.file-row{padding:10px;border:1px solid var(--line);border-radius:9px;text-decoration:none}.file-row strong,.file-row span{display:block}.file-row span{margin-top:3px;color:var(--muted);font-size:9px}.list-tools{align-items:center}.table-search{width:min(310px,40vw);min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:9px}.notification-list{display:grid;gap:12px}.notification-item{display:grid;grid-template-columns:10px 1fr;gap:10px}.notification-item>span{width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--teal)}.notification-item strong{font-size:11px}.notification-item p{margin:3px 0;color:var(--muted);font-size:10px}.notification-item small{color:#9aa7a3;font-size:9px}.document{width:min(850px,calc(100% - 30px));margin:25px auto;padding:42px;border:1px solid var(--line);background:#fff}.document-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--navy)}.document-head>div:last-child{text-align:right}.document h1{margin:30px 0 6px;font-size:25px}.document-table{width:100%;margin-top:20px;border-collapse:collapse}.document-table td,.document-table th{padding:9px;border:1px solid var(--line);font-size:10px;text-align:left}.document-table td:first-child{width:42%;color:var(--muted);background:#fafcfb}.document-table .section th{color:var(--navy);background:var(--teal-soft);text-transform:uppercase}.document-foot{margin-top:25px;padding-top:12px;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.print-button{margin-top:20px}
.button-row{display:flex;flex-wrap:wrap;gap:10px}.recipient-editor{margin-bottom:16px}.recipient-editor .account-editor{border-top:1px solid var(--line)}.company-card .link-button,.staff-card .link-button{display:inline-block;margin-top:14px}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:380px;padding:38px}.auth-copy h1{font-size:44px}.auth-panel{padding:20px}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-logout{display:inline-flex}.stats,.split-grid,.request-layout{grid-template-columns:1fr}.company-grid{grid-template-columns:1fr}.topbar,.page{padding-left:20px;padding-right:20px}.request-hero{align-items:flex-start;flex-direction:column}.request-hero>div:last-child{text-align:left}.table-search{width:100%}}
@media(max-width:540px){.auth-brand{min-height:330px;padding:28px}.auth-steps{display:none}.auth-copy h1{font-size:37px}.auth-card{padding:25px}.page-head{align-items:flex-start;flex-direction:column}}
@media(max-width:540px){.form-grid,.permission-list,.quote,.detail-grid{grid-template-columns:1fr}.field--wide,.detail-wide{grid-column:auto}.quote div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:10px}.document{padding:20px}.list-tools{align-items:stretch;flex-direction:column}}
@media print{.prototype-bar,.print-button{display:none!important}.document{width:100%;margin:0;padding:0;border:0}.document-table tr{break-inside:avoid}@page{size:A4;margin:12mm}}