*{box-sizing:border-box}body{color:#fafafa;background:#101010;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.screen-center{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{background:#18181b;border:1px solid #1f1f22;border-radius:16px;gap:.875rem;width:100%;max-width:24rem;padding:1.25rem;display:grid}.auth-brand{letter-spacing:.01em;margin:0;font-size:1.05rem;font-weight:700}.auth-brand span{color:#f59e0b}.auth-card h1{margin:0;font-size:1.3rem}.auth-card p{color:#a1a1aa;margin:0}.auth-card label{gap:.4rem;font-size:.9rem;display:grid}.auth-card input{color:#fafafa;background:#111115;border:1px solid #27272a;border-radius:8px;padding:.6rem .7rem}.auth-card button{color:#000;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;padding:.65rem .75rem;font-weight:600}.auth-card button:disabled{opacity:.75;cursor:not-allowed}.error{color:#ff8e8e;font-size:.9rem}.admin-layout{min-height:100vh;display:flex}.sidebar{background:#070707;border-right:1px solid #1f1f22;flex-direction:column;gap:.9rem;width:250px;padding:.9rem .7rem;display:flex}.sidebar-brand{letter-spacing:.01em;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.1rem;height:50px;padding:0 .25rem;font-size:1rem;font-weight:700;line-height:1.2;display:flex}.sidebar-brand span{color:#f59e0b}.sidebar-brand small{color:#a1a1aa;margin-left:.45rem;font-size:.65rem;font-weight:500}.sidebar-nav{gap:.3rem;display:grid}.sidebar-link{color:#d4d4d8;border-radius:10px;align-items:center;gap:.58rem;padding:.58rem .72rem;font-size:.92rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{background:#18181b}.sidebar-link.active{color:#f59e0b;background:#f59e0b1a}.sidebar-logout{color:#a1a1aa;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.56rem;margin-top:auto;padding:.58rem .72rem;display:flex}.sidebar-logout:hover{color:#fca5a5;background:#7f1d1d1a}.content-area{flex:1;min-width:0}.topbar{border-bottom:1px solid #1f1f22;justify-content:space-between;align-items:center;height:64px;padding:0 1rem;display:flex}.topbar-title{font-size:.92rem;font-weight:600}.topbar-user{color:#a1a1aa;font-size:.82rem}.content-wrap{padding:2rem}.page-stack{gap:1.5rem;display:grid}.page-title{letter-spacing:-.01em;margin:0;font-size:1.82rem;font-weight:700}.page-subtitle{color:#a1a1aa;margin:.3rem 0 0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.panel{background:#18181b;border:1px solid #1f1f22;border-radius:16px;padding:1rem}.stat-card{padding:1rem 1.1rem}.stat-top{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.stat-top h4{margin:0;font-size:.87rem;font-weight:500}.stat-icon{color:#a1a1aa;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.stat-value{margin-bottom:.2rem;font-size:1.6rem;font-weight:700}.dashboard-grid{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.panel-large{min-height:400px}.panel-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.panel-head h3{margin:0;font-size:1rem}.panel-head p{color:#a1a1aa;margin:.2rem 0 0;font-size:.86rem}.range-tabs{border:1px solid #ffffff0d;border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.range-tabs button{color:#d4d4d8;cursor:pointer;background:#18181b80;border:none;height:34px;padding:0 .65rem;font-size:.74rem}.sub-tabs{flex-wrap:wrap;gap:.45rem;display:flex}.sub-tabs button{color:#d4d4d8;cursor:pointer;background:#111115;border:1px solid #27272a;border-radius:8px;padding:.45rem .75rem;font-size:.8rem}.sub-tabs button.active{color:#fafafa;background:#27272a;border-color:#3f3f46}.row-actions{flex-wrap:wrap;gap:.35rem;display:flex}.sort-btn.danger{color:#fca5a5;border-color:#7f1d1d}.inline-select{color:#fafafa;background:#111115;border:1px solid #27272a;border-radius:6px;padding:.25rem .4rem;font-size:.8rem}.range-tabs button.active{color:#fafafa;background:#27272a}.chart-box{height:300px}.activity-list{min-height:300px}.recent-list{gap:.7rem;display:grid}.recent-item{border-radius:10px;align-items:flex-start;gap:.7rem;padding:.6rem;display:flex}.recent-item:hover{background:#27272a73}.recent-item p{margin:0;font-size:.88rem}.recent-item small{color:#a1a1aa}.dot{background:#f59e0b;border-radius:999px;width:8px;height:8px;margin-top:7px}.muted{color:#a1a1aa;margin:0;font-size:.88rem}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.88rem}.table th,.table td{text-align:left;vertical-align:middle;border-bottom:1px solid #27272a;padding:.7rem .55rem}.table th{color:#a1a1aa;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.user-cell{align-items:center;gap:.65rem;display:flex}.user-cell p{margin:0}.user-cell small{color:#a1a1aa}.avatar{background:#27272a;border-radius:999px;place-items:center;width:32px;height:32px;font-size:.72rem;display:grid}.sort-btn{color:#fafafa;cursor:pointer;background:0 0;border:1px solid #27272a;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.78rem;display:inline-flex}.content-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.content-card{border:1px solid #27272a;border-radius:12px;min-height:220px;position:relative;overflow:hidden}.content-poster{background-position:50%;background-size:cover;position:absolute;inset:0}.content-overlay{background:linear-gradient(#00000026,#000000d9);position:absolute;inset:0}.content-body{width:100%;padding:.8rem;position:absolute;bottom:0}.content-body h4{margin:.35rem 0}.content-body small,.content-body .badge{align-items:center;gap:.35rem;display:inline-flex}.badge{color:#fcd34d;background:#f59e0b33;border:1px solid #f59e0b59;border-radius:999px;padding:.2rem .45rem;font-size:.68rem}.live-badge{color:#fca5a5;letter-spacing:.08em;vertical-align:middle;background:#ef444426;border:1px solid #ef444466;border-radius:999px;align-items:center;gap:.35rem;padding:.18rem .5rem;font-size:.62rem;font-weight:700;display:inline-flex}.live-dot{background:#ef4444;border-radius:999px;width:7px;height:7px;animation:1.6s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 #ef444480}50%{opacity:.55;box-shadow:0 0 0 5px #ef444400}}.ticker{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.ticker p{color:#a1a1aa;text-transform:uppercase;margin:0;font-size:.75rem}.ticker h3{margin:.35rem 0 0;font-size:1.4rem}.stack-sm{gap:.6rem;display:grid}.rank-row{background:#18181b99;border:1px solid #ffffff0d;border-radius:10px;grid-template-columns:40px 1fr auto;align-items:center;gap:.6rem;padding:.6rem;display:grid}.rank-row p{margin:0}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.settings-grid label{color:#d4d4d8;gap:.35rem;font-size:.82rem;display:grid}.settings-grid input,.settings-grid textarea,.settings-grid select{color:#fafafa;background:#111115;border:1px solid #27272a;border-radius:8px;padding:.5rem .6rem}.settings-grid textarea{resize:vertical;box-sizing:border-box;width:100%;min-height:78px}.settings-grid textarea.textarea-stretch{resize:both;min-height:120px;max-height:min(70vh,560px);overflow:auto}.settings-grid .full{grid-column:1/-1}.apk-upload-block{gap:.75rem;display:grid}.apk-dropzone{text-align:center;cursor:pointer;background:#111115;border:1px dashed #3f3f46;border-radius:10px;padding:1.1rem 1rem;transition:border-color .15s,background .15s}.apk-dropzone:hover,.apk-dropzone:focus-visible{border-color:#71717a;outline:none}.apk-dropzone.is-dragging{background:#18181b;border-color:#a1a1aa}.apk-dropzone.has-file{border-style:solid;border-color:#52525b}.apk-dropzone-title{color:#fafafa;word-break:break-all;margin:0;font-size:.92rem}.apk-dropzone-hint{margin:.35rem 0 0;font-size:.78rem}.apk-upload-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.sort-btn.ghost{color:#d4d4d8;background:0 0;border:1px solid #3f3f46}.settings-heading{color:#fafafa;grid-column:1/-1;margin:.85rem 0 0;font-size:.92rem;font-weight:650}.settings-heading:first-of-type{margin-top:0}.settings-grid .switch{align-items:center;gap:.5rem;display:flex}.settings-grid .switch input{width:16px;height:16px}.panel-note{margin:-.25rem 0 .85rem;font-size:.85rem}.pricing-section{border-top:1px solid #ffffff0f;margin-top:.35rem;padding-top:.35rem}.pricing-section h4{color:#fafafa;margin:0 0 .25rem;font-size:.92rem}.pricing-section .muted{margin:0;font-size:.8rem}.link-btn{color:#67e8f9;cursor:pointer;text-align:left;background:0 0;border:0;margin-top:.35rem;padding:0;font-size:.78rem}.link-btn:hover{color:#a5f3fc;text-decoration:underline}.audience-badge{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.audience-nigeria{color:#86efac;background:#22c55e26}.audience-international{color:#7dd3fc;background:#38bdf826}.form-actions{flex-wrap:wrap;gap:.5rem;display:flex}.ok-text{color:#86efac;margin:0;font-size:.9rem}.tiny-btn{color:#e4e4e7;cursor:pointer;background:0 0;border:1px solid #3f3f46;border-radius:6px;margin-right:.35rem;padding:.2rem .45rem}.tiny-btn.danger{color:#fca5a5;border-color:#7f1d1d}.users-toolbar{align-items:flex-start}.users-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.search-field{border:1px solid #27272a;border-radius:8px;align-items:center;gap:.45rem;min-width:220px;padding:.35rem .55rem;display:inline-flex}.search-field input{color:#fafafa;background:0 0;border:none;outline:none;width:100%;font-size:.82rem}.avatar-img{object-fit:cover;border-radius:999px;width:32px;height:32px}.role-badge{color:#d4d4d8;border:1px solid #3f3f46;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;display:inline-flex}.role-badge.admin{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b73}.block-muted{color:#a1a1aa;margin-top:.15rem;font-size:.72rem;display:block}.pref-stack{gap:.2rem;display:grid}.on-text{color:#86efac}.actions-col{text-align:right;width:90px}.menu-wrap{display:inline-block;position:relative}.icon-btn{padding:.25rem .4rem}.action-menu{z-index:20;background:#111115;border:1px solid #27272a;border-radius:10px;gap:.15rem;min-width:190px;padding:.35rem;display:grid;position:absolute;top:calc(100% + 4px);right:0}.action-menu button{color:#e4e4e7;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.45rem .55rem;font-size:.82rem;display:inline-flex}.action-menu button:hover:not(:disabled){background:#27272a}.action-menu .disabled-action{opacity:.45;cursor:not-allowed}.pagination{justify-content:space-between;align-items:center;gap:.8rem;margin-top:1rem;display:flex}.modal-backdrop{z-index:50;background:#000000a6;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{background:#18181b;border:1px solid #27272a;border-radius:14px;gap:.75rem;width:100%;max-width:26rem;padding:1rem;display:grid}.modal-card h3{margin:0}.modal-card label{gap:.35rem;font-size:.84rem;display:grid}.modal-card select{color:#fafafa;background:#111115;border:1px solid #27272a;border-radius:8px;padding:.45rem .55rem}.modal-actions{gap:.5rem;margin-top:.25rem;display:flex}.ad-edit-form{border-top:1px solid #27272a;margin-top:1rem;padding-top:1rem}.ad-edit-form h4{margin:0 0 .3rem;font-size:.95rem}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.ticker{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}}@media (width<=860px){.admin-layout{flex-direction:column}.sidebar{border-bottom:1px solid #1f1f22;border-right:none;width:100%}.content-wrap{padding:1rem}}.field-label{color:#d4d4d8;margin-bottom:.35rem;font-size:.82rem;display:block}.email-compose-actions{gap:.6rem;display:flex}.ai-compose-btn{align-items:center;gap:.45rem;display:inline-flex}.rich-editor-shell{background:#111115;border:1px solid #27272a;border-radius:10px;overflow:hidden}.rich-editor-toolbar{background:#18181b;border-bottom:1px solid #27272a;flex-wrap:wrap;gap:.35rem;padding:.45rem;display:flex}.rich-editor-btn{color:#e4e4e7;cursor:pointer;background:0 0;border:1px solid #3f3f46;border-radius:6px;padding:.25rem .55rem;font-size:.75rem}.rich-editor-btn.active{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b8c}.rich-editor-content{color:#fafafa;outline:none;min-height:220px;padding:.8rem .9rem}.rich-editor-content p,.email-preview p{margin:0 0 .75rem}.rich-editor-content h2,.email-preview h2{margin:0 0 .6rem;font-size:1.15rem}.rich-editor-content ul,.rich-editor-content ol,.email-preview ul,.email-preview ol{margin:0 0 .75rem;padding-left:1.2rem}.rich-editor-content:empty:before{content:attr(data-placeholder);color:#71717a;pointer-events:none}.email-preview-wrap{gap:.35rem;display:grid}.email-preview{color:#e4e4e7;background:#0d0d10;border:1px solid #27272a;border-radius:10px;min-height:120px;padding:1rem}