:root{--primary: #3f47ff;--on-primary: #ffffff;--canvas: #ffffff;--soft-cloud: #f5f5f5;--ink: #16171d;--midnight: #0c0912;--mute: #707072;--stone: #9e9ea0;--hairline: #cacacb;--hairline-soft: #e5e5e5;--success: #007d48;--success-bg: #edf8f0;--success-border:#bcdcc5;--danger: #d30005;--danger-bg: #fff0ed;--danger-border: #efc8c1;--warn-bg: #fff7d7;--warn-border: #e4c875;--warn-text: #715219;--accent-soft: #eef0ff;--surface-dark: #111118;--surface-raised: #1a1724;--hairline-dark: rgba(255,255,255,.08);--glow-primary: rgba(63,71,255,.28);--charcoal: #39393b;--ash: #4b4b4d;--success-bright: #1eaa52;--accent-pink: #ed1aa0;--accent-teal: #0a7281;--accent-purple-soft: #bfc3ff;--accent-pink-soft: #eef0ff;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.25, .8, .4, 1);--ease-fast: cubic-bezier(.45, .15, .6, .9);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .5s;color:var(--ink);background:var(--canvas);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:12px;background:var(--primary);color:var(--on-primary);cursor:pointer;min-height:44px;padding:0 20px;font-weight:500;transition:opacity var(--dur-base) var(--ease-out)}button:hover{opacity:.85}button:active{opacity:1}button:disabled{cursor:not-allowed;opacity:.5}button.secondary{background:var(--soft-cloud);color:var(--ink)}button.danger{background:var(--danger)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(100%,440px)}.login-panel:before{content:"RACCOONPOS ROOT";display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);margin-bottom:24px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace}.login-panel h1,.sidebar h1,.content-header h2{margin:0}.login-form,.reason-field{display:grid;gap:14px;margin-top:24px}label{color:var(--mute);display:grid;gap:7px;font-size:14px}input,select,textarea{border:1px solid var(--hairline);border-radius:8px;color:var(--ink);min-height:44px;padding:0 12px;background:var(--canvas);transition:border-color .25s cubic-bezier(0,0,.2,1)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}textarea{min-height:116px;padding:12px;resize:vertical}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--midnight);color:var(--on-primary);display:flex;flex-direction:column;gap:28px;justify-content:space-between;min-height:100vh;padding:24px}.sidebar nav{display:grid;gap:8px}.sidebar nav button{background:transparent;color:var(--stone);text-align:left;border-radius:8px}.sidebar nav button.nav-active{background:var(--primary);border-radius:9999px;color:var(--on-primary);opacity:1}.sidebar nav button:hover:not(.nav-active){opacity:.7}.content{min-width:0;padding:32px}.tab-panel{animation:tab-panel-enter var(--dur-base) var(--ease-smooth)}@keyframes tab-panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.tab-panel{animation:none}}.content-header{align-items:center;display:flex;justify-content:space-between;gap:16px;margin-bottom:22px}.link-cell{background:transparent;color:var(--ink);display:block;min-height:auto;padding:0;text-align:left;border-radius:0;transition:none}.link-cell:hover{opacity:1}.link-cell:hover strong{text-decoration:underline}.eyebrow{color:var(--mute);font-size:11px;font-weight:500;letter-spacing:.05em;margin:0 0 7px;text-transform:uppercase}.sidebar .eyebrow{color:var(--stone)}.status{background:var(--warn-bg);border-left:4px solid var(--warn-border);border-radius:8px;margin:0 0 18px;padding:12px 14px}.operator-state{align-items:flex-start;border:1px solid var(--hairline-soft);border-radius:8px;display:flex;gap:10px;margin:0 0 18px;padding:14px}.operator-state-compact{margin-bottom:12px;padding:10px 12px}.operator-state-icon{align-items:center;background:var(--canvas);border:1px solid currentColor;border-radius:9999px;display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:800;height:26px;justify-content:center;line-height:1;min-width:26px;padding:0 6px}.operator-state-copy{display:grid;gap:4px;min-width:0}.operator-state-copy strong{font-size:14px}.operator-state-copy small{color:inherit;line-height:1.45;opacity:.78}.operator-state-action{margin-top:6px}.operator-state-loading,.operator-state-empty{background:var(--soft-cloud);color:var(--ink)}.operator-state-error{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.operator-state-disabled,.operator-state-permission{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn-text)}.operator-state-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.dialog-layer{align-items:center;background:#0c09128a;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:50}.dialog-panel{background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:8px;box-shadow:0 24px 80px #0c091233;display:grid;gap:14px;max-width:460px;padding:22px;width:min(100%,460px)}.dialog-icon{align-items:center;border:1px solid currentColor;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:800;height:30px;justify-content:center;line-height:1;width:30px}.dialog-icon-default{background:var(--accent-soft);color:var(--primary)}.dialog-icon-danger{background:var(--danger-bg);color:var(--danger)}.dialog-copy{display:grid;gap:8px}.dialog-copy h3,.dialog-copy p{margin:0}.dialog-copy p{color:var(--mute);line-height:1.5}.dialog-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:6px}.metrics{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.metric{background:var(--canvas);border:1px solid var(--hairline-soft);border-left:3px solid var(--primary);border-radius:8px;display:grid;gap:8px;padding:16px}.metric span{color:var(--mute);font-size:13px}.metric strong{font-size:28px;letter-spacing:-.025em}.usage-layout{display:grid;gap:18px}.detail-panel{background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:8px;padding:18px}.detail-header{align-items:start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.detail-header h3{margin:0 0 4px}.availability{margin-bottom:18px}.detail-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-layout{display:grid;gap:18px;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr)}.form-panel{background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:8px;display:grid;gap:14px;padding:18px}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.check-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px 18px}.check-row label{align-items:center;display:flex;gap:8px}.check-row input{min-height:auto}.payload-preview{margin-top:18px}.payload-preview h4{margin:0 0 10px}.payload-preview p{color:var(--mute);line-height:1.6}.content-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.list-card{border:1px solid var(--hairline-soft);border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:12px;width:100%}.list-card p{color:var(--mute);font-size:13px;line-height:1.5;margin:6px 0 0}.usage-table h4{margin:0 0 10px}.mini-table{border:1px solid var(--hairline-soft);border-radius:8px;overflow:hidden}.mini-row{border-bottom:1px solid var(--hairline-soft);display:grid;gap:10px;grid-template-columns:1.4fr .7fr .9fr;padding:10px 12px}.mini-row:last-child{border-bottom:0}.mini-head{background:var(--soft-cloud);color:var(--mute);font-size:13px;font-weight:600}.table{background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:8px;overflow:hidden}.table-row{align-items:center;border-bottom:1px solid var(--hairline-soft);display:grid;gap:12px;grid-template-columns:1.2fr 1.2fr 1fr .8fr 1fr;padding:14px 16px;transition:background-color .15s cubic-bezier(0,0,.2,1)}.table-row:not(.table-head):hover{background:var(--soft-cloud)}.table-row.compact{grid-template-columns:1.4fr .7fr 1fr 1.5fr}.table-row.subscription-row{grid-template-columns:1.2fr .7fr 1fr .8fr 1.5fr}.table-row.logo-row{grid-template-columns:86px 1.4fr 1fr 1fr 1fr}.table-row.lifecycle-row{grid-template-columns:1.25fr 1fr .9fr .7fr 1.25fr 1.1fr}.table-row.retention-pressure-row{grid-template-columns:1fr .7fr .7fr 1fr .8fr}.table-row:last-child{border-bottom:0}.table-head{background:var(--soft-cloud);color:var(--mute);font-size:13px;font-weight:600}.table strong,.table small{display:block}.table small{color:var(--mute);margin-top:4px}.logo-preview{align-items:center;background:var(--soft-cloud);border:1px solid var(--hairline-soft);border-radius:8px;color:var(--mute);display:flex;font-size:12px;height:64px;justify-content:center;overflow:hidden;width:64px}.logo-preview img{height:100%;object-fit:contain;width:100%}.badge{background:var(--accent-soft);border-radius:9999px;color:var(--primary);display:inline-block;margin:2px 4px 2px 0;padding:3px 10px;font-size:13px;font-weight:500}.actions{display:flex;flex-wrap:wrap;gap:8px}.lifecycle-controls{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,180px));margin:0 0 16px}.lifecycle-controls label{color:var(--mute);display:grid;font-size:13px;gap:6px}.segmented{background:var(--soft-cloud);border:1px solid var(--hairline);border-radius:9999px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;padding:3px;gap:3px}.segmented button{background:transparent;border-radius:9999px;color:var(--mute);min-height:34px;padding:0 12px;transition:opacity .25s cubic-bezier(0,0,.2,1)}.segmented button.segment-active{background:var(--primary);color:var(--on-primary);opacity:1}.subscription-actions,.trial-actions{display:grid;gap:8px}.trial-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.trial-actions input{grid-column:span 2;min-width:0}.empty{color:var(--mute);margin:0;padding:20px}.placeholder{max-width:720px}.placeholder h3{margin:0 0 8px}.placeholder p{color:var(--mute);line-height:1.6}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.table-row,.table-row.compact,.table-row.lifecycle-row,.table-row.subscription-row,.table-row.retention-pressure-row{align-items:start;grid-template-columns:1fr}.metrics,.detail-grid,.campaign-layout,.lifecycle-controls,.form-grid{grid-template-columns:1fr}}