:root{--bg:#09090b;--panel:#151519;--line:#2c2c32;--gold:#dcb34d;--gold2:#f2d47f;--text:#fafafa;--muted:#aaaab4}*{box-sizing:border-box}body{color:var(--text);background:linear-gradient(145deg,#070708,#121218);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:18px;gap:16px;width:min(420px,100%);padding:30px;display:grid}.login-card .logo{margin:auto}.login-card h1{font-size:26px}.login-card p{color:var(--muted);margin:0}.login-card label{text-align:left;color:var(--muted);gap:7px;font-size:13px;display:grid}.form-error{color:#ff9b9b;background:#351c1c;border-radius:8px;padding:10px}.header-actions{gap:10px;display:flex}.logout{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;padding:10px 14px}aside{border-right:1px solid var(--line);background:#0d0d10;padding:24px 18px;position:relative}.brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:24px;display:flex}.brand span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.logo{background:linear-gradient(145deg,var(--gold2),var(--gold));color:#111;border-radius:12px;place-items:center;width:44px;height:44px;font-size:22px;font-weight:900;display:grid}nav{gap:8px;margin-top:22px;display:grid}nav button{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:12px 14px}nav button.active,nav button:hover{color:var(--gold2);background:#1d1d22}.secure{color:var(--muted);font-size:12px;position:absolute;bottom:22px}.content{padding:30px 34px}header,.row{justify-content:space-between;align-items:center;gap:15px;display:flex}h1{margin:0;font-size:30px}header p{color:var(--muted);margin:6px 0 0}.gold{background:linear-gradient(145deg,var(--gold2),var(--gold));color:#111;cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-weight:800}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:25px;display:grid}.metric,.panel{border:1px solid var(--line);background:#151519f7;border-radius:16px;padding:18px}.metric span,.metric small{color:var(--muted);display:block}.metric strong{margin:9px 0;font-size:28px;display:block}.panel{margin-top:18px}.panel h2{margin-top:0}.table{display:grid}.tr{border-bottom:1px solid var(--line);grid-template-columns:1.3fr 1fr 1fr .8fr;align-items:center;gap:14px;padding:13px 8px;display:grid}.th{color:var(--muted);font-size:13px}.badge{width:max-content;color:var(--gold2);background:#302b1d;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.badge.active{color:#51d982;background:#173321}.badge.cancel-notice{color:#ff8181;background:#351c1c}input,select{border:1px solid var(--line);color:#fff;background:#101014;border-radius:9px;padding:10px 12px}.modal{background:#000000bf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal form{border:1px solid var(--line);background:#131317;border-radius:18px;gap:15px;width:min(500px,100%);padding:22px;display:grid}.modal label{color:var(--muted);gap:7px;font-size:13px;display:grid}.close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:26px}.empty{text-align:center;min-height:300px;color:var(--muted);place-content:center;display:grid}.muted{color:var(--muted)}.document-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;display:grid}.document-form label{color:var(--muted);gap:7px;font-size:13px;display:grid}.document-message{color:var(--gold2);margin-bottom:0}.document-list{display:grid}.document-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:13px 4px;display:flex}.document-row div{gap:5px;display:grid}.document-row span{color:var(--muted);font-size:12px}.document-actions{grid-auto-flow:column;gap:8px!important;display:flex!important}.quote-form{grid-template-columns:repeat(4,1fr);align-items:end;gap:14px;display:grid}.quote-form label{color:var(--muted);gap:7px;font-size:13px;display:grid}.quote-form .wide{grid-column:span 2}.quote-form textarea{resize:vertical;border:1px solid var(--line);color:#fff;min-height:76px;font:inherit;background:#101014;border-radius:9px;padding:10px 12px}.quote-list{gap:10px;display:grid}.quote-card{border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(240px,1fr) 100px 110px 150px;align-items:center;gap:16px;padding:14px;display:grid}.quote-card.best{background:#1a1811;border-color:#806a31}.quote-card>div:first-child{gap:6px;display:grid}.quote-card span{color:var(--muted);font-size:12px}.quote-title{align-items:center;gap:9px;display:flex!important}.best-label{background:#302b1d;border-radius:999px;padding:4px 7px;color:var(--gold2)!important}.quote-price{gap:4px;display:grid}.quote-price small{color:var(--muted)}.policy-card{border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(260px,1fr) 110px 160px 150px;align-items:center;gap:16px;padding:14px;display:grid}.policy-card.renewal-due{background:#1b1610;border-color:#8c6330}.policy-card>div:first-child{gap:5px;display:grid}.policy-card span,.policy-card small{color:var(--muted);font-size:12px}@media (max-width:900px){.shell{grid-template-columns:1fr}aside{position:relative}.secure{display:none}nav{grid-template-columns:repeat(3,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}.document-form,.quote-form,.quote-card,.policy-card{grid-template-columns:1fr 1fr}.quote-form .wide{grid-column:span 2}}@media (max-width:600px){.content{padding:20px}.metrics{grid-template-columns:1fr}.tr{grid-template-columns:1fr 1fr}.th{display:none}nav{grid-template-columns:repeat(2,1fr)}.quote-form{grid-template-columns:1fr}.quote-form .wide{grid-column:auto}.quote-card,.policy-card{grid-template-columns:1fr}}