:root{font:15px/1.55 system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;color:#182238;background:#eef4f8;--cyan:#0ea7bc;--cyan2:#e7fafd;--blue:#1e8cf0;--green:#16ad4e;--red:#ef4651;--orange:#f4a21c;--purple:#8657e7;--pink:#f4457a;--border:#dce7ef;--shadow:0 8px 24px rgba(38,75,98,.08)}*{box-sizing:border-box}body{margin:0;background:#f5f9fc}button,input,select{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eefcff,#f7fbff)}.login-card{width:min(470px,100%);background:white;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:32px}.login-card h1{font-size:27px;margin:26px 0 6px}.login-card p{color:#768397}.login-card label{display:block;font-weight:700;margin:16px 0}.login-card input,.content input,.content select{display:block;width:100%;min-height:44px;border:1px solid #d9e2eb;border-radius:10px;background:#fff;padding:9px 12px;margin-top:6px;color:#243247}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup strong{display:block;color:#079cb8;font-size:20px}.brand-lockup span{color:#66758a}.brand-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:17px;background:linear-gradient(145deg,#fafdff,#0acbd0);border:2px solid #16ced2;color:#27313a;font-weight:900;letter-spacing:1px;box-shadow:inset 0 -10px 22px rgba(0,119,126,.14)}.brand-mark.round{border-radius:50%;width:70px;height:70px}.brand-mark.large{width:122px;height:122px;font-size:20px}.admin-app{display:flex;min-height:100vh}.sidebar{width:224px;background:#fff;border-left:1px solid var(--border);padding:18px 12px;position:fixed;right:0;top:0;bottom:0;overflow:auto;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:2px 6px 18px;border-bottom:1px solid #edf2f6}.sidebar-brand .brand-mark{width:58px;height:58px;font-size:12px}.sidebar-brand strong{display:block;color:#079ab5;font-size:16px}.sidebar-brand small{display:block;color:#6e7d90;margin-top:2px}.sidebar nav{display:grid;gap:5px;padding-top:14px}.sidebar nav button{display:flex;align-items:center;gap:12px;border:0;background:transparent;border-radius:10px;padding:11px 14px;color:#415269;text-align:right;font-weight:700}.sidebar nav button span{width:22px;text-align:center;font-size:18px;color:#52677f}.sidebar nav button:hover{background:#f2fbfd}.sidebar nav button.active{background:linear-gradient(135deg,#14aec1,#0798b3);color:white;box-shadow:0 6px 14px rgba(12,155,178,.2)}.sidebar nav button.active span{color:white}.main-shell{flex:1;margin-right:224px;min-width:0}.topbar{height:84px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:22px;padding:12px 28px;position:sticky;top:0;z-index:15}.top-brand{min-width:280px}.top-brand strong{display:block;font-size:22px;color:#079ab5}.top-brand span{color:#6b7788}.search{margin:auto;width:min(430px,38vw);position:relative}.search span{position:absolute;right:13px;top:9px;font-size:22px;color:#53677d}.search input{padding-right:40px;margin:0;background:#f8fbfd}.top-actions{display:flex;align-items:center;gap:10px}.top-actions>button{border:0;background:#f4fbfd;color:#137f93;border-radius:50px;min-height:40px;padding:0 13px;position:relative}.top-actions>button b{position:absolute;top:-4px;left:-2px;background:#f23b42;color:#fff;border-radius:20px;font-size:10px;padding:1px 5px}.user-pill{display:flex;gap:8px;align-items:center;border-right:1px solid #e7edf3;padding-right:10px}.user-pill .avatar{width:36px;height:36px;border-radius:50%;background:#e3f7fd;color:#198bd5;display:grid;place-items:center}.user-pill strong,.user-pill small{display:block}.user-pill small{color:#8290a1}.content{padding:22px 26px 40px;max-width:1700px;margin:auto}.status{min-height:20px;color:#c83f45;margin:0 0 4px}.view{display:none}.view.active{display:block}.hero,.page-hero{background:linear-gradient(100deg,#dffbff,#f8fdff);border:1px solid #d5f3f7;border-radius:18px;min-height:170px;padding:18px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px;box-shadow:var(--shadow)}.hero h1,.page-hero h1{font-size:34px;line-height:1.25;margin:0 0 6px;color:#0e1521}.hero p,.page-hero p{font-size:19px;margin:0;color:#617187}.page-hero small{display:block;margin-top:6px;color:#758396}.hero-art{display:flex;align-items:center;gap:20px;font-size:50px;min-width:410px;justify-content:center}.hero-art .mic{font-size:92px}.hero-art b{font-size:27px;color:#087f9c}.big-icon{font-size:62px;color:#0da3b8;order:2}.big-icon.purple{color:var(--purple)}.big-icon.blue{color:var(--blue)}.big-icon.green{color:var(--green)}.big-icon.orange{color:var(--orange)}.big-icon.pink{color:var(--pink)}.big-icon.red{color:var(--red)}.big-icon.cyan{color:var(--cyan)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats-grid article,.stats-row article{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 4px 14px rgba(45,79,99,.04);position:relative}.stats-grid article>span,.stats-row article>span{display:block;font-weight:800}.stats-grid strong,.stats-row strong{display:block;font-size:31px;margin:4px 0}.stats-grid small{color:#7b899a}.ico{width:48px;height:48px;display:grid;place-items:center;float:left;border-radius:50%;font-style:normal}.ico.blue{background:#e8f4ff;color:var(--blue)}.ico.green{background:#eaf9eb;color:var(--green)}.ico.cyan{background:#e7fbfd;color:var(--cyan)}.ico.orange{background:#fff4dc;color:var(--orange)}.ico.purple{background:#f2ebff;color:var(--purple)}.ico.pink{background:#ffedf3;color:var(--pink)}.ico.red{background:#ffeaed;color:var(--red)}.dashboard-bottom{display:grid;grid-template-columns:1.15fr 1fr .85fr;gap:14px}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 4px 14px rgba(45,79,99,.04)}.panel.narrow{max-width:620px}.panel h2{font-size:19px;margin:0 0 14px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.panel-title h2{margin:0}.pill{border-radius:8px;padding:6px 10px;font-weight:700}.pill.cyan{background:#d9f8fc;color:#087f98}.chart{height:190px;display:flex;align-items:flex-end;gap:8px;padding:20px 8px;border-bottom:1px solid #e9eff4;background:linear-gradient(#fff,#f7fbfe)}.chart span{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(#58b9ff,#1d8ef2)}.legend{display:flex;gap:18px;flex-wrap:wrap;padding-top:12px;color:#68788a}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:5px}.dot.blue{background:var(--blue)}.dot.green{background:var(--green)}.dot.purple{background:var(--purple)}.dot.pink{background:var(--pink)}.dot.orange{background:var(--orange)}.activity{list-style:none;margin:0;padding:0;display:grid;gap:12px}.activity li{display:flex;gap:10px;border-bottom:1px solid #eef3f7;padding:8px}.activity li i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#eef6ff}.activity strong,.activity span{display:block}.activity span{font-size:12px;color:#8894a3}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qa{border:0;border-radius:12px;padding:18px 10px;font-weight:800}.qa b{display:block;font-size:26px}.qa.blue{background:#eaf5ff;color:#1479cb}.qa.green{background:#eaf9ea;color:#168c43}.qa.orange{background:#fff3dc;color:#cb7d05}.qa.pink{background:#ffecf3;color:#d62d68}.page-hero{min-height:132px;justify-content:flex-start}.page-hero>div{flex:1}.page-hero h1{font-size:31px}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.logo-preview{display:grid;place-items:center;background:#f7fbfd;border:1px dashed #c8dbe7;border-radius:12px;padding:14px;margin-bottom:12px}.banner-placeholder{height:130px;border-radius:12px;background:linear-gradient(100deg,#d8faff,#e9fcff);display:grid;place-items:center;font-size:34px;color:#078ca7}.banner-placeholder strong{display:block;font-size:22px}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.thumbs span,.thumbs button{height:55px;border:1px dashed #c7d9e5;border-radius:9px;background:linear-gradient(135deg,#1278e7,#55c8ff)}.thumbs span:nth-child(2){background:linear-gradient(135deg,#632bca,#2e95fb)}.thumbs span:nth-child(3){background:linear-gradient(135deg,#17263f,#e8437c)}.thumbs button{background:#f8fcfe;color:#2196d2;font-size:24px}.toggle-list{display:grid;gap:8px}.toggle-list label{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid #edf2f5}.toggle-list input{width:18px;height:18px;margin:0}.simple-list{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}.simple-list li{padding:8px 4px;border-bottom:1px solid #edf2f5}.section-toolbar{display:flex;align-items:end;gap:12px;margin-bottom:14px;background:#fff;border:1px solid var(--border);padding:12px;border-radius:14px}.section-toolbar label{flex:1;max-width:480px;font-weight:800}.section-toolbar select{margin-top:5px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.stats-row strong{font-size:27px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:720px}.table-wrap th,.table-wrap td{padding:11px 10px;border-bottom:1px solid #e7eef3;text-align:right}.table-wrap thead th{background:#f6fafc;color:#647487;font-size:13px}.state{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:30px;font-weight:700}.state.on{background:#e9f9ed;color:#178f44}.state.off{background:#ffedef;color:#d93442}.role{display:inline-block;border-radius:7px;padding:4px 8px;background:#e9f4ff;color:#2078c7;font-weight:800}.action-row{display:flex;gap:6px}.action-row button{border:1px solid #d7e3eb;background:#fff;border-radius:7px;padding:6px 9px}.permission-grid,.member-grid,.downloads-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}.permission-table td{text-align:center;color:#16a655;font-weight:900}.permission-checks{display:grid;gap:8px;margin:10px 0}.permission-checks span{padding:10px;background:#f5fbfd;border-radius:8px}.room-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.room-card{border:1px solid #e2ebf0;border-radius:12px;padding:14px;background:#fbfdff}.room-card strong,.room-card span{display:block}.room-card span{color:#7a8899;font-size:13px;margin-top:4px}.person-list{display:grid;gap:8px}.person{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e4ebf0;border-radius:10px;padding:10px;background:#fcfdfe}.person span{color:#718094}.permission-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.permission-cards article{border:1px solid #dfebf1;border-radius:12px;padding:16px}.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.empty-state{border:1px dashed #c8d8e3;background:#f8fbfd;border-radius:12px;padding:34px;text-align:center;color:#7a8898}.mail-toolbar{display:flex;gap:10px;margin-bottom:12px}.mail-toolbar input{flex:1}.downloads-grid{grid-template-columns:1fr 1fr}.downloads-grid code{display:block;background:#f4f8fb;padding:12px;border-radius:9px;direction:ltr;text-align:left;margin:12px 0;overflow:auto}.primary,.secondary,.ghost,.link-button{border-radius:9px;min-height:40px;padding:8px 15px;font-weight:800;text-decoration:none;text-align:center}.primary{background:linear-gradient(135deg,#14adc0,#0799b4);border:0;color:#fff}.secondary{background:#e9f7fb;border:1px solid #bfe5ee;color:#087d96}.ghost{background:#fff;border:1px solid #cde3eb;color:#138aa2}.wide{width:100%}.link-button{display:block}.primary:disabled,.secondary:disabled{opacity:.55;cursor:not-allowed}.hint{color:#798799;font-size:13px}.status{color:#c43b45}.content label{font-weight:700}.content label input{font-weight:400}.content code{font-family:ui-monospace,Consolas,monospace}.content form label{display:block;margin:12px 0}
@media(max-width:1150px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-bottom,.site-grid,.three-cols{grid-template-columns:1fr 1fr}.room-cards{grid-template-columns:1fr 1fr}.top-brand{display:none}.hero-art{min-width:300px}.permission-grid{grid-template-columns:1fr}}
@media(max-width:760px){.admin-app{display:block}.sidebar{position:static;width:auto;border:0;border-bottom:1px solid var(--border);padding:8px}.sidebar-brand{display:none}.sidebar nav{display:flex;overflow:auto;padding:0;gap:4px}.sidebar nav button{white-space:nowrap;padding:8px 11px;font-size:13px}.main-shell{margin:0}.topbar{height:auto;padding:10px 12px;flex-wrap:wrap}.search{order:3;width:100%}.top-actions{margin-right:auto}.user-pill small{display:none}.content{padding:12px}.hero,.page-hero{padding:16px;min-height:auto}.hero{display:block}.hero-art{display:none}.hero h1,.page-hero h1{font-size:24px}.stats-grid,.stats-row,.dashboard-bottom,.site-grid,.three-cols,.member-grid,.downloads-grid,.permission-cards{grid-template-columns:1fr}.room-cards{grid-template-columns:1fr}.page-hero .big-icon{font-size:40px}.section-toolbar{display:block}.section-toolbar button{margin-top:8px;width:100%}.quick-actions{grid-template-columns:1fr 1fr}.mail-toolbar{display:block}.mail-toolbar>*{margin-bottom:8px;width:100%}.top-actions>button{padding:0 9px}.top-actions #logout{border-radius:9px}.panel{padding:13px}}

.brand-logo{width:64px;height:64px;object-fit:cover;border-radius:17px;box-shadow:0 4px 14px rgba(4,122,139,.16)}.brand-logo.round{width:70px;height:70px;border-radius:50%}.brand-logo.large{width:122px;height:122px}.sidebar-brand .brand-logo{width:58px;height:58px}.logo-preview .brand-logo{box-shadow:0 8px 22px rgba(4,122,139,.18)}