:root{--navy:#10344c;--blue:#395979;--light:#4c8eb7;--orange:#ff6f01;--charcoal:#3c3c3c;--white:#fff;--surface:#f4f7f9;--line:#dce5ea;--muted:#6d7d87;--success:#21845b;--danger:#b8403a;--shadow:0 18px 50px rgba(16,52,76,.12)}*{box-sizing:border-box}html{font-family:Montserrat,"Avenir Next",Arial,sans-serif;color:var(--charcoal);background:var(--surface)}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{border:0;border-radius:9px;background:var(--orange);color:#fff;font-weight:700;padding:.78rem 1rem;cursor:pointer}button:hover{filter:brightness(.96)}button:disabled{opacity:.55;cursor:wait}.login-shell{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 78% 18%,#4c8eb7 0,transparent 28%),linear-gradient(135deg,#0b293c,#10344c 58%,#395979)}.login-card{width:min(460px,100%);background:#fff;border-radius:18px;padding:2.4rem;box-shadow:0 30px 80px rgba(0,0,0,.24)}.mark{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:var(--orange);color:#fff;font-size:1.45rem;font-weight:800}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--light);font-size:.72rem;font-weight:800;margin:.9rem 0 .35rem}.login-card h1{color:var(--navy);font-size:2rem;margin:.2rem 0}.login-card>p{color:var(--muted);line-height:1.55}.login-card form{display:grid;gap:1rem;margin:1.6rem 0}.login-card label,.form-grid label{display:grid;gap:.45rem}.login-card label span,.form-grid label span{font-size:.78rem;font-weight:700;color:var(--navy)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--charcoal);padding:.78rem .82rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--light);box-shadow:0 0 0 3px rgba(76,142,183,.14)}.login-card small{display:block;color:var(--muted);line-height:1.45}.form-error{color:var(--danger)!important;font-size:.82rem;margin:0!important;min-height:1rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--navy);color:#fff;padding:1.35rem 1rem;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:.8rem;padding:.15rem .4rem 1.8rem}.brand strong,.brand small{display:block}.brand strong{font-size:1.15rem}.brand small{font-size:.7rem;color:#bcd0dc;margin-top:.1rem}.sidebar nav{display:grid;gap:.28rem}.sidebar nav button{background:transparent;color:#c9dae3;text-align:left;padding:.72rem .8rem;display:flex;align-items:center;gap:.7rem;font-size:.86rem}.sidebar nav button span{width:1.25rem;text-align:center;color:#9cc0d3}.sidebar nav button.active{background:rgba(255,255,255,.11);color:#fff}.sidebar nav button.active:before{content:"";position:absolute;left:0;width:3px;height:24px;border-radius:0 3px 3px 0;background:var(--orange)}.sidebar-status{margin-top:auto;display:flex;gap:.65rem;align-items:center;padding:.85rem;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(0,0,0,.08)}.sidebar-status i{width:9px;height:9px;border-radius:50%;background:#4fd197;box-shadow:0 0 0 4px rgba(79,209,151,.1)}.sidebar-status strong,.sidebar-status small{display:block}.sidebar-status strong{font-size:.72rem}.sidebar-status small{font-size:.62rem;color:#a9c2d0;margin-top:.15rem}.workspace{min-width:0}.topbar{height:91px;background:#fff;border-bottom:1px solid var(--line);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5}.topbar .eyebrow{margin:0}.topbar h1{font-size:1.55rem;color:var(--navy);margin:.18rem 0}.top-actions{display:flex;align-items:center;gap:.55rem}.domain{font-size:.72rem;color:var(--muted);padding-right:.5rem}.secondary,.icon-button{background:#fff;color:var(--blue);border:1px solid var(--line)}.icon-button{padding:.62rem .78rem;font-size:1.05rem}.content{padding:1.65rem 2rem 3rem;max-width:1560px}.notice{margin:1rem 2rem 0;padding:.8rem 1rem;border-radius:8px;background:#e7f5ee;color:#176843;font-size:.82rem}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 18px rgba(16,52,76,.04)}.metric{padding:1.05rem 1.15rem;border-top:3px solid var(--light)}.metric span,.metric small{display:block;color:var(--muted);font-size:.7rem}.metric strong{display:block;color:var(--navy);font-size:1.9rem;margin:.32rem 0}.grid-two{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:1rem}.panel{overflow:hidden}.panel>header{padding:1rem 1.15rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel h2{font-size:1rem;color:var(--navy);margin:0}.panel header span{font-size:.72rem;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.78rem}th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:.62rem;background:#f8fafb}th,td{padding:.78rem 1rem;border-bottom:1px solid #edf1f3;white-space:nowrap}tr[data-id]{cursor:pointer}tbody tr:hover{background:#f8fbfc}.company-cell strong,.company-cell small{display:block}.company-cell strong{color:var(--navy)}.company-cell small{color:var(--muted);margin-top:.15rem}.badge{display:inline-flex;padding:.28rem .52rem;border-radius:999px;font-size:.66rem;font-weight:700;background:#eaf1f5;color:var(--blue)}.badge.orange{background:#fff0e5;color:#bd5200}.score{font-weight:800;color:var(--navy)}.empty{padding:2.2rem;text-align:center;color:var(--muted);font-size:.82rem}.kanban{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:.9rem;overflow:auto;padding-bottom:1rem}.column{background:#eaf0f3;border-radius:11px;min-height:480px;padding:.75rem}.column>header{display:flex;justify-content:space-between;align-items:center;color:var(--navy);font-size:.75rem;font-weight:800;padding:.2rem .2rem .7rem}.column>header span{background:#fff;border-radius:999px;padding:.18rem .48rem;color:var(--muted)}.card{background:#fff;border-radius:9px;border:1px solid var(--line);padding:.8rem;margin-bottom:.65rem;box-shadow:0 2px 8px rgba(16,52,76,.05)}.card strong,.card small{display:block}.card strong{font-size:.79rem;color:var(--navy)}.card small{font-size:.66rem;color:var(--muted);margin-top:.25rem}.card footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.card button{font-size:.63rem;padding:.38rem .55rem}.events{list-style:none;margin:0;padding:0}.events li{display:grid;grid-template-columns:9px 1fr;gap:.7rem;padding:.8rem 1rem;border-bottom:1px solid #edf1f3}.events i{width:8px;height:8px;border-radius:50%;background:var(--light);margin-top:.22rem}.events strong,.events small{display:block}.events strong{font-size:.75rem;color:var(--navy)}.events small{font-size:.65rem;color:var(--muted);margin-top:.2rem}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.setting{padding:1rem}.setting b{display:block;color:var(--success);font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.45rem}.setting strong{display:block;color:var(--navy)}.setting p{font-size:.75rem;color:var(--muted);line-height:1.5;margin-bottom:0}dialog{border:0;border-radius:14px;padding:0;width:min(680px,calc(100% - 2rem));box-shadow:var(--shadow)}dialog::backdrop{background:rgba(11,37,54,.58);backdrop-filter:blur(3px)}dialog form>header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.2rem 1.35rem;border-bottom:1px solid var(--line)}dialog h2{color:var(--navy);margin:.15rem 0}dialog header p:not(.eyebrow){font-size:.75rem;color:var(--muted);margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;padding:1.2rem 1.35rem;max-height:52vh;overflow:auto}.form-grid .wide{grid-column:1/-1}.approval{margin:0 1.35rem;padding:.8rem 1rem;background:#fff4eb;border-left:3px solid var(--orange);border-radius:6px}.approval strong{color:var(--navy);font-size:.75rem}.approval p,.approval label{font-size:.7rem;color:var(--muted)}.approval label{display:flex;gap:.5rem;align-items:center;font-weight:700}.approval input{width:auto}dialog footer{padding:1rem 1.35rem;display:flex;justify-content:flex-end;gap:.6rem}@media(max-width:1020px){.app-shell{grid-template-columns:78px 1fr}.brand div,.sidebar nav button:not(.active){font-size:0}.brand{justify-content:center}.brand .mark{flex:none}.sidebar nav button{justify-content:center;font-size:0}.sidebar nav button span{font-size:1rem}.sidebar-status{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr 1fr}.domain{display:none}}@media(max-width:680px){.app-shell{display:block}.sidebar{height:auto;position:fixed;left:0;right:0;bottom:0;top:auto;z-index:20;padding:.35rem}.brand,.sidebar-status{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(6,1fr)}.sidebar nav button,.sidebar nav button:not(.active){font-size:0;padding:.65rem .2rem}.sidebar nav button span{font-size:.95rem}.sidebar nav button.active:before{display:none}.topbar{padding:.8rem 1rem;height:auto}.topbar h1{font-size:1.25rem}.top-actions .secondary{display:none}.content{padding:1rem 1rem 5rem}.metrics{grid-template-columns:1fr 1fr;gap:.7rem}.metric strong{font-size:1.45rem}.settings-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.login-card{padding:1.5rem}}
