@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#17182b;--muted:#7f8197;--line:#ececf4;--bg:#f8f8fc;--purple:#6c63ff;--green:#2dbd82;--orange:#ff9a54;--blue:#4b9cff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;letter-spacing:-.035em}h1{font-size:30px;margin:5px 0 6px;font-weight:700}h3{font-size:16px;margin:0 0 3px}.muted,small{color:var(--muted)}a{color:var(--purple);text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;background:#191a2e;color:#aeb0c6;display:flex;flex-direction:column;padding:27px 16px;position:fixed;inset:0 auto 0 0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:#fff;font:700 21px 'Space Grotesk';padding:0 11px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:linear-gradient(135deg,#7c73ff,#a59fff);color:#fff;border-radius:9px;font-size:16px}.text-accent{color:#9089ff}.workspace{font:600 10px 'Space Grotesk';letter-spacing:.14em;color:#6d708c;margin:44px 12px 12px}.status-dot{display:inline-block;width:7px;height:7px;background:#35d590;border-radius:50%;box-shadow:0 0 0 3px rgba(53,213,144,.12)}.nav-link{display:flex;align-items:center;gap:13px;color:#aeb0c6;border-radius:9px;padding:11px 12px;margin:3px 0;transition:.18s}.nav-link i{font-size:16px}.nav-link:hover,.nav-link.active{background:#292a47;color:#fff}.nav-link.active{box-shadow:inset 3px 0 var(--purple)}.nav-section{color:#686b88;font-size:10px;font-weight:700;letter-spacing:.12em;padding:25px 12px 8px}.sidebar-bottom{margin-top:auto}.main{margin-left:246px;width:calc(100% - 246px)}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.crumb{color:var(--muted);font-size:13px}.crumb i{font-size:10px;margin:0 9px}.top-actions{display:flex;align-items:center;gap:20px}.live-pill{font-size:12px;background:#effbf5;color:#24845b;padding:8px 11px;border-radius:20px}.live-pill .status-dot{margin-right:7px}.icon-button{border:0;background:transparent;color:#85869b;font-size:17px;padding:3px;position:relative}.notification-dot{position:absolute;top:1px;right:0;width:5px;height:5px;background:#ff6464;border-radius:50%}.avatar{width:33px;height:33px;border-radius:50%;background:#e5e3ff;color:#5b53d6;display:grid;place-items:center;font-weight:700;font-size:12px}.admin-name{font-weight:600;font-size:13px}.admin-name small{display:block;font-weight:400;font-size:11px;margin-top:2px}.content{padding:35px 40px;max-width:1500px}.eyebrow{font:700 10px 'Space Grotesk';color:#9293aa;letter-spacing:.14em}.wave{color:#ffbd64;font-size:25px}.btn{border-radius:8px;font-weight:600;font-size:13px}.btn-primary{background:var(--purple);border-color:var(--purple);box-shadow:0 6px 15px rgba(108,99,255,.2)}.btn-primary:hover{background:#584fe4;border-color:#584fe4}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 14px rgba(35,35,70,.025)}.stat-card{padding:21px;position:relative;min-height:155px}.stat-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:18px;margin-bottom:18px}.purple{color:#6d64f8;background:#efeeff}.blue{color:#438ce8;background:#eaf4ff}.green{color:#27aa73;background:#e9faf2}.orange{color:#f28a43;background:#fff3e9}.stat-label{color:var(--muted);font-size:12px}.stat-value{font:700 27px 'Space Grotesk';margin:4px 0}.stat-trend{font-size:11px;color:#2ca774}.panel{padding:22px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.panel-head p{font-size:12px;color:var(--muted);margin:0}.chart-select{width:110px}.chart-wrap{height:245px;display:flex}.chart-y{width:38px;display:flex;flex-direction:column;justify-content:space-between;color:#aaaabd;font-size:10px;padding-bottom:27px}.chart{position:relative;flex:1}.grid-lines{position:absolute;inset:7px 0 28px;background:repeating-linear-gradient(to bottom,#eff0f6 0,#eff0f6 1px,transparent 1px,transparent 25%)}svg{position:absolute;inset:8px 0 28px;width:100%;height:calc(100% - 36px)}.area{fill:url(#fill)}.line{fill:none;stroke:var(--purple);stroke-width:3;vector-effect:non-scaling-stroke}.chart-x{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#aaaabd;font-size:10px}.badge-soft{font-size:10px;padding:5px 9px;border-radius:5px;font-weight:700}.badge-soft.green{color:#238a60;background:#e9faf2}.badge-soft.orange{color:#be6c34;background:#fff3e9}.health-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f1f1f6}.health-row>div{flex:1}.health-row strong,.health-row small{display:block}.health-row strong{font-size:12px}.health-row small{font-size:11px;margin-top:2px}.health-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.mini-callout{display:flex;align-items:center;gap:10px;background:#f8f8ff;border-radius:9px;padding:11px;margin-top:15px}.mini-callout>i{font-size:21px;color:var(--purple)}.mini-callout strong,.mini-callout small{display:block;font-size:11px}.text-link{font-size:12px;font-weight:700}.table{margin:0;color:var(--ink)}.table> :not(caption)>*>*{padding:14px 10px;border-bottom-color:#f0f0f5;font-size:12px}.table thead th{font-size:10px;color:#9698aa;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600}.status-badge span{width:6px;height:6px;border-radius:50%;background:#aaa}.status-badge.active span,.status-badge.delivered span,.status-badge.read span{background:#31c487}.status-badge.paused span{background:#ffad45}.status-badge.failed span,.status-badge.disabled span{background:#f37575}.site-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8d85ff;margin-right:8px}.progress-row{margin:19px 0}.progress-row strong,.progress-row span{font-size:12px}.progress{height:7px;background:#f0f0f6;border-radius:10px;margin-top:8px}.progress-bar{border-radius:10px}.progress-bar.purple{background:var(--purple)}.progress-bar.blue{background:var(--blue)}.progress-bar.orange{background:var(--orange)}.progress-bar.green{background:var(--green)}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px}.search{position:relative;max-width:270px;flex:1}.search i{position:absolute;left:12px;top:9px;color:#a2a4b8}.search input{width:100%;padding:9px 12px 9px 33px;border:1px solid var(--line);border-radius:8px;font-size:12px;outline:0}.filter-select{width:150px;font-size:12px}.entity{display:flex;align-items:center;gap:10px}.entity-avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#eeedff;color:#635bf0;font-size:10px;font-weight:700}.entity small{display:block;font-size:10px;margin-top:3px}.form-panel{max-width:900px}.form-control,.form-select{border-color:#e4e4ee;border-radius:7px;font-size:13px;padding:10px 12px}.form-control:focus,.form-select:focus{border-color:#aaa5ff;box-shadow:0 0 0 3px #eeedff}.form-panel label{font-size:12px;font-weight:700;display:block;margin-bottom:7px}.form-panel small{font-size:11px;display:block;margin-top:6px}.template-count{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font:700 23px 'Space Grotesk';margin-bottom:18px}.docs pre{background:#1b1c30;color:#e7e8f4;padding:18px;border-radius:9px;overflow:auto;font-size:12px;line-height:1.6}.security-score{display:flex;align-items:center;gap:18px;padding-bottom:20px}.score-ring{width:80px;height:80px;border:7px solid #dff8eb;border-top-color:var(--green);border-radius:50%;display:grid;place-items:center;font:700 18px 'Space Grotesk';color:#269d6c}.score-ring span{font-size:9px;color:var(--muted);margin-top:-22px}.check-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #f0f0f5;font-size:13px}.ok{color:var(--green)}.info{color:var(--orange)}.report-number{font:700 32px 'Space Grotesk';margin-top:13px}.empty-state{text-align:center;padding:55px 10px}.empty-icon{margin:0 auto 15px;width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:#efeeff;color:var(--purple);font-size:26px}.auth-body{min-height:100vh;background:#191a2e;display:grid;place-items:center;padding:20px}.auth-card{background:#fff;border-radius:18px;width:min(430px,100%);padding:47px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.auth-card.wide{width:min(580px,100%)}.auth-card h1{font-size:29px}.auth-card label{font-size:12px;font-weight:700;margin-bottom:7px;display:block}.auth-card .form-control{padding:12px}.auth-footer{text-align:center;color:#9596aa;font-size:11px;margin-top:25px}.auth-footer .status-dot{margin-right:6px}.back-link{display:block;text-align:center;margin-top:22px;font-size:12px}.setup-list{color:#66697c;line-height:2;margin:20px 0}.app-toast{position:fixed;right:28px;bottom:28px;background:#1c1d32;color:#fff;padding:13px 17px;border-radius:9px;transform:translateY(15px);opacity:0;transition:.25s;z-index:99;font-size:13px;box-shadow:0 10px 30px #0002}.app-toast.show{transform:translateY(0);opacity:1}.app-toast i{color:#55d59d;margin-right:9px}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.topbar{padding:0 20px}.content{padding:28px 20px}.admin-name,.live-pill{display:none}}@media(max-width:575px){.topbar{height:65px}.content{padding:22px 14px}.toolbar{flex-wrap:wrap}.search{max-width:none;flex-basis:100%}.filter-select{flex:1}.auth-card{padding:32px 24px}.panel{padding:16px}.top-actions{gap:10px}}

/* Responsive admin enhancements */
.modal-content{border:0;border-radius:14px;box-shadow:0 20px 70px rgba(24,25,50,.18)}.modal-header,.modal-footer{border-color:#f0f0f5;padding:18px 22px}.modal-body{padding:22px}.modal-title{font:700 18px 'Space Grotesk'}.btn-light{background:#f5f5fa;border-color:#ededf3;color:#55576b}.btn-light:hover{background:#ececf5}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:650px}.panel .table-responsive{margin:0 -10px}.table code{font-size:11px;color:#5e57d9;background:#f4f3ff;padding:4px 6px;border-radius:5px}.alert{border:0;border-radius:9px;font-size:13px}.alert code{font-size:11px}.small{font-size:11px}.form-panel{width:100%}@media(max-width:767px){h1{font-size:26px}.content{padding:22px 14px}.topbar{padding:0 14px}.crumb{display:none}.top-actions{gap:9px}.stat-card{min-height:135px;padding:16px}.stat-icon{margin-bottom:11px}.stat-value{font-size:24px}.panel-head{gap:10px}.panel-head .form-select{max-width:105px}.chart-wrap{height:205px}.panel{padding:16px}.panel .table-responsive{margin:0 -16px}.toolbar{align-items:stretch}.toolbar .btn{white-space:nowrap}.toolbar .muted{width:100%;margin:4px 0 0}.form-panel{padding:18px}.modal-dialog{margin:10px}.modal-body{padding:18px}.modal-footer{padding:14px 18px}.auth-card{max-width:430px}.entity small{max-width:140px;overflow:hidden;text-overflow:ellipsis}.d-flex.justify-content-between.align-items-end{align-items:flex-start!important}.docs pre{font-size:10px;padding:13px}}@media(max-width:420px){.admin-name{display:none}.top-actions{margin-left:auto}.stat-card{min-height:128px}.stat-label{font-size:11px}.stat-value{font-size:22px}.btn{font-size:12px}.content>.d-flex .btn{width:100%}.panel-head{display:block}.panel-head>.form-select{margin-top:12px;max-width:none;width:100%}.filter-select{width:calc(50% - 5px);flex:none}.search{flex-basis:100%}.table{min-width:600px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.input-group .btn{border-color:#e4e4ee}.nav-link:focus-visible,.btn:focus-visible,.form-control:focus-visible,.form-select:focus-visible{outline:3px solid rgba(108,99,255,.25);outline-offset:2px}