@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap');
:root{--navy:#102f3a;--navy-2:#174553;--teal:#2e7f86;--aqua:#68d2cc;--coral:#f3735b;--gold:#ebb94f;--ink:#17303a;--muted:#6b7f86;--bg:#f3f7f6;--line:#d8e3e1;--white:#fff;--shadow:0 16px 42px rgba(24,58,65,.09)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);background:var(--bg);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--navy);color:#dcebec;padding:25px 16px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.12)}.brand img{width:176px;max-height:49px;object-fit:contain;object-position:left center}.brand span{display:none}.sidebar nav{display:grid;gap:7px;margin-top:24px}.nav-item{border:0;background:transparent;color:#b8cccf;border-radius:11px;min-height:48px;padding:0 14px;display:flex;align-items:center;gap:13px;text-align:left;font-weight:600;position:relative}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:#285564;color:#fff;box-shadow:inset 3px 0 var(--aqua)}.nav-item i,.metric-icon{width:20px;height:20px;display:grid;place-items:center}.nav-item svg,.metric-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-item b{margin-left:auto;min-width:20px;height:20px;border-radius:20px;background:var(--coral);color:#fff;font-size:10px;display:grid;place-items:center}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:17px;display:grid;gap:8px}.sidebar-bottom a,.sidebar-bottom button{color:#dcebec;text-decoration:none;background:transparent;border:0;padding:10px 12px;text-align:left;border-radius:9px}.sidebar-bottom a:hover,.sidebar-bottom button:hover{background:rgba(255,255,255,.07)}main{margin-left:248px;min-height:100vh}.topbar{height:84px;padding:0 42px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.88);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:15}.topbar-title{display:grid}.topbar-title span,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--coral);margin:0 0 5px}.topbar-title strong{font-size:17px}.topbar-actions{display:flex;gap:12px;align-items:center}.refresh{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 13px;color:var(--muted)}.admin-chip{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:16px}.admin-chip>span{width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,var(--teal),var(--navy-2));color:#fff;display:grid;place-items:center;font-weight:700}.admin-chip div{display:grid}.admin-chip small{text-transform:capitalize;color:var(--muted);font-size:11px}.menu-button{display:none}.view{display:none;padding:42px;max-width:1580px;margin:auto}.view.active{display:block}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:4px 0 30px}.page-heading.compact{align-items:center}.page-heading h1{font-family:'DM Serif Display',serif;font-size:44px;line-height:1.04;margin:0 0 8px;font-weight:400;letter-spacing:-.6px}.page-heading>div>p:last-child{color:var(--muted);font-size:15px;margin:0}.primary-button{border:0;background:var(--navy);color:#fff;border-radius:10px;padding:13px 18px;font-weight:700;box-shadow:0 9px 20px rgba(16,47,58,.15)}.primary-button:hover{background:var(--navy-2)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:18px}.metric-card,.panel{background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.metric-card{padding:21px;position:relative;overflow:hidden}.metric-card.feature{background:linear-gradient(140deg,var(--navy),#205d68);color:#fff;border:0}.metric-card.attention{border-color:#f1d7cd}.metric-card small{font-size:10px;font-weight:700;letter-spacing:1.25px;color:var(--muted)}.metric-card.feature small{color:#9ed7d5}.metric-card>strong{display:block;font-size:35px;line-height:1;margin:14px 0 8px}.metric-card p{margin:0;font-size:12px;color:var(--muted)}.metric-card.feature p{color:#c7e2e2}.metric-icon{position:absolute;right:18px;top:18px;width:36px;height:36px;border-radius:10px;color:var(--teal);background:#e9f4f3}.feature .metric-icon{background:rgba(255,255,255,.12);color:var(--aqua)}.attention .metric-icon{background:#fff0ea;color:var(--coral)}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.panel{padding:23px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:17px;border-bottom:1px solid var(--line)}.panel-heading h2{font-family:'DM Serif Display',serif;font-weight:400;font-size:24px;margin:0}.large-stat{display:grid;text-align:right}.large-stat strong{font-size:27px}.large-stat small{color:var(--muted)}.growth-chart{height:190px;padding:26px 2px 2px;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid var(--line)}.growth-bar{flex:1;min-width:4px;border-radius:5px 5px 0 0;background:linear-gradient(var(--aqua),var(--teal));position:relative;transition:.2s}.growth-bar:hover{filter:saturate(1.2);transform:translateY(-2px)}.growth-bar i{display:none;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);font-style:normal;font-size:10px;background:var(--navy);color:#fff;padding:3px 6px;border-radius:5px;white-space:nowrap}.growth-bar:hover i{display:block}.attention-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.attention-row:last-child{border:0}.attention-row>span{width:39px;height:39px;border-radius:11px;background:#edf5f4;color:var(--teal);display:grid;place-items:center;font-weight:700}.attention-row div{flex:1;display:grid}.attention-row small{color:var(--muted)}.attention-row button{border:0;background:transparent;color:var(--teal);font-weight:700}.pulse-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding-top:19px}.pulse-grid div{background:#f5f8f7;border-radius:12px;padding:15px}.pulse-grid strong{display:block;font-size:23px}.pulse-grid small{color:var(--muted)}.system-row{display:flex;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.system-row:last-child{border:0}.system-row i{width:9px;height:9px;border-radius:50%;background:#40b895;box-shadow:0 0 0 5px #e6f7f1;margin-right:13px}.system-row span{flex:1}.system-row small{color:#24886a;font-weight:700}.healthy,.roadmap{color:#24886a;background:#e8f6f1;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:700;letter-spacing:.5px}.toolbar{display:grid;grid-template-columns:1fr 190px 190px;gap:10px;padding:13px;margin-bottom:16px}.toolbar input,.toolbar select,.member-row select{height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:0 12px}.member-panel{padding:0;overflow:hidden}.table-head,.member-row{display:grid;grid-template-columns:minmax(280px,1.5fr) 1fr 145px 145px 130px;gap:14px;align-items:center}.table-head{padding:12px 19px;background:#f6f9f8;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1px}.member-row{padding:15px 19px;border-top:1px solid var(--line)}.member-identity{display:flex;align-items:center;gap:11px;min-width:0}.avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--teal),var(--navy));color:#fff;display:grid;place-items:center;font-weight:700;flex:0 0 auto;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.member-identity div{min-width:0}.member-identity strong,.member-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-identity small,.activity-copy small{color:var(--muted);margin-top:2px}.activity-copy{display:grid}.member-row select:disabled{opacity:.72;background:#f3f5f4}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#50b896;margin-right:6px}.status-dot.suspended{background:var(--gold)}.status-dot.banned{background:var(--coral)}.segmented{display:flex;gap:5px;margin-bottom:18px}.segmented button{border:1px solid var(--line);background:#fff;padding:9px 15px;color:var(--muted)}.segmented button:first-child{border-radius:9px 0 0 9px}.segmented button:last-child{border-radius:0 9px 9px 0}.segmented button.active{background:var(--navy);border-color:var(--navy);color:#fff}.report-list{display:grid;gap:14px}.report-card{padding:21px}.report-top{display:flex;justify-content:space-between;gap:18px}.report-top h3{margin:3px 0;font-size:19px}.report-top p{margin:0;color:var(--muted)}.report-status{text-transform:uppercase;border-radius:999px;height:fit-content;padding:7px 10px;font-size:10px;font-weight:700;letter-spacing:.7px;background:#fff1eb;color:#b84b35}.report-card blockquote{margin:17px 0;background:#f5f8f7;border-left:3px solid var(--coral);padding:13px 15px;color:#445c64}.report-meta{font-size:11px;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--line)}.report-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:16px}.report-actions button,.moderation-actions button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 13px;font-weight:700;color:var(--ink)}.report-actions .danger,.moderation-actions .reject{color:#b64532;border-color:#efc6bd}.moderation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.moderation-card{padding:0;overflow:hidden}.moderation-image{height:260px;background:#e9efee;display:grid;place-items:center}.moderation-image img{width:100%;height:100%;object-fit:contain}.moderation-copy{padding:16px}.moderation-copy h3{margin:0 0 3px}.moderation-copy p{margin:0;color:var(--muted);font-size:12px}.moderation-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:14px}.moderation-actions .approve{background:var(--navy);color:#fff;border-color:var(--navy)}.ad-hero{min-height:320px;border-radius:20px;background:linear-gradient(120deg,#0d303b 0%,#195563 65%,#31868a 100%);color:#fff;padding:48px;display:grid;grid-template-columns:1.5fr .8fr;align-items:center;gap:50px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.ad-hero:after{content:"";position:absolute;width:400px;height:400px;border:70px solid rgba(105,210,204,.12);border-radius:50%;right:-100px;top:-180px}.ad-hero>div{position:relative;z-index:1}.ad-hero span,.ad-hero>div>span{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#8ee5e0}.ad-hero h2{font-family:'DM Serif Display',serif;font-size:42px;line-height:1.05;margin:11px 0}.ad-hero p{color:#c7dddd;max-width:680px;line-height:1.6}.ad-hero button{margin-top:13px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:12px 16px}.ad-preview{background:#fff;color:var(--ink);border-radius:16px;padding:24px;box-shadow:0 20px 55px rgba(0,0,0,.18)}.ad-preview strong{display:block;font-family:'DM Serif Display',serif;font-size:25px;margin:9px 0}.ad-preview p{color:var(--muted);font-size:12px}.ad-preview>span{color:var(--teal)!important}.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:18px}.roadmap-grid article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.roadmap-grid b{color:var(--coral);font-size:11px}.roadmap-grid h3{margin:13px 0 8px}.roadmap-grid p{color:var(--muted);line-height:1.55;margin:0}.audit-panel{padding:0}.audit-row{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;padding:15px 20px;border-bottom:1px solid var(--line)}.audit-row:last-child{border:0}.audit-mark{width:42px;height:42px;border-radius:12px;background:#ecf5f4;color:var(--teal);display:grid;place-items:center;font-weight:700}.audit-row strong{display:block}.audit-row p{margin:2px 0 0;color:var(--muted)}.audit-row time{color:var(--muted);font-size:11px}.empty{padding:45px;text-align:center;color:var(--muted)}.loading-screen,.error-screen{position:fixed;inset:84px 0 0 248px;background:var(--bg);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.loading-screen span{width:38px;height:38px;border:3px solid #cddedc;border-top-color:var(--coral);border-radius:50%;animation:spin .8s linear infinite}.loading-screen strong{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{text-align:center}.error-screen h1{font-family:'DM Serif Display',serif;font-weight:400;font-size:36px;margin:0}.error-screen p{color:var(--muted)}.error-screen button{background:var(--navy);color:#fff;border:0;border-radius:9px;padding:11px 18px}.modal-backdrop{position:fixed;inset:0;background:rgba(9,32,40,.72);backdrop-filter:blur(6px);z-index:50;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{width:min(520px,100%);background:#fff;border-radius:19px;padding:29px;position:relative;box-shadow:0 28px 80px rgba(0,0,0,.25)}.modal-close{position:absolute;right:18px;top:15px;border:0;background:transparent;font-size:25px;color:var(--muted)}.modal h2{font-family:'DM Serif Display',serif;font-size:32px;font-weight:400;margin:5px 0 8px}.modal>p:not(.eyebrow){color:var(--muted);line-height:1.55}.modal form{display:grid;gap:14px;margin-top:20px}.modal label{display:grid;gap:6px;font-size:12px;font-weight:700}.modal input,.modal select{height:46px;border:1px solid var(--line);border-radius:9px;padding:0 12px;background:#fff}.modal form>small{color:var(--muted);line-height:1.5}.toast{position:fixed;right:24px;bottom:24px;background:var(--navy);color:#fff;padding:13px 17px;border-radius:10px;box-shadow:0 15px 35px rgba(0,0,0,.22);z-index:70;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.moderation-grid,.roadmap-grid{grid-template-columns:repeat(2,1fr)}.table-head{display:none}.member-row{grid-template-columns:1fr 1fr 1fr}.member-identity{grid-column:1/-1}.ad-hero{grid-template-columns:1fr}.ad-preview{display:none}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.sidebar:after{content:""}.menu-button{display:block;border:0;background:transparent;font-size:20px}.topbar{height:70px;padding:0 16px}.topbar-title{display:none}.refresh span,.admin-chip div{display:none}main{margin-left:0}.view{padding:24px 16px}.page-heading{align-items:flex-start;gap:18px}.page-heading h1{font-size:35px}.page-heading>.primary-button{white-space:nowrap}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:17px}.metric-card>strong{font-size:29px}.pulse-grid{grid-template-columns:repeat(2,1fr)}.toolbar{grid-template-columns:1fr}.member-row{grid-template-columns:1fr}.moderation-grid,.roadmap-grid{grid-template-columns:1fr}.ad-hero{padding:28px}.ad-hero h2{font-size:34px}.report-actions{flex-wrap:wrap}.loading-screen,.error-screen{left:0;top:70px}}
@media(max-width:470px){.metric-grid{grid-template-columns:1fr}.page-heading{display:block}.page-heading>.primary-button,.page-heading>.roadmap{margin-top:16px}.topbar-actions{gap:6px}.panel{padding:18px}}
.loading-screen[hidden],.error-screen[hidden]{display:none}