:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5eef7;background:#04110d;--bg: #04110d;--panel: rgba(15, 23, 42, .82);--panel-soft: rgba(8, 22, 17, .76);--panel-strong: #0d211a;--border: rgba(148, 163, 184, .18);--text: #e5eef7;--muted: #94a9a2;--green: #22c55e;--green-2: #16a34a;--green-3: #84cc16;--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .12);--yellow: #f59e0b;--shadow: 0 26px 80px rgba(0, 0, 0, .36)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(34,197,94,.18),transparent 32%),radial-gradient(circle at bottom right,rgba(132,204,22,.08),transparent 28%),linear-gradient(135deg,#030b09,#061a13 52%,#020617);color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:46px 46px;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.screen-center{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.login-page{min-height:100vh;display:grid;grid-template-columns:1.2fr 460px;gap:36px;align-items:center;padding:48px;position:relative;z-index:1}.login-hero{max-width:780px}.login-hero h1{font-size:clamp(42px,6vw,78px);line-height:.94;margin:18px 0;letter-spacing:-.065em}.login-hero p{color:var(--muted);font-size:18px;max-width:650px}.hero-pill,.hero-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid rgba(34,197,94,.38);color:#bbf7d0;background:#22c55e17;box-shadow:inset 0 0 20px #22c55e0a}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.hero-grid div{padding:18px;border-radius:24px;background:#0f172a85;border:1px solid var(--border)}.hero-grid strong{display:block;font-size:22px}.hero-grid span{display:block;color:var(--muted);margin-top:6px}.login-card,.panel-card,.table-card,.stat-card,.plan-card{border:1px solid var(--border);background:linear-gradient(180deg,#0f172ae6,#05120ee6);box-shadow:var(--shadow);border-radius:28px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-card{padding:34px}.login-card h2{margin:16px 0 8px;font-size:30px}.login-card p,.muted{color:var(--muted)}.brand-mark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--green-2));color:#052e16;font-weight:900;box-shadow:0 16px 40px #22c55e47}.brand-mark.large{width:64px;height:64px;font-size:22px}label{display:grid;gap:8px;color:#c7d2d9;font-size:14px}input,select,textarea{width:100%;border:1px solid var(--border);background:#02061794;color:var(--text);border-radius:16px;padding:13px 14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#22c55eb8;box-shadow:0 0 0 4px #22c55e14;background:#020617bd}select option{color:#0f172a}.btn{border:0;border-radius:16px;padding:12px 16px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s ease,filter .18s ease,background .18s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn-primary{background:linear-gradient(135deg,var(--green),var(--green-2));color:#052e16;box-shadow:0 18px 40px #22c55e33}.btn-ghost{background:#94a3b817;color:#dbeafe;border:1px solid rgba(148,163,184,.1)}.btn-danger{background:var(--danger);color:#fff}.btn-small{padding:8px 10px;border-radius:12px;background:#94a3b81a;color:#dbeafe;font-size:12px}.btn-outline-danger{color:#fecaca;background:#ef44441f;border:1px solid rgba(239,68,68,.2)}.full{width:100%}.message{padding:12px 14px;border-radius:16px;margin-bottom:16px;border:1px solid var(--border);position:relative;z-index:1}.message.success{background:#22c55e1f;color:#bbf7d0}.message.danger{background:#ef44441f;color:#fecaca}.app-shell{min-height:100vh;display:grid;grid-template-columns:292px 1fr;position:relative;z-index:1}.sidebar{position:sticky;top:0;height:100vh;padding:22px;border-right:1px solid var(--border);background:#030a08d1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;z-index:30}.mobile-topbar{display:none}.brand-block{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand-block.compact{margin:0}.brand-block strong{display:block}.brand-block span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.nav-list{display:grid;gap:8px}.nav-list button{border:1px solid transparent;background:transparent;color:#dbeafe;border-radius:18px;padding:13px 14px;display:flex;gap:10px;align-items:center;text-align:left;font-weight:800}.nav-list button.active,.nav-list button:hover{background:#22c55e21;border-color:#22c55e47;color:#bbf7d0}.sidebar-footer{margin-top:auto;display:grid;gap:12px}.plan-badge{padding:10px 12px;border-radius:16px;background:#22c55e1f;color:#bbf7d0;font-weight:900}.user-card{padding:14px;border-radius:18px;background:#94a3b814}.user-card strong,.user-card span,.user-card small{display:block}.user-card span,.user-card small{color:var(--muted);font-size:12px;margin-top:4px;word-break:break-word}.content-area{padding:32px;max-width:1480px;width:100%;margin:0 auto}.page-header{display:flex;justify-content:space-between;gap:18px;margin-bottom:24px;align-items:flex-start}.hero-header{padding:4px 0 2px}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900}h1{margin:6px 0 8px;font-size:clamp(30px,4vw,50px);letter-spacing:-.045em;line-height:1}.page-header p{margin:0;color:var(--muted)}.month-input{max-width:180px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{padding:22px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;inset:auto -30px -50px auto;width:130px;height:130px;border-radius:999px;background:#22c55e14}.stat-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.stat-top i{font-style:normal;opacity:.75}.stat-card span,.stat-card small{color:var(--muted);display:block}.stat-card strong{display:block;font-size:30px;letter-spacing:-.04em;margin:8px 0;position:relative;z-index:1}.panel-grid{display:grid;gap:18px}.panel-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-card{padding:24px}.panel-card h2,.panel-card h3{margin-top:0}.highlight-card{background:linear-gradient(160deg,#0f172aeb,#0a251adb)}.check-list{padding-left:0;list-style:none;display:grid;gap:10px}.check-list li:before{content:"✓";color:var(--green);margin-right:8px;font-weight:900}.compact-list{margin-top:18px}.cards-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.plan-list-pro{margin-top:18px}.plan-card{padding:22px;transition:transform .2s ease,border-color .2s ease;min-height:190px}.plan-card.pro{display:grid;gap:12px}.plan-card:hover{transform:translateY(-4px);border-color:#22c55e66}.plan-card h3{margin:0 0 8px}.plan-card p{color:var(--muted);min-height:44px}.plan-card strong{font-size:28px;display:block}.plan-card small{color:var(--muted)}.card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.card-actions .status-pill{margin-right:auto}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.form-grid.single{grid-template-columns:1fr}.form-grid h3,.form-grid .wide,.form-actions,.toggle-row{grid-column:1 / -1}.toggle-row{display:flex;gap:18px;flex-wrap:wrap;padding:2px 0}.toggle-row label{display:flex;align-items:center;gap:8px}.toggle-row input{width:auto}.form-actions{display:flex;gap:12px;justify-content:flex-end}.filter-card{margin-bottom:18px}.filter-row{display:grid;grid-template-columns:170px 1fr auto;gap:14px;align-items:end}.table-card{padding:0;overflow:hidden}table{width:100%;border-collapse:collapse}th,td{padding:16px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}td span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.status-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#22c55e1f;color:#bbf7d0;font-weight:900;font-size:12px}.status-pill.inactive,.status-pill.canceled,.status-pill.expired{color:#fecaca;background:#ef44441f}.status-pill.trialing{color:#fde68a;background:#f59e0b1f}.status-pill.blocked,.status-pill.past_due{color:#fecaca;background:#ef44441f}.positive{color:#86efac}.negative{color:#fca5a5}.actions-cell{display:flex;gap:8px;flex-wrap:wrap}.category-bars{display:grid;gap:14px}.bar-row>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.bar-row span{color:#dbeafe}.bar-row strong{color:#e5eef7}.bar-track{height:10px;border-radius:999px;background:#94a3b81f;overflow:hidden}.bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--green-3))}.mini-list{display:grid;gap:10px}.mini-list div{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:16px;background:#94a3b814}.empty-state{color:var(--muted);padding:18px;border:1px dashed var(--border);border-radius:20px;margin:16px}.panel-card .empty-state{margin:0}.empty-state strong{color:#dbeafe;display:block}.parsed-card,.assistant-answer,.subscription-box{margin-top:16px;padding:18px;border-radius:22px;background:#22c55e17;border:1px solid rgba(34,197,94,.18)}.ai-card textarea{margin-bottom:12px}.assistant-answer{line-height:1.6;color:#dcfce7}.subscription-panel{max-width:1060px}.subscription-box{background:linear-gradient(160deg,#22c55e1f,#0f172a73)}.backup-card p{color:var(--muted);line-height:1.5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;z-index:80;display:grid;place-items:center;padding:18px}.modal-card{width:min(460px,100%);border:1px solid var(--border);background:linear-gradient(180deg,#0f172a,#07120f);border-radius:24px;box-shadow:var(--shadow);padding:24px}.modal-card h3{margin:0 0 8px}.modal-card p{color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.hamburger{width:46px;height:46px;border-radius:14px;border:1px solid var(--border);background:#0f172ad1;display:grid;place-content:center;gap:5px}.hamburger span{width:20px;height:2px;background:#dbeafe;border-radius:999px;display:block}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#00000085;border:0;padding:0}@media(max-width:1200px){.stats-grid,.cards-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.login-page{grid-template-columns:1fr;padding:26px}.app-shell{grid-template-columns:1fr;padding-top:78px}.mobile-topbar{display:flex;position:fixed;inset:0 0 auto;height:78px;z-index:40;padding:14px 18px;border-bottom:1px solid var(--border);background:#030a08e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;justify-content:space-between}.sidebar{position:fixed;top:0;bottom:0;left:0;width:min(312px,86vw);height:100vh;transform:translate(-105%);transition:transform .22s ease}.sidebar.open{transform:translate(0)}.content-area{padding:24px 18px}.panel-grid.two,.form-grid,.filter-row{grid-template-columns:1fr}}@media(max-width:720px){.login-page{padding:18px}.hero-grid,.stats-grid,.cards-list,.mini-stats{grid-template-columns:1fr}.responsive-header,.page-header{display:grid}.month-input{max-width:none}.plan-card{min-height:auto}h1{font-size:32px}.form-actions,.modal-actions{flex-direction:column-reverse}.form-actions .btn,.modal-actions .btn{width:100%}.responsive-table table,.responsive-table thead,.responsive-table tbody,.responsive-table tr,.responsive-table th,.responsive-table td{display:block}.responsive-table thead{display:none}.responsive-table tr{padding:12px;border-bottom:1px solid var(--border)}.responsive-table td{border:0;padding:8px 4px;display:grid;grid-template-columns:120px 1fr;gap:10px}.responsive-table td:before{content:attr(data-label);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.actions-cell{display:flex!important}.actions-cell:before{align-self:center}}