:root{font-family:system-ui,sans-serif;color:#edf4ff;background:#10151e;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:32px 24px}header{display:flex;gap:20px;align-items:center;flex-wrap:wrap}header img{object-fit:contain}header a{margin-left:auto}h1{margin:0;font-size:30px}p{color:#b8c7da;line-height:1.6}a{color:#64d9ee}form{display:flex;gap:16px;align-items:end;flex-wrap:wrap;background:#192231;padding:24px;border-radius:16px;margin:24px 0}label{display:flex;flex-direction:column;gap:8px}.check{flex-direction:row;align-items:center;padding:12px 0}input{padding:12px;border:1px solid #485870;border-radius:8px;max-width:100%}button{background:#63d8ec;color:#092c34;padding:12px 18px;border:0;border-radius:8px;font-weight:700;cursor:pointer}button:disabled{opacity:.4;cursor:default}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}.table-wrap{overflow:auto;border:1px solid #334056;border-radius:12px}th,td{padding:16px;border-bottom:1px solid #334056;white-space:nowrap}th{background:#192231}nav{display:flex;gap:12px;margin-top:20px}.note{font-size:13px}#login{max-width:440px;display:block}#login label{margin:16px 0}[hidden]{display:none!important}
select{background:#111a28;color:#edf4ff;border:1px solid #485870;padding:12px;border-radius:8px;max-width:100%}#permission-editor{border-top:1px solid #485870;margin-top:36px;padding-top:20px}#permission-room{min-width:240px}#permission-rules{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}#permission-members select{margin-right:12px}#permission-members small{color:#aabbd0}#permission-editor>button{margin-top:12px}#permission-members td{white-space:normal}#permission-status{min-height:26px}
html{scroll-behavior:smooth}nav{flex-wrap:wrap}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 40px}.dashboard-card{display:flex;flex-direction:column;gap:12px;text-align:left;text-decoration:none;border:1px solid #36465d;background:#192231;border-radius:16px;padding:24px;color:#edf4ff;font:inherit}.dashboard-card strong{font-size:19px;color:#69dded}.dashboard-card span{font-size:14px;line-height:1.5;color:#bbcade}.dashboard-card:hover{border-color:#69dded;background:#202d40}.dashboard-card:focus-visible{outline:3px solid #69dded;outline-offset:4px}#member-list,#setup-overview,#permission-editor{scroll-margin-top:22px}#setup-overview{border-top:1px solid #36465d;margin-top:40px;padding-top:20px}.brand-preview{display:flex;gap:24px;align-items:center;padding:20px;background:#192231;border-radius:16px}.brand-preview img{object-fit:contain}.brand-preview h3{margin:0}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.setup-grid article{padding:24px;background:#192231;border-radius:16px;border:1px solid #36465d}.setup-grid h3{margin-top:0}.badge{display:inline-block;padding:2px 9px;border-radius:6px;background:#143e36;color:#8de5bb;font-size:12px}.badge.pending{background:#493a18;color:#ffda80}@media(max-width:850px){.dashboard-grid{grid-template-columns:1fr 1fr}}@media(max-width:550px){.dashboard-grid,.setup-grid{grid-template-columns:1fr}.brand-preview{align-items:flex-start}.dashboard-card{padding:20px}}