:root{--bg-0: #FFFFFF;--bg-1: #FEF7FA;--bg-2: #FBEAF1;--bg-3: #F7E1E9;--glass: rgba(255, 255, 255, .72);--glass-strong: rgba(255, 255, 255, .9);--hairline: rgba(255, 255, 255, .9);--edge: rgba(206, 150, 175, .18);--edge-strong: rgba(206, 150, 175, .34);--divider: rgba(206, 150, 175, .14);--ink: #2E2229;--ink-2: #6E5964;--ink-3: #A8909D;--label: #C08BA6;--a1: #E58FB0;--a2: #DE9A83;--a3: #C9A25E;--grad: linear-gradient(135deg, #E58FB0 0%, #DE9A83 52%, #C9A25E 100%);--grad-soft: linear-gradient(135deg, rgba(229,143,176,.16) 0%, rgba(201,162,94,.16) 100%);--ok: #4C9E74;--warn: #C98A2F;--err: #C25E5E;--sh-1: 0 2px 10px rgba(168, 116, 140, .07);--sh-2: 0 10px 34px rgba(168, 116, 140, .11), 0 2px 8px rgba(168, 116, 140, .05);--sh-3: 0 18px 48px rgba(168, 116, 140, .17);--sh-press: 0 4px 14px rgba(168, 116, 140, .1);--r-s: 14px;--r-m: 20px;--r-l: 26px;--r-xl: 32px;--r-ctl: 13px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sidebar-w: 268px;--row-h: 44px;--ease: cubic-bezier(.22, 1, .36, 1);--z-orb: 0;--z-app: 1;--z-sticky: 40;--z-drawer: 1000;--z-toast: 2000;--bg-4: var(--bg-3);--surface: var(--glass);--surface-alt: rgba(255, 255, 255, .6);--border: var(--edge);--border-strong: var(--edge-strong);--text: var(--ink);--muted: var(--ink-2);--accent-1: var(--a1);--accent-2: var(--a3);--accent-grad: var(--grad);--success: var(--ok);--danger: var(--err);--warning: var(--warn);--shadow-sm: var(--sh-1);--shadow-md: var(--sh-2);--shadow-lg: var(--sh-3);--radius-sm: 12px;--radius: var(--r-m);--radius-lg: var(--r-l);--accent: var(--a1);--bg: #FFFFFF}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.45;color:var(--ink);background:radial-gradient(115% 85% at 50% -8%,#FFFFFF 0%,var(--bg-1) 32%,var(--bg-2) 68%,var(--bg-3) 100%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.orb{position:fixed;border-radius:50%;filter:blur(70px);opacity:.45;pointer-events:none;z-index:var(--z-orb)}.orb.a{width:380px;height:380px;top:-140px;left:-120px;background:radial-gradient(circle,rgba(229,143,176,.55),transparent 70%)}.orb.b{width:320px;height:320px;top:38%;right:-150px;background:radial-gradient(circle,rgba(201,162,94,.4),transparent 70%)}.orb.c{width:300px;height:300px;bottom:-120px;left:16%;background:radial-gradient(circle,rgba(222,154,131,.32),transparent 70%)}h1{margin:0 0 6px;font-size:26px;font-weight:800;letter-spacing:-.02em}h2{margin:0 0 8px;font-size:17px;font-weight:800;letter-spacing:-.01em}.subtitle{color:var(--ink-2);margin:0 0 24px;font-size:13.5px}.eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--label)}.num{font-variant-numeric:tabular-nums}.muted{color:var(--ink-2)}.dim{color:var(--ink-3);font-size:12.5px}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.card{background:var(--glass);border:1px solid var(--hairline);border-radius:var(--r-l);box-shadow:var(--sh-2);padding:20px 22px;backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5)}.card+.card{margin-top:16px}.card-title{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--label);margin:0 0 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;height:36px;border-radius:var(--r-ctl);font-weight:700;font-size:13.5px;font-family:inherit;border:1px solid var(--edge);background:var(--glass-strong);color:var(--ink);cursor:pointer;transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .16s,border-color .16s}.btn:hover{box-shadow:var(--sh-1);border-color:var(--edge-strong)}.btn:active{transform:scale(.985);box-shadow:none}.btn.primary{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 8px 22px #d68c964d}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #d68c9657;filter:none}.btn.primary:active{transform:scale(.985);box-shadow:var(--sh-press)}.btn.danger{color:var(--err);border-color:#c25e5e4d;background:#fff}.btn.danger:hover{border-color:#c25e5e80;box-shadow:none}.btn.small{height:30px;padding:0 12px;font-size:12.5px;border-radius:11px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn>svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.input,.select{padding:0 14px;height:36px;border-radius:var(--r-ctl);border:1.5px solid var(--edge);background:var(--glass-strong);color:var(--ink);font-family:inherit;font-size:13.5px;font-weight:500;outline:none;transition:border-color .16s,box-shadow .16s}textarea.input{height:auto;padding:10px 14px;line-height:1.5}.input:focus,.select:focus{border-color:var(--a1);box-shadow:0 0 0 3px #e58fb029}.input::placeholder{color:var(--ink-3);font-weight:500}.input.full{width:100%}:focus-visible{outline:2px solid var(--a1);outline-offset:2px}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;border:1px solid var(--edge);background:var(--surface-alt);color:var(--ink-2)}.badge.paid{background:#4c9e7421;color:var(--ok);border-color:#4c9e7447}.badge.trial{background:#e58fb026;color:var(--a1);border-color:#e58fb04d}.badge.expired{background:#c9a25e24;color:var(--a3);border-color:#c9a25e4d}.badge.nosub{background:#6e596414}.badge.pending{background:#c98a2f24;color:var(--warn);border-color:#c98a2f4d}.badge.failed{background:#c25e5e21;color:var(--err);border-color:#c25e5e4d}.table-wrap{overflow-x:auto;margin:0;padding:0;border-radius:inherit}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}.table th{position:sticky;top:0;z-index:2;text-align:left;font-weight:800;color:var(--label);padding:11px 14px;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;background:#ffffffdb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--edge);white-space:nowrap}.table td{padding:10px 14px;height:var(--row-h);border-bottom:1px solid var(--divider)}.table tr:hover td{background:#fef7fab8;transition:background .12s}.table tr:last-child td{border-bottom:0}.table td.num,.table th.num{font-variant-numeric:tabular-nums;text-align:right}.table a{color:var(--a1);text-decoration:none;font-weight:700}.table a:hover{text-decoration:underline}.card.flush{padding:0;overflow:hidden}.stats{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat{background:var(--glass);border:1px solid var(--hairline);border-radius:var(--r-m);padding:16px 18px;box-shadow:var(--sh-1);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);position:relative;overflow:hidden;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.stat:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}.stat-label{font-size:10.5px;color:var(--label);text-transform:uppercase;letter-spacing:.14em;font-weight:800}.stat-value{font-size:27px;font-weight:800;margin-top:6px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat-hint{font-size:12px;color:var(--ink-2);margin-top:4px}.stat.accent{background:var(--glass-strong)}.stat.accent:before{content:"";position:absolute;right:-50px;top:-60px;width:170px;height:170px;border-radius:50%;background:var(--grad-soft);filter:blur(4px);pointer-events:none}.stat.accent>*{position:relative}.stat.accent .stat-value{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;position:relative;z-index:var(--z-app)}.sidebar{background:#ffffffb8;border-right:1px solid var(--edge);padding:20px 14px;backdrop-filter:blur(26px) saturate(1.6);-webkit-backdrop-filter:blur(26px) saturate(1.6);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--edge);border-radius:99px}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 20px}.brand-logo{width:36px;height:36px;border-radius:12px;background:var(--grad);display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;box-shadow:0 6px 16px #d68c964d;flex:none;overflow:hidden}.brand-logo svg{width:100%;height:100%;display:block}.brand-name{font-size:15px;font-weight:800;letter-spacing:-.01em}.brand-name small{display:block;font-size:10px;color:var(--label);font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin-top:1px}.nav-item{position:relative;display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--r-ctl);color:var(--ink-2);text-decoration:none;font-weight:600;font-size:13.5px;transition:background .14s,color .14s}.nav-item:hover{background:#e58fb017;color:var(--ink)}.nav-item.active{background:var(--glass-strong);color:var(--ink);font-weight:800;border:1px solid var(--hairline);box-shadow:var(--sh-1)}.nav-item .ico,.nav-item .navico{width:20px;height:20px;flex:none;background:none;border:0;box-shadow:none;border-radius:0;display:grid;place-items:center;text-align:center;font-size:15px}.nav-item .navico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.nav-item.active .navico svg{stroke:url(#hg)}.nav-group{margin-top:16px;font-size:10px;color:var(--label);text-transform:uppercase;letter-spacing:.14em;padding:4px 12px;font-weight:800}.main{padding:28px 32px 56px;min-width:0}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--edge)}.main{padding:20px 16px 40px}.brand{padding-bottom:12px}.nav-item{padding:8px 12px}}.spinner{width:26px;height:26px;border-radius:50%;border:2.6px solid var(--edge);border-top-color:var(--a1);animation:rot .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rot{to{transform:rotate(360deg)}}.empty-state{padding:56px 20px;text-align:center;color:var(--ink-2)}.empty-state h3{color:var(--ink);font-weight:800;margin-bottom:6px;font-size:16px}.error-box{background:#c25e5e12;border:1px solid rgba(194,94,94,.24);border-radius:var(--r-m);padding:16px 20px;color:var(--err)}.grid-2{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.grow{flex:1;min-width:0}.mono{font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Menlo,monospace;font-size:12.5px}.mono-sm{font-family:inherit;font-size:13px;font-variant-numeric:tabular-nums}.recharts-tooltip-wrapper .recharts-default-tooltip{background:#fffffff0!important;border:1px solid var(--hairline)!important;border-radius:14px!important;box-shadow:var(--sh-2)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px 14px!important;font-size:12.5px!important}.recharts-default-tooltip .recharts-tooltip-label{color:var(--ink)!important;font-weight:800!important}.recharts-cartesian-axis-tick text{fill:var(--ink-3);font-size:11px}.tip{position:relative}.tip .tip-body{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:1000;background:var(--ink);color:#fff;padding:9px 13px;border-radius:11px;font-size:12px;line-height:1.5;min-width:200px;max-width:300px;text-align:left;opacity:0;pointer-events:none;transition:opacity .16s var(--ease);box-shadow:0 10px 28px #2e222942;font-weight:500;cursor:text}.tip .tip-body:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--ink)}.tip:hover .tip-body,.tip:focus .tip-body,.tip:focus-within .tip-body{opacity:1;pointer-events:auto}.help-box{display:flex;align-items:flex-start;gap:14px;padding:15px 18px;background:var(--grad-soft);border:1px solid rgba(229,143,176,.22);border-radius:var(--r-m);margin-bottom:20px}.quick-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.quick-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--hairline);border-radius:var(--r-m);background:var(--glass);box-shadow:var(--sh-1);text-decoration:none;color:var(--ink);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s}.quick-card:hover{border-color:var(--edge-strong);transform:translateY(-2px);box-shadow:var(--sh-2)}.quick-card.accent{background:var(--grad-soft);border-color:#e58fb047}.nav-item .nav-tip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--ink);color:#fff;padding:7px 11px;border-radius:9px;font-size:11px;min-width:180px;max-width:280px;opacity:0;pointer-events:none;transition:opacity .16s;z-index:1000;box-shadow:0 10px 28px #2e222942;line-height:1.4;white-space:normal;text-align:left;font-weight:500}.nav-item:hover .nav-tip{opacity:1}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);background:#3a28314d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;overflow-y:auto;animation:fade .24s both}.modal{background:#fffffff0;border:1px solid var(--hairline);border-radius:var(--r-l);box-shadow:var(--sh-3);backdrop-filter:blur(30px) saturate(1.5);-webkit-backdrop-filter:blur(30px) saturate(1.5);padding:22px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;color:var(--ink);animation:pop .3s var(--ease) both}.modal .card-title{font-weight:800;font-size:16px;color:var(--ink);text-transform:none;letter-spacing:-.01em}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:800}.pill.ok{background:#4c9e7421;color:var(--ok)}.pill.warn{background:#c98a2f24;color:var(--warn)}.pill.off{background:#6e59641a;color:var(--ink-2)}.pill.err{background:#c25e5e21;color:var(--err)}.pill.grad{background:var(--grad);color:#fff;box-shadow:0 4px 12px #d68c9647}.pill>svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.status-dot{width:8px;height:8px;border-radius:50%;flex:none;display:inline-block}.status-dot.on{background:var(--ok);box-shadow:0 0 0 3px #4c9e7429}.status-dot.off{background:var(--ink-3)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 13px;border-radius:999px;background:var(--glass-strong);border:1.5px solid var(--edge);font-size:12.5px;font-weight:700;color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .16s var(--ease),border-color .16s,background .16s,color .16s}.chip:hover{border-color:var(--edge-strong);color:var(--ink)}.chip:active{transform:scale(.97)}.chip.sel{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 6px 18px #d68c9642}.seg{display:inline-flex;gap:3px;padding:3px;border-radius:var(--r-ctl);background:#ce96af1a;border:1px solid var(--edge)}.seg button{border:0;background:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--ink-2);padding:6px 13px;border-radius:10px;cursor:pointer;transition:background .16s,color .16s}.seg button.on{background:#fff;color:var(--ink);box-shadow:var(--sh-1)}.ic{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.125em}.ico{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:var(--glass-strong);border:1px solid var(--hairline);box-shadow:var(--sh-1)}.ico.s{width:28px;height:28px;border-radius:9px}.ico.m{width:40px;height:40px;border-radius:13px}.ico>svg{width:17px;height:17px;fill:none;stroke:url(#hg);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ico.m>svg{width:20px;height:20px}.ico.plain>svg{stroke:var(--ink-2)}.kv{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--divider)}.kv:last-child{border-bottom:0}.kv>span{color:var(--ink-2);font-size:13px}.kv>b{font-weight:700;font-size:13.5px;text-align:right}.bar{height:7px;border-radius:99px;background:#ce96af2e;overflow:hidden}.bar>i{display:block;height:100%;border-radius:99px;background:var(--grad);transition:width .8s var(--ease)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;margin-bottom:16px;background:var(--glass);border:1px solid var(--hairline);border-radius:var(--r-m);box-shadow:var(--sh-1);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}.sk{border-radius:10px;background:linear-gradient(90deg,#f4e8ed 25%,#fcf5f8,#f4e8ed 75%);background-size:220% 100%;animation:shim 1.5s infinite linear}.sk.h1{height:24px;width:40%;margin-bottom:16px}.sk.card{height:120px;border-radius:var(--r-l);margin-bottom:14px}.sk.row{height:14px;margin:10px 0}.sk.cell{height:12px;width:70%}.drawer-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);background:#3a28314d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade .24s both}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:calc(var(--z-drawer) + 1);width:min(560px,100vw);background:#fffffff0;backdrop-filter:blur(30px) saturate(1.5);-webkit-backdrop-filter:blur(30px) saturate(1.5);border-left:1px solid var(--hairline);box-shadow:-18px 0 48px #a8748c2b;padding:22px 24px;overflow-y:auto;animation:slideL .34s var(--ease) both}.toast-wrap{position:fixed;right:20px;bottom:20px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;align-items:flex-end}.toast{display:flex;align-items:center;gap:10px;background:#2e2229f2;color:#fff;padding:12px 18px;border-radius:14px;font-size:13.5px;font-weight:600;max-width:380px;box-shadow:0 12px 32px #2e222947;animation:slideL .28s var(--ease) both}.toast.ok{background:#265c44f2}.toast.err{background:#8c3636f2}.toast>svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.kbd{font-family:ui-monospace,monospace;font-size:11px;padding:2px 6px;border-radius:6px;background:#ce96af1f;border:1px solid var(--edge);color:var(--ink-2)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes shim{to{background-position:-220% 0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes slideL{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.rise{animation:rise .45s var(--ease) both;animation-delay:calc(var(--i, 0) * 40ms)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}