:root{--navy:#10263c;--navy2:#173b58;--mint:#58d6b1;--bg:#f4f7fa;--text:#1a2a3a;--muted:#718096;--line:#e1e8ef;--white:#fff;--danger:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:var(--navy);color:#dce7ef;padding:30px 22px;display:flex;flex-direction:column;min-height:100vh}.brand{font-size:25px;font-weight:800;color:white;display:flex;align-items:center;gap:11px;margin:0 8px 40px}.brand span,.login-brand>span{display:grid;place-items:center;width:38px;height:38px;background:var(--mint);color:var(--navy);border-radius:11px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:12px 14px;border-radius:9px;font-weight:650}.sidebar nav a:hover,.sidebar nav a.active{background:var(--navy2);color:white}.sidebar-user{margin-top:auto;padding:18px 10px 0;border-top:1px solid #2b455c}.sidebar-user small,.sidebar-user strong{display:block}.sidebar-user small{color:#9fb2c1;margin-top:4px}.link-button{border:0;background:none;color:var(--mint);padding:12px 0 0;cursor:pointer}.topbar{height:104px;background:white;border-bottom:1px solid var(--line);padding:24px 38px;display:flex;justify-content:space-between;align-items:center}.topbar h1{margin:3px 0 0;font-size:26px}.topbar small,.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:#789}.environment,.badge{font-size:12px;font-weight:750;padding:7px 10px;border-radius:999px;background:#e5f8f2;color:#16775e}.content{padding:32px 38px;max-width:1500px}.welcome{background:linear-gradient(125deg,var(--navy),#1f4d70);color:white;border-radius:16px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.welcome h2{font-size:27px;margin:7px 0}.welcome p{color:#c4d3de;margin:0}.welcome-mark{font-size:90px;font-weight:900;color:rgba(88,214,177,.22);padding-right:30px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.metrics article,.panel{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 8px rgba(16,38,60,.035)}.metrics article{padding:21px}.metrics span,.metrics strong,.metrics a{display:block}.metrics span{font-size:13px;color:var(--muted);font-weight:650}.metrics strong{font-size:32px;margin:8px 0}.metrics a{font-size:12px;color:#287a67;font-weight:700}.panel{padding:25px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel h2{margin:4px 0;font-size:21px}.panel p{color:var(--muted)}.button,.primary,.secondary{border:0;border-radius:8px;padding:11px 15px;font-weight:750;cursor:pointer}.button,.primary{background:var(--mint);color:var(--navy)}.secondary{background:#eef2f5;color:#445}.row{display:flex;align-items:center;gap:14px;padding:15px 2px;border-top:1px solid var(--line)}.avatar,.module-icon{display:grid;place-items:center;background:#e6f8f3;color:#198066;font-weight:850;border-radius:10px;width:42px;height:42px}.grow{flex:1}.row strong,.row small,.module-card strong,.module-card small{display:block}.row small,.module-card small{color:var(--muted);margin-top:4px}.two-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:22px}.stack{display:grid;gap:15px}.stack label{font-size:13px;font-weight:700}.stack input,.stack select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #ccd7e0;border-radius:8px;background:white}.notice,.errors{padding:13px 16px;border-radius:9px;margin-bottom:18px}.notice{background:#ddf7ef;color:#17664f}.errors{background:#fff0ee;color:var(--danger)}.errors ul{margin:7px 0}.empty,.muted{color:var(--muted)}.module-group{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.module-card{border:1px solid var(--line);border-radius:11px;padding:18px;display:flex;justify-content:space-between;gap:18px;align-items:center}.module-card>div{display:grid;grid-template-columns:48px 1fr;column-gap:10px}.module-card .module-icon{grid-row:1/3}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0e2438,#1d4a6b)}.login-card{width:min(430px,calc(100% - 34px));background:white;padding:38px;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:23px}.login-brand small{color:var(--muted)}.login-card h1{margin-bottom:5px}.login-card>p{color:var(--muted);margin-top:0;margin-bottom:25px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto!important;margin:0!important}.login-card .primary{width:100%;padding:13px}.login-card>.muted{display:block;text-align:center;margin-top:25px}.pagination{margin-top:18px}@media(max-width:950px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:16px 20px}.brand{margin:0 0 14px}.sidebar nav{display:flex;overflow:auto}.sidebar-user{margin-top:16px}.metrics{grid-template-columns:repeat(2,1fr)}.two-columns{grid-template-columns:1fr}.content{padding:24px}.topbar{padding:20px 24px}.module-grid{grid-template-columns:1fr}}@media(max-width:560px){.metrics{grid-template-columns:1fr}.welcome-mark{display:none}.content{padding:16px}.topbar{height:auto}.environment{display:none}.panel{padding:18px}.module-card{align-items:flex-start;flex-direction:column}.sidebar-user{display:none}}