:root{--navy:#0b1f36;--navy2:#102b49;--blue:#1778f2;--blue2:#4d9cff;--bg:#f3f7fb;--card:#fff;--text:#10213a;--muted:#708096;--line:#e4ebf3;--green:#18b56a;--amber:#ffad2f;--red:#f34255;--gray:#7f8da0;--purple:#7b4df5;--shadow:0 8px 30px rgba(17,40,72,.07)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:linear-gradient(180deg,#eef6ff 0,#f6f9fc 260px,#f3f7fb 100%)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0a1c31,#0e2946);color:#d8e6f5;padding:18px 12px;overflow-y:auto;z-index:50}.brand-block{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.wheel-mark,.mini-wheel{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at center,#fff 0 22%,#1b2c42 24% 34%,#fff 36% 42%,#132237 44% 100%);color:#f8b515;font-size:16px;box-shadow:0 0 0 2px rgba(255,255,255,.08)}.brand-block strong{font-size:18px;color:#fff}.brand-block strong span,.mobile-brand span+ b span{color:#ffb51c}.brand-block small{display:block;font-size:11px;color:#9db0c5}.sidebar-close{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:28px}.side-nav{padding:12px 0}.nav-section{margin:0 0 10px}.nav-section label{display:block;padding:8px 10px 5px;color:#71859a;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.nav-link{display:flex;align-items:center;gap:9px;margin:2px 0;padding:9px 10px;border-radius:8px;color:#c9d8e7;font-size:13px}.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,#0866c9,#0878e8);color:#fff}.nav-dot{width:7px;height:7px;border-radius:50%;background:#8194a8;box-shadow:0 0 0 3px rgba(255,255,255,.04)}.nav-link.active .nav-dot{background:#fff}.sidebar-foot{margin-top:12px;padding:14px 8px 4px;border-top:1px solid rgba(255,255,255,.08)}.admin-mini,.admin-pill{display:flex;align-items:center;gap:9px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#203a59;color:#fff;font-weight:800}.admin-mini b,.admin-pill b{display:block;font-size:12px}.admin-mini small,.admin-pill small{display:block;font-size:10px;color:#8797aa}.logout-link{display:block;margin-top:10px;color:#ff8793;font-size:12px}.main{min-width:0}.app-header{height:60px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px;padding:0 20px;position:sticky;top:0;z-index:40}.icon-btn{position:relative;width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:#2e445f;font-size:20px}.icon-btn:hover{background:#f0f5fb}.icon-btn i{position:absolute;width:7px;height:7px;border-radius:50%;background:#ef3348;right:7px;top:7px;box-shadow:0 0 0 2px #fff}.menu-btn{display:none}.mobile-brand{display:none;align-items:center;gap:8px}.mobile-brand .mini-wheel{width:30px;height:30px}.mobile-brand b{font-size:16px}.search-wrap{width:min(390px,45vw);height:38px;border:1px solid #dfe7f0;background:#f4f7fb;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px}.search-wrap span{color:#7b8ca0;font-size:18px}.search-wrap input{border:0;outline:0;background:transparent;width:100%;color:#33445d;font-size:12px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.admin-pill{padding-left:8px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:20px 22px 12px}.page-head h1{margin:0 0 4px;font-size:27px;line-height:1.1}.page-head p{margin:0;color:var(--muted);font-size:12px}.page-actions{display:flex;align-items:center;gap:16px}.today{font-size:11px;color:#4f6076;text-align:right}.today small{display:block;color:#8795a7;margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;color:#20344e;padding:9px 13px;border-radius:9px;font-weight:700;font-size:12px}.btn:hover{box-shadow:0 4px 14px rgba(26,58,91,.08)}.btn.primary,.create-store{background:var(--blue);color:#fff;border-color:var(--blue)}.content-wrap{padding:0 22px 40px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:12px}.metric-card{min-height:112px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:flex-start}.metric-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:18px;background:var(--blue)}.metric-card.ok .metric-icon{background:var(--green)}.metric-card.trial .metric-icon{background:var(--amber)}.metric-card.warn .metric-icon{background:var(--red)}.metric-card.expired .metric-icon{background:var(--gray)}.metric-card.revenue .metric-icon{background:var(--purple)}.metric-card span{display:block;font-size:11px;color:#576980;margin-bottom:3px}.metric-card strong{display:block;font-size:20px;letter-spacing:-.02em;color:#0f2139;white-space:nowrap}.metric-card small{display:block;font-size:10px;color:#8795a7;margin-top:5px}.analytics-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;margin-bottom:12px}.panel,.quick-panel,.card{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);padding:14px}.panel-head,.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-head h2,.section-head h2,.card h2{font-size:14px;margin:0}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:10px}.panel-head a{color:#0b6ee7;font-size:10px;font-weight:800}.legend-dot{font-size:10px;color:#55708f}.legend-dot::first-letter{color:var(--blue)}.bar-chart{height:188px;display:flex;align-items:flex-end;gap:14px;padding:12px 4px 4px;border-top:1px solid #f0f3f7;background:repeating-linear-gradient(to top,transparent 0 44px,#edf2f7 45px)}.bar-col{height:100%;flex:1;min-width:34px;display:grid;grid-template-rows:18px 1fr 18px;align-items:end;text-align:center}.bar-track{height:100%;display:flex;align-items:flex-end;justify-content:center}.bar-track i{display:block;width:22px;min-height:10px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#4c9cff,#1c74ea);box-shadow:0 4px 12px rgba(28,116,234,.16)}.bar-col b,.bar-value{font-size:9px;color:#6d7d90;font-weight:600}.donut-wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;min-height:190px}.donut{width:150px;height:150px;margin:auto;border-radius:50%;background:conic-gradient(var(--green) 0 var(--s1),var(--amber) var(--s1) var(--s2),var(--red) var(--s2) var(--s3),var(--gray) var(--s3) 100%);display:grid;place-items:center;position:relative}.donut::after{content:"";position:absolute;width:92px;height:92px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #eef2f6}.donut>div{position:relative;z-index:1;text-align:center}.donut strong{display:block;font-size:24px}.donut span{font-size:10px;color:#6e7f93}.donut-legend p{display:grid;grid-template-columns:12px 1fr auto;gap:7px;align-items:center;margin:10px 0;font-size:10px;color:#566a82}.donut-legend i{width:9px;height:9px;border-radius:3px}.green{background:var(--green)}.amber{background:var(--amber)}.red{background:var(--red)}.gray{background:var(--gray)}.triple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.list-stack{display:grid}.list-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eef2f6}.list-row:last-child{border-bottom:0}.list-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#122d4c;color:#f2b21a;font-size:11px;flex:0 0 auto}.soft-red{background:#ffe8eb;color:#ed3f52}.soft-blue{background:#e7f1ff;color:#1672e9}.list-main{min-width:0;flex:1}.list-main b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-main small{display:block;font-size:9px;color:#8090a2;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status,.days-badge{padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800}.status.active{background:#dff7eb;color:#149052}.status.trial{background:#fff0d1;color:#b57400}.status.suspended,.status.expired,.days-badge{background:#ffe6e9;color:#d92f42}.quick-panel{margin-bottom:12px}.quick-actions{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.quick-actions a{min-height:82px;border-radius:10px;padding:10px 8px;display:grid;place-items:center;text-align:center;background:#eef5ff;color:#0f62cf}.quick-actions a:nth-child(2){background:#ebfaf1;color:#138d51}.quick-actions a:nth-child(3){background:#f2edff;color:#6b3be5}.quick-actions a:nth-child(4){background:#fff3e5;color:#e16d00}.quick-actions a:nth-child(5){background:#ffebee;color:#dd3044}.quick-actions a:nth-child(6){background:#e8f9f7;color:#118a82}.quick-actions a:nth-child(7){background:#eef1f5;color:#35485f}.quick-actions span{font-size:20px}.quick-actions b{font-size:10px}.table-wrap{overflow:auto}.card{margin-bottom:12px}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:10px 9px;border-bottom:1px solid var(--line);text-align:left;font-size:11px}th{color:#718096;text-transform:uppercase;font-size:9px;letter-spacing:.05em}.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-grid .full{grid-column:1/-1}label{display:block;font-size:10px;font-weight:800;color:#52667e;margin:11px 0 5px}input,select,textarea{width:100%;border:1px solid #dfe7ef;background:#fff;color:#20344e;border-radius:9px;padding:10px 11px;outline:0}input:focus,select:focus,textarea:focus{border-color:#7eb7fb;box-shadow:0 0 0 3px rgba(23,120,242,.08)}.inline{display:flex;align-items:center;gap:7px}.inline .btn{flex:0 0 auto}.note,.banner{padding:11px 12px;border-radius:9px;background:#eef5ff;color:#526c8b;font-size:10px;margin-bottom:12px}.chip-list{display:flex;flex-wrap:wrap;gap:7px}.chip{background:#f3f6fa;border:1px solid var(--line);padding:6px 9px;border-radius:999px;font-size:10px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.feature-card{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.feature-card div{display:grid;gap:3px}.feature-card b{font-size:11px}.feature-card span:not(.status){font-size:9px;color:var(--muted)}.stat-list>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.stack-item{border-bottom:1px solid var(--line);padding:10px 0}.stack-item span,.stack-item p{font-size:9px;color:var(--muted)}.empty-row,.empty-state{padding:25px 10px;text-align:center;color:#8290a0;font-size:10px}.mobile-bottom,.mobile-brand,.sidebar-backdrop{display:none}.login-body{background:linear-gradient(180deg,#07182b,#0e2a48);min-height:100vh}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,100%);background:#fff;border-radius:20px;padding:28px;box-shadow:0 28px 70px rgba(0,0,0,.28)}.auth-card .brand{font-size:24px;font-weight:900}.auth-card .muted{color:var(--muted);font-size:12px}.alert{padding:10px 12px;border-radius:9px;margin:10px 0;font-size:11px}.alert.success{background:#e8f7ef;color:#167948}.alert.danger{background:#ffebee;color:#bb2939}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}.quick-actions{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){body{background:#f4f7fb}.app-shell{display:block}.sidebar{position:fixed;left:-290px;width:270px;top:0;bottom:0;height:100dvh;transition:left .22s ease;box-shadow:20px 0 50px rgba(4,20,38,.3)}body.menu-open .sidebar{left:0}.sidebar-close{display:block}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(5,20,37,.5);z-index:45;opacity:0;pointer-events:none;transition:.2s}body.menu-open .sidebar-backdrop{opacity:1;pointer-events:auto}.app-header{height:58px;padding:0 12px}.menu-btn,.mobile-brand{display:flex}.menu-btn{font-size:19px}.mobile-brand{margin-left:-4px}.search-wrap{display:none}.header-actions .admin-pill{display:none}.page-head{padding:14px 14px 10px;align-items:flex-start}.page-head h1{font-size:20px}.page-head p{font-size:10px}.page-actions .today{display:none}.create-store{display:none}.content-wrap{padding:0 12px 90px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric-card{min-height:98px;padding:11px;gap:8px}.metric-icon{width:32px;height:32px}.metric-card strong{font-size:18px}.analytics-grid{grid-template-columns:1fr}.revenue-panel{order:2}.status-panel{order:1}.triple-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(4,1fr)}.donut-wrap{grid-template-columns:1fr 1fr}.donut{width:130px;height:130px}.donut::after{width:78px;height:78px}.bar-chart{height:170px}.grid-2{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.mobile-bottom{display:grid;position:fixed;left:0;right:0;bottom:0;grid-template-columns:1fr 1fr 68px 1fr 1fr;height:70px;background:rgba(255,255,255,.98);border-top:1px solid var(--line);z-index:42;padding-bottom:max(4px,env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(15,38,67,.08)}.mobile-bottom a,.mobile-bottom button{border:0;background:transparent;display:grid;place-items:center;align-content:center;gap:2px;color:#67778c}.mobile-bottom span{font-size:18px}.mobile-bottom b{font-size:9px}.mobile-bottom .fab{width:52px;height:52px;border-radius:50%;background:var(--blue);color:#fff;font-size:29px;align-self:start;justify-self:center;transform:translateY(-14px);box-shadow:0 8px 20px rgba(23,120,242,.35)}.mobile-bottom button{font-family:inherit}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
@media(max-width:520px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{display:grid;grid-template-columns:32px 1fr}.metric-card small{grid-column:2}.quick-actions{grid-template-columns:repeat(3,1fr)}.quick-actions a{min-height:72px}.donut-wrap{grid-template-columns:1fr 1fr;gap:6px}.donut{width:118px;height:118px}.donut::after{width:72px;height:72px}.donut strong{font-size:20px}.panel,.quick-panel,.card{padding:12px}.bar-chart{gap:6px}.bar-track i{width:18px}}