@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap');
:root{--navy:#061b2d;--navy2:#0b2f4b;--blue:#075baa;--lime:#a7e52d;--cyan:#22bfce;--ink:#132939;--muted:#71828d;--line:#dfe7eb;--bg:#f3f6f7;--white:#fff;--red:#d94343;--amber:#d88923;--shadow:0 18px 55px rgba(5,31,51,.10)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit}button,input,select{font:inherit}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-symbol{width:42px;height:46px;clip-path:polygon(50% 0,95% 20%,95% 72%,50% 100%,5% 72%,5% 20%);background:linear-gradient(145deg,#fff 0 68%,var(--lime) 69%);color:var(--navy);display:grid;place-items:center;font-size:27px;font-weight:800}.brand b{font:700 1.35rem Space Grotesk;letter-spacing:.17em}.brand small{display:block;font-size:.56rem;letter-spacing:.28em;margin-top:2px}.eyebrow{color:#0870d0;letter-spacing:.16em;font-size:.68rem;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:9px;padding:.75rem 1.05rem;font-size:.82rem;font-weight:800;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#074a88,#0965bb);color:#fff;box-shadow:0 8px 18px rgba(7,91,170,.2)}.btn.secondary{background:#fff;color:#345063;border:1px solid var(--line)}.btn.full{width:100%;padding:.9rem}.alert{padding:.8rem 1rem;border-radius:8px;margin:0 0 1rem;font-size:.8rem}.alert.error{background:#ffe9e9;color:#a72f2f;border:1px solid #f6c8c8}.alert.success{background:#edf8d9;color:#4f7400;border:1px solid #d5eca7}.login-page{min-height:100vh;background:#062143}.login-shell{min-height:100vh;display:grid;grid-template-columns:58% 42%;position:relative;overflow:hidden}.login-brand{padding:4.5vh 5vw;color:#fff;background:radial-gradient(circle at 75% 35%,#0872b6 0,transparent 24%),radial-gradient(circle at 20% 20%,#064e93 0,transparent 35%),linear-gradient(145deg,#041d38,#073d72 60%,#032342);display:flex;flex-direction:column;position:relative}.login-brand:before{content:'';position:absolute;inset:0;opacity:.2;background-image:linear-gradient(30deg,transparent 49.5%,#2c83ba 50%,transparent 50.5%),linear-gradient(150deg,transparent 49.5%,#2c83ba 50%,transparent 50.5%);background-size:140px 80px}.login-brand>*{position:relative;z-index:1}.login-message{margin:auto 0}.login-message h1{font:700 clamp(2.6rem,4.2vw,4.4rem)/1.1 Space Grotesk;margin:0 0 1.1rem;letter-spacing:-.04em}.login-message h1 em{font-style:normal;color:var(--lime)}.login-message p{font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.6;color:#c5d8e8}.benefits{display:flex;gap:2.2rem;margin-top:3rem}.benefits span{display:flex;align-items:center;gap:.8rem;color:var(--lime);font-size:1.8rem;padding-right:2.2rem;border-right:1px solid #ffffff40}.benefits span:last-child{border:0}.benefits b{color:#fff;font-size:.78rem;line-height:1.5}.login-footer{font-size:.68rem;color:#a9c1d2}.login-form-wrap{background:#08355d;display:grid;place-items:center;padding:4vw}.login-card{background:#fff;border-radius:18px;padding:clamp(2rem,3vw,3.5rem);width:min(540px,100%);box-shadow:0 24px 80px #00152d77}.login-card h2{font:700 2rem Space Grotesk;margin:.5rem 0 2rem}.login-card form>label,.simple-card label,.install-card label,.form-panel label{display:block;font-size:.76rem;font-weight:800;margin:0 0 1rem}.login-card input,.simple-card input,.install-card input,.form-panel input,.form-panel select,.filter-bar input,.filter-bar select{width:100%;height:45px;border:1px solid #d5e0e6;border-radius:8px;padding:0 .85rem;background:#fff;color:var(--ink);outline:none}.login-card input:focus,.form-panel input:focus,.form-panel select:focus{border-color:#1876c7;box-shadow:0 0 0 3px #1876c719}.input-icon{position:relative;margin-top:.45rem}.input-icon>span{position:absolute;left:.85rem;top:12px;color:#7890a0}.input-icon input{padding-left:2.7rem}.input-icon button{position:absolute;right:.65rem;top:9px;border:0;background:none;color:#7c92a0;cursor:pointer}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;margin:.2rem 0 1.4rem}.login-options a,.support a{color:#0563b7;font-weight:700}.check{font-weight:500!important;margin:0!important;display:flex!important;align-items:center;gap:.5rem}.check input{width:16px;height:16px}.support{text-align:center;border-top:1px solid var(--line);padding-top:1.2rem;margin-top:1.3rem;color:var(--muted);font-size:.73rem}.simple-page,.install-page{min-height:100vh;background:linear-gradient(145deg,#041e38,#07528d);display:grid;place-items:center;padding:2rem}.simple-card,.install-card{background:#fff;width:min(520px,100%);border-radius:16px;padding:2.3rem;box-shadow:var(--shadow)}.install-card{width:min(780px,100%)}.brand-dark{color:var(--navy);margin-bottom:2rem}.brand-dark .brand-symbol{background:linear-gradient(145deg,var(--navy) 0 68%,var(--lime) 69%);color:#fff}.simple-card h1,.install-card h1{font:700 1.8rem Space Grotesk;margin:.5rem 0}.simple-card p,.install-card p{color:var(--muted);line-height:1.6;font-size:.85rem}.install-card h2{font-size:1rem}.install-card hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}.install-card label small,.form-panel label small{display:block;color:var(--muted);font-weight:500;margin-top:.35rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:var(--navy);color:#fff;padding:1.7rem 1rem;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.sidebar>.brand{padding:0 .65rem 2rem}.sidebar .brand-symbol{width:34px;height:38px;font-size:21px}.sidebar .brand b{font-size:1rem}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav a{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:#a6bdca;padding:.72rem .8rem;border-radius:8px;font-size:.78rem;font-weight:700}.sidebar nav a>span{font-size:1rem;width:18px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:#113750;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 var(--lime)}.sidebar nav a small{margin-left:auto;font-size:.48rem;color:#627d8c;letter-spacing:.08em}.sidebar nav a.disabled{cursor:default}.nav-section{font-size:.56rem;letter-spacing:.16em;color:#536f80;font-weight:800;margin:1.2rem .8rem .35rem}.sidebar-bottom{margin-top:auto;background:#0d3046;border:1px solid #1b4359;border-radius:9px;padding:.8rem}.sidebar-bottom span,.sidebar-bottom small{display:block}.sidebar-bottom span{font-size:.7rem;font-weight:800;color:var(--lime)}.sidebar-bottom small{font-size:.58rem;color:#829dab;margin-top:3px}.app-main{min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 2rem;position:sticky;top:0;z-index:10}.topbar>div:first-of-type{margin-right:auto}.topbar>div>small,.topbar>div>b{display:block}.topbar>div>small{font-size:.52rem;color:#8a99a2;letter-spacing:.13em}.topbar>div>b{font-size:.75rem;margin-top:2px}.top-actions{display:flex;align-items:center;gap:1rem}.notification{width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:8px;position:relative}.notification i{position:absolute;width:6px;height:6px;background:#e54d4d;border-radius:50%;right:7px;top:6px}.user-menu{display:flex;align-items:center;gap:.6rem;position:relative}.user-menu>span,.table-user>span,.recent-user>span,.profile-list>a>span{width:34px;height:34px;background:#dce9ef;border-radius:8px;display:grid;place-items:center;font-size:.7rem;font-weight:800;color:#34586b}.user-menu>div:not(.user-dropdown) b,.user-menu>div:not(.user-dropdown) small{display:block}.user-menu>div:not(.user-dropdown) b{font-size:.7rem}.user-menu>div:not(.user-dropdown) small{font-size:.58rem;color:var(--muted)}.user-menu>button{border:0;background:none}.user-dropdown{display:none;position:absolute;right:0;top:45px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;width:150px;padding:.4rem}.user-menu.open .user-dropdown{display:block}.user-dropdown a{display:block;text-decoration:none;font-size:.72rem;padding:.6rem;border-radius:5px}.user-dropdown a:hover{background:var(--bg)}.menu-toggle{display:none}.page-content{padding:2rem;max-width:1450px;margin:auto;min-height:calc(100vh - 120px)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem}.page-heading h1{font:700 1.65rem Space Grotesk;margin:.25rem 0}.page-heading p{font-size:.78rem;color:var(--muted);margin:0}.date-chip{background:#fff;border:1px solid var(--line);border-radius:8px;padding:.6rem .8rem;font-size:.7rem;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.2rem;display:flex;gap:1rem;align-items:flex-start}.metric-icon{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;font-style:normal}.metric-icon.lime{background:#eef8d6;color:#658c00}.metric-icon.blue{background:#e5effb;color:#3970b3}.metric-icon.cyan{background:#def6f7;color:#1594a0}.metric-icon.amber{background:#fff0d9;color:#c4771c}.metric small,.metric strong,.metric p{display:block}.metric small{font-size:.55rem;letter-spacing:.1em;color:var(--muted);font-weight:800}.metric strong{font:700 1.6rem Space Grotesk;margin:.3rem 0}.metric p{font-size:.6rem;color:#8797a0;margin:0}.dashboard-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:1rem;margin-top:1rem}.panel,.table-panel,.form-panel,.permission-panel,.profile-list{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.3rem}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.panel-heading h2{font-size:.9rem;margin:0 0 .25rem}.panel-heading p{font-size:.64rem;color:var(--muted);margin:0}.status{display:inline-block;font-size:.52rem;font-weight:800;letter-spacing:.06em;border-radius:5px;padding:.28rem .48rem}.status.ready{color:#578000;background:#edf8d7}.status.off{color:#7d8c94;background:#edf1f3}.setup-list{list-style:none;margin:0;padding:0}.setup-list li{display:flex;align-items:center;gap:.8rem;padding:.9rem 0;border-top:1px solid #edf1f2}.setup-list li>span{width:28px;height:28px;border-radius:50%;background:#edf1f2;display:grid;place-items:center;font-size:.65rem;font-weight:800}.setup-list li.done>span{background:var(--lime);color:#345500}.setup-list li div{flex:1}.setup-list li b,.setup-list li small{display:block}.setup-list li b{font-size:.72rem}.setup-list li small{font-size:.6rem;color:var(--muted);margin-top:3px}.setup-list li>a,.text-link{font-size:.64rem;color:#0870c7;text-decoration:none;font-weight:800}.recent-user{display:flex;align-items:center;gap:.7rem;padding:.7rem 0;border-top:1px solid #edf1f2}.recent-user div{flex:1}.recent-user b,.recent-user small{display:block}.recent-user b{font-size:.68rem}.recent-user small{font-size:.55rem;color:var(--muted);margin-top:2px}.recent-user i{font-style:normal;color:#6d9307;font-size:.55rem}.text-link{display:block;margin-top:1rem}.coming-banner{margin-top:1rem;background:linear-gradient(135deg,var(--navy),#0b4268);color:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;justify-content:space-between}.coming-banner h2{font-size:1rem;margin:.3rem 0}.coming-banner p{font-size:.65rem;color:#a9c1d0;margin:0}.coming-flow{display:flex;gap:.55rem;align-items:center}.coming-flow span{background:#ffffff12;border:1px solid #ffffff20;padding:.55rem .7rem;border-radius:7px;font-size:.62rem}.coming-flow b{color:var(--lime)}.app-footer{padding:1rem 2rem;color:#81919a;font-size:.58rem;display:flex;justify-content:space-between}.filter-bar{display:flex;gap:.7rem;margin-bottom:1rem}.filter-bar .search-field{flex:1;position:relative}.search-field input{padding-left:2rem}.filter-bar select{width:170px}.filter-bar label{font-size:.8rem}.table-panel{padding:0;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:780px}th{text-align:left;font-size:.53rem;letter-spacing:.08em;color:#7a8c97;padding:.85rem 1rem;background:#f8fafb}td{font-size:.68rem;padding:.85rem 1rem;border-top:1px solid #e9eef0}.table-user{display:flex;align-items:center;gap:.65rem}.table-user b,.table-user small{display:block}.table-user b{font-size:.69rem}.table-user small{font-size:.56rem;color:var(--muted);margin-top:2px}.action-link{color:#0870c7;font-weight:800;text-decoration:none}.empty{text-align:center;color:var(--muted);padding:2rem}.back-link{font-size:.68rem;text-decoration:none;color:#527083}.form-panel{max-width:980px}.form-panel.narrow{max-width:640px}.form-section{padding-bottom:1.3rem;margin-bottom:1.3rem;border-bottom:1px solid var(--line)}.form-section h2{font-size:.9rem;margin:0 0 1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid.thirds{grid-template-columns:repeat(3,1fr)}.span-2{grid-column:span 2}.form-panel input,.form-panel select{margin-top:.4rem}.switch-row{display:flex!important;align-items:center;gap:.7rem}.switch-row input{display:none}.switch-row>span,.permission-group label>span{width:36px;height:20px;background:#cad5da;border-radius:12px;position:relative;flex:none}.switch-row>span:after,.permission-group label>span:after{content:'';position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;left:3px;top:3px;transition:.2s}.switch-row input:checked+span,.permission-group input:checked+span{background:#1683cf}.switch-row input:checked+span:after,.permission-group input:checked+span:after{left:19px}.switch-row div b,.switch-row div small{display:block}.form-actions{display:flex;justify-content:flex-end;gap:.7rem}.permissions-layout{display:grid;grid-template-columns:260px 1fr;gap:1rem}.profile-list{padding:.5rem;height:max-content}.profile-list>a{display:flex;align-items:center;gap:.7rem;padding:.7rem;text-decoration:none;border-radius:8px}.profile-list>a.active{background:#eaf3f8}.profile-list>a div b,.profile-list>a div small{display:block}.profile-list>a div b{font-size:.7rem}.profile-list>a div small{font-size:.55rem;color:var(--muted)}.permission-group{border-top:1px solid var(--line);padding:1rem 0}.permission-group h3{font-size:.7rem;color:#4c6675}.permission-group label{display:flex;align-items:center;gap:.7rem;padding:.5rem 0;cursor:pointer}.permission-group input{display:none}.permission-group label div b,.permission-group label div small{display:block}.permission-group label div b{font-size:.68rem}.permission-group label div small{font-size:.53rem;color:var(--muted)}.permission-group input:disabled+span{opacity:.7}.overlay{display:none}
@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.benefits{gap:1rem}.benefits span{padding-right:1rem}.permissions-layout{grid-template-columns:220px 1fr}.coming-flow{display:none}}
@media(max-width:760px){.login-shell{display:block}.login-brand{min-height:38vh;padding:2rem}.login-message h1{font-size:2.2rem}.login-message p,.benefits{display:none}.login-footer{margin-top:auto}.login-form-wrap{padding:1.2rem}.login-card{padding:1.7rem}.app-shell{display:block}.sidebar{position:fixed;left:-270px;transition:.25s;width:250px}.sidebar.open{left:0}.overlay.show{display:block;position:fixed;inset:0;background:#00152699;z-index:15}.menu-toggle{display:block;border:0;background:none;font-size:1.1rem;margin-right:1rem}.topbar{padding:0 1rem}.user-menu>div:not(.user-dropdown){display:none}.page-content{padding:1.2rem}.page-heading{align-items:flex-start}.metric-grid{grid-template-columns:1fr 1fr;gap:.6rem}.metric{padding:.9rem}.metric-icon{display:none}.form-grid,.form-grid.thirds{grid-template-columns:1fr}.span-2{grid-column:auto}.permissions-layout{grid-template-columns:1fr}.profile-list{display:flex;overflow-x:auto}.profile-list>a{min-width:160px}.filter-bar{flex-wrap:wrap}.filter-bar .search-field{flex-basis:100%}.filter-bar select{flex:1}.coming-banner{display:block}.app-footer{padding:1rem}.install-card{padding:1.4rem}}
@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.topbar>div:first-of-type{display:none}.top-actions{margin-left:auto}.page-heading{display:block}.page-heading>.btn{margin-top:1rem;width:100%}.login-options{align-items:flex-start;gap:.8rem;flex-direction:column}.form-actions .btn{flex:1}}