:root{--navy:#071b3a;--navy2:#102d53;--orange:#ff6b00;--orange-dark:#db5700;--bg:#f4f6fa;--card:#fff;--text:#17263b;--muted:#68788d;--line:#e0e6ef;--good:#047857;--danger:#c43242;--shadow:0 5px 22px rgba(18,38,62,.045);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--navy2);text-decoration:none}a:hover{text-decoration:none;color:var(--orange-dark)}.layout{min-height:100dvh;display:flex}.sidebar{width:236px;flex:0 0 236px;background:linear-gradient(175deg,#0a2446 0%,#06172d 92%);color:#e2ebf8;position:sticky;top:0;height:100dvh;padding:24px 13px 18px;display:flex;flex-direction:column;z-index:30}.sidebar-brand{display:flex;align-items:center;min-height:53px;padding:0 12px 20px;border-bottom:1px solid #ffffff1a;margin-bottom:22px}.logo{width:155px;height:auto;max-height:51px;object-fit:contain;object-position:left}.nav-title{font-size:10px;letter-spacing:.15em;color:#8fa6c0;text-transform:uppercase;font-weight:800;padding:0 13px;margin:0 0 10px}.nav{display:grid;gap:4px}.nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;margin:0;border-radius:10px;color:#cfdaeb;font-weight:550;transition:background .15s,color .15s}.nav a:hover,.nav a.active{background:rgba(255,255,255,.10);color:white}.nav a.active{box-shadow:inset 3px 0 var(--orange)}.nav-icon{display:grid;place-items:center;width:19px;flex:0 0 19px;font-size:17px;line-height:1}.sidebar-footer{margin-top:auto;font-size:11px;color:#8fa6c0;padding:18px 12px 0}.main{flex:1;min-width:0}.topbar{height:68px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,2.7vw,42px);position:sticky;top:0;z-index:25;backdrop-filter:blur(12px)}.topbar-section{display:flex;align-items:center;gap:12px;min-width:0}.topbar-label{font-size:12px;font-weight:750;color:#586b83;letter-spacing:.03em}.topbar-subtitle{font-size:12px;color:var(--muted)}.user-menu{position:relative}.user-button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:6px 10px 6px 7px;cursor:pointer;color:var(--text);font:inherit;font-weight:650}.avatar{display:grid;place-items:center;height:31px;width:31px;border-radius:9px;background:#edf2fa;color:var(--navy);font-weight:800}.chevron{font-size:11px;color:var(--muted)}.dropdown{position:absolute;right:0;top:calc(100% + 4px);min-width:205px;z-index:100;border-radius:13px;padding:6px;background:white;box-shadow:0 14px 40px #10203321;border:1px solid var(--line)}.dropdown[hidden]{display:none!important}.dropdown a,.dropdown button{display:block;width:100%;font:inherit;border:0;background:none;text-align:left;padding:11px 12px;border-radius:8px;color:var(--text);cursor:pointer}.dropdown a:hover,.dropdown button:hover{background:#f1f5f9}.dropdown form{margin:0}.content{max-width:1500px;margin:0 auto;padding:clamp(17px,2.6vw,36px);min-width:0}.content>.hero{margin-bottom:22px}.hero{background:linear-gradient(125deg,#0b284f,#06182e);border-radius:18px;color:white;padding:26px 30px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 93% 20%,#ffffff18,transparent 31%);pointer-events:none}.hero h1{font-size:clamp(24px,2.2vw,32px);margin:0 0 5px;color:white}.hero p{color:#d0def0;max-width:710px;margin:0 0 14px}.hero .btn{position:relative;z-index:1}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin:0 0 18px;min-width:0}.card>h2,.card>h3{margin-top:0}.card h2{font-size:18px;letter-spacing:-.02em}.card h3{font-size:15px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:17px}.card-header h2,.card-header p{margin:0}.card-header p{margin-top:4px}.grid{display:grid;gap:18px;min-width:0}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid>.card{margin-bottom:0}.grid+.grid,.grid+.card,.card+.grid{margin-top:18px}h1,h2,h3{line-height:1.25;font-weight:750}h1{letter-spacing:-.035em}h2{letter-spacing:-.02em}.muted{color:var(--muted)}.kpi{font-size:clamp(26px,2.4vw,34px);font-weight:800;letter-spacing:-.04em;margin-top:5px}label{font-weight:630;display:block;font-size:12px;color:#42526b;margin-bottom:4px}input,select,textarea{font:inherit;display:block;width:100%;border-radius:10px;border:1px solid #ced8e6;padding:10px 12px;color:var(--text);background:#fff;margin:5px 0 13px;min-height:40px;max-width:100%;transition:border .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#6e9bd2;outline:none;box-shadow:0 0 0 3px #377ecb1f}input[type=checkbox],input[type=radio]{width:auto;min-height:0;margin:0;accent-color:var(--orange)}input[type=file]{padding:8px}.btn,button{font:inherit;font-weight:690;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border:1px solid #d4dfeb;border-radius:10px;background:#f1f5fa;color:#18304f;cursor:pointer;line-height:1.3;transition:background .15s,transform .12s;white-space:normal}.btn:hover,button:hover{background:#e6edf7;color:#142c48}.btn:active,button:active{transform:translateY(1px)}.btn-primary{color:#fff;background:var(--orange);border-color:var(--orange)}.btn-primary:hover{color:#fff;background:var(--orange-dark)}.btn-dark{color:white;background:var(--navy);border-color:var(--navy)}.btn-dark:hover{color:white;background:var(--navy2)}.btn-danger{color:#ad2538;background:#fff3f5;border-color:#f8d4dc}.btn-danger:hover{color:#a51e34;background:#ffe6eb}.btn-small{font-size:12px;padding:7px 10px}.pill{display:inline-block;border-radius:999px;border:1px solid #dde5ef;background:#f2f6fb;color:#3b5675;font-size:12px;font-weight:630;padding:4px 9px}.flash{border:1px solid #d8e6f0;border-left:4px solid #577fb6;padding:12px 15px;margin-bottom:16px;border-radius:10px;background:white}.flash.success{border-left-color:#0d9765;background:#f0fdf7;color:#086445}.flash.error{border-left-color:#ca354d;background:#fff2f3;color:#ad2538}.table-wrap{overflow-x:auto;width:100%;border-radius:10px;border:1px solid var(--line)}.content table{display:table;width:100%;border-collapse:collapse;white-space:normal;min-width:480px}th,td{text-align:left;border-bottom:1px solid #e9edf4;padding:12px 13px;vertical-align:middle}th{font-size:10px;letter-spacing:.08em;color:#77869a;text-transform:uppercase;background:#f8fafd;white-space:nowrap;font-weight:800}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfe}td .muted{font-size:12px}td .btn{margin:2px 0}.section-eyebrow{color:var(--orange-dark);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.section-heading{margin:0 0 17px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px;flex-wrap:wrap}.section-heading h2{margin:0;font-size:23px}.section-heading p{margin:5px 0 0}.workspace-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);overflow:auto;padding:0 0 1px;margin:3px 0 22px;scrollbar-width:thin}.workspace-tab{flex:0 0 auto;background:none;border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 15px;color:#65748a;font-size:13px;font-weight:750}.workspace-tab:hover{background:#eff2f8;color:var(--navy)}.workspace-tab[aria-selected=true]{color:var(--navy);border-bottom-color:var(--orange);background:none}.workspace-panel[hidden]{display:none!important}.workspace-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;justify-content:space-between;margin-bottom:18px}.workspace-toolbar>div{flex:1}.workspace-toolbar label{margin:0}.workspace-toolbar select{margin:5px 0 0;max-width:420px}.org-tree{display:grid;gap:11px}.org-company{border:1px solid var(--line);border-radius:13px;background:white;overflow:hidden}.org-company>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:15px 17px;font-weight:750;background:#f8fafd;list-style:none}.org-company>summary::-webkit-details-marker{display:none}.org-company>summary:after{content:'⌄';color:#72849b;margin-left:auto;padding-left:12px}.org-company[open]>summary:after{content:'⌃'}.org-children{padding:7px 16px 15px}.org-parent{border-left:3px solid #cad8e9;padding:7px 0 7px 15px;margin:10px 0}.org-parent-name{font-weight:750}.org-subunits{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.org-subunit{background:#f2f6fb;border-radius:8px;padding:5px 9px;color:#465e77;font-size:12px}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.action-grid .card{margin:0}.action-grid .card h3{margin:0 0 13px}.action-grid .card button{width:100%}.filter-line{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.filter-line>div{min-width:220px;flex:1}.filter-line select{margin-bottom:0}.empty-state{border:1px dashed #d5dfeb;border-radius:12px;background:#f8fafc;color:var(--muted);padding:20px;text-align:center}.subtle-note{font-size:12px;color:var(--muted);margin:5px 0 14px}.profile-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-button{display:none}.mobile-mask{display:none}.card details>summary{cursor:pointer;font-weight:750}.card hr{border:0;border-top:1px solid var(--line);margin:18px 0}.content button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1150px){.grid-3,.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:210px;flex-basis:210px}.content{padding:22px}}
@media(max-width:800px){.layout{display:block}.sidebar{position:fixed;left:0;top:0;height:100dvh;width:min(280px,82vw);transform:translateX(-105%);transition:transform .2s ease;box-shadow:15px 0 40px #0002}.sidebar.is-open{transform:translateX(0)}.mobile-mask.is-open{display:block;position:fixed;inset:0;background:#091b3570;z-index:29}.main{min-height:100dvh}.mobile-menu-button{display:inline-grid;place-items:center;padding:8px 10px;background:white;color:var(--navy);border:1px solid var(--line);border-radius:9px}.topbar{height:58px;padding:0 16px}.topbar-label{font-size:12px}.topbar-subtitle{display:none}.content{padding:16px}.grid-2,.grid-3,.action-grid{grid-template-columns:1fr}.hero{padding:23px}.card{padding:17px;margin-bottom:14px}.grid{gap:13px}.grid+.grid,.grid+.card,.card+.grid{margin-top:13px}.workspace-tabs{margin:0 0 16px}.workspace-tab{padding:11px 12px}.profile-name{max-width:110px}.section-heading h2{font-size:21px}table{font-size:12px}th,td{padding:10px}}
@media(max-width:440px){.content{padding:12px}.hero{padding:18px;border-radius:14px}.hero h1{font-size:24px}.topbar{padding:0 12px}.user-button{gap:5px}.avatar{height:27px;width:27px}.profile-name{max-width:90px}.card{padding:14px;border-radius:13px}.filter-line>div{min-width:100%}.card .table-wrap{margin:0 -2px}.workspace-toolbar>div{min-width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}