:root{--navy:#071a33;--blue:#174b81;--gold:#eebd47;--bg:#f3f6fa;--ink:#162235;--muted:#697789;--line:#dce4ed;--white:#fff;--green:#0d8b63;--red:#b83434}*{box-sizing:border-box}body{margin:0;font:15px/1.5 Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--blue);text-decoration:none}button,.button{border:1px solid var(--line);border-radius:9px;padding:10px 15px;background:#fff;color:var(--ink);font-weight:700;cursor:pointer;display:inline-block}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}aside{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy);color:#fff;padding:25px 18px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px;color:#fff;margin-bottom:35px}.brand span,.guest-brand{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:var(--gold);color:var(--navy);font-weight:900}.brand strong{font-size:17px}nav{display:grid;gap:7px}nav a{color:#d8e2ee;padding:11px 12px;border-radius:8px}nav a:hover{background:#12385e;color:#fff}aside form{margin-top:auto}.link{border:0;background:none;color:#d8e2ee;padding:11px 12px}.app main{margin-left:250px;min-height:100vh}.app header{height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:15px 30px;gap:18px}.app header h1{font-size:22px;margin:2px 0}.app header small{color:var(--muted)}.user{margin-left:auto;display:grid;text-align:right}.content{padding:28px;max-width:1500px;margin:auto}.menu{display:none}.alert{padding:13px 16px;border-radius:9px;margin-bottom:18px}.alert.success{background:#dff6ed;color:#075c42}.alert.error{background:#fae6e6;color:#8f2222}.welcome,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:22px;box-shadow:0 6px 22px rgba(17,38,63,.04)}.welcome{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#fff,#f7fbff)}.welcome h2,.panel h2{margin-top:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.cards article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.cards span{color:var(--muted);display:block}.cards strong{display:block;font-size:32px;margin-top:8px}.badge{font-size:12px;padding:5px 9px;border-radius:999px;font-weight:800}.good{background:#dff6ed;color:#075c42}.muted-badge{background:#e9edf2;color:#536171}.roadmap{display:flex;gap:10px;flex-wrap:wrap}.roadmap span{padding:9px 12px;border:1px solid var(--line);border-radius:8px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.toolbar input{max-width:460px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;text-transform:uppercase;color:var(--muted);background:#f8fafc}td small{display:block;color:var(--muted)}.narrow{max-width:760px}.stack{display:grid;gap:17px}label{font-weight:700;display:grid;gap:6px}input,select,textarea{font:inherit;width:100%;padding:11px 12px;border:1px solid #cbd5df;border-radius:8px;background:#fff}textarea{min-height:100px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}fieldset{border:1px solid var(--line);border-radius:10px;padding:14px}legend{font-weight:800}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checks label{display:flex;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:8px}.checks input{width:auto;margin-top:5px}.checks small{font-weight:400;color:var(--muted);display:block}.actions{display:flex;justify-content:flex-end;gap:10px}.muted{color:var(--muted)}.guest{min-height:100vh;background:radial-gradient(circle at 80% 10%,#214f7b,var(--navy));display:grid;place-items:center;padding:20px}.guest-main{width:min(430px,100%)}.guest-card{background:#fff;border-radius:18px;padding:34px;box-shadow:0 25px 70px rgba(0,0,0,.28)}.guest-brand{margin-bottom:25px}.guest-card h1{margin-bottom:3px}
.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.permission-grid h3{grid-column:1/-1;margin:18px 0 2px;border-bottom:1px solid var(--line);padding-bottom:7px}.permission-grid label{display:flex;align-items:flex-start;padding:11px;border:1px solid var(--line);border-radius:8px}.permission-grid input{width:auto;margin-top:5px}.permission-grid small{font-weight:400;color:var(--muted);display:block}@media(max-width:800px){aside{transform:translateX(-100%);transition:.2s}.nav-open aside{transform:translateX(0)}.app main{margin-left:0}.menu{display:inline-block}.app header{padding:12px 16px}.content{padding:16px}.user{display:none}.cards{grid-template-columns:1fr}.grid2,.checks,.permission-grid{grid-template-columns:1fr}.welcome{align-items:flex-start;gap:12px}.toolbar{align-items:stretch;flex-direction:column}}