:root{--bg:#071120;--panel:#10213e;--line:rgba(255,255,255,.14);--text:#fff;--muted:rgba(255,255,255,.7);--green:#4fff91;--blue:#2b6cff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 500px at 15% 0,#18336f 0,var(--bg) 60%);color:var(--text);font-family:Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;background:#09172d;border-bottom:1px solid var(--line)}header a{color:#fff;text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:10px}.brand{display:flex;align-items:center;gap:15px}.brand img{width:120px;height:65px;object-fit:contain}.brand h1{margin:0;font-size:24px}.brand p{margin:4px 0 0;color:var(--muted)}main{max-width:1100px;margin:24px auto;padding:0 16px 40px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:16px}.hidden{display:none!important}.head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;flex-wrap:wrap}h2{margin:0 0 8px}p{color:var(--muted)}input,select{padding:11px;border-radius:10px;border:1px solid var(--line);background:#0d2046;color:#fff}button{padding:11px 14px;border:0;border-radius:10px;font-weight:800;cursor:pointer;background:#17376f;color:#fff}.primary{background:var(--blue)}.danger{background:#8f2525}.badge{padding:7px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.permission-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px;margin:15px 0}.permission{border:1px solid var(--line);border-radius:12px;padding:12px;background:rgba(255,255,255,.04)}.permission label{display:flex;gap:8px;align-items:center;font-weight:800}.permission input{width:auto}.compact{grid-column:1/-1;margin:0}.invite{display:grid;grid-template-columns:1fr 1.4fr 170px;gap:10px;align-items:start}.invite button{grid-column:1/-1}.member{border:1px solid var(--line);border-radius:14px;padding:14px;margin:10px 0;background:rgba(255,255,255,.035)}.member-top{display:grid;grid-template-columns:1fr 1.2fr 170px 110px;gap:10px;align-items:center}.member-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.muted{color:var(--muted)}#message{min-height:24px;margin-top:10px;color:var(--green)}@media(max-width:800px){.permission-grid{grid-template-columns:1fr 1fr}.invite,.member-top{grid-template-columns:1fr}.compact{grid-column:auto}.invite button{grid-column:auto}}