:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f5edff;background-color:#0b0215;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#0b0215}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}:root{--color-bg-start: #3b0764;--color-bg-end: #0b0215;--color-sidebar: #18062c;--color-surface: rgba(30, 8, 52, .92);--color-surface-darker: #110422;--color-border: #3a174f;--color-border-strong: #5b21b6;--color-text: #f5edff;--color-muted: #cbb4e6;--color-muted-strong: #a87bdc;--color-accent: #c084fc;--color-accent-strong: #a855f7;--color-accent-soft: rgba(192, 132, 252, .18);--color-danger: #fb7185;--color-chip-warning: rgba(244, 114, 182, .25);--color-chip-warning-text: #f472b6;--color-panel-shadow: rgba(3, 0, 8, .65);--color-chart-grid: #3a224f}.app-shell{display:flex;min-height:100vh;background:radial-gradient(circle at top,var(--color-bg-start),var(--color-bg-end) 60%);color:var(--color-text)}.sidebar{width:280px;background:var(--color-sidebar);border-right:1px solid var(--color-border);padding:1.5rem 1rem;display:flex;flex-direction:column;transition:width .2s ease}.sidebar.collapsed{width:90px}.sidebar__brand{padding:0 .5rem 1.25rem;border-bottom:1px solid var(--color-border);margin-bottom:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.sidebar__logo{width:180px;border-radius:.75rem;box-shadow:0 12px 30px #a855f759}.sidebar__title{display:block;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text)}.sidebar__nav{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.sidebar__link{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border-radius:.75rem;color:var(--color-muted-strong)}.sidebar__link.active{background:var(--color-accent-soft);color:var(--color-accent)}.sidebar__instances{flex:1;overflow-y:auto}.sidebar__section-title{font-size:.85rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.sidebar__instance-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.sidebar__instance-empty{color:var(--color-muted-strong);font-size:.9rem;padding:.5rem .8rem}.sidebar__instance{width:100%;border:none;background:var(--color-surface-darker);color:var(--color-text);border-radius:.85rem;padding:.65rem .85rem;text-align:left;display:flex;flex-direction:column;gap:.2rem;cursor:pointer}.sidebar__instance:hover{background:#1f0a36}.sidebar__instance.is-active{border:1px solid var(--color-accent)}.sidebar__instance-label{font-weight:600}.sidebar__instance-host{font-size:.8rem;color:var(--color-muted)}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:64px;padding:0 1.5rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:1rem}.ghost-button{border:none;background:transparent;color:var(--color-muted-strong);padding:.4rem;border-radius:.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.ghost-button:hover{background:#c084fc1f}.ghost-button.danger{color:var(--color-danger)}.topbar__status,.topbar__context{display:flex;align-items:center;gap:.5rem;color:var(--color-muted)}.topbar__user{display:flex;align-items:center;gap:.65rem}.topbar__user-info{display:flex;flex-direction:column;line-height:1.2}.topbar__name{font-weight:600;color:var(--color-text)}.topbar__email{font-size:.85rem;color:var(--color-muted-strong)}.muted-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted)}.main-view{flex:1;overflow-y:auto;padding:1.5rem}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1.25rem;padding:1.5rem;box-shadow:0 20px 60px var(--color-panel-shadow)}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.form-field{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem}.form-field input,.form-field textarea{border-radius:.75rem;border:1px solid var(--color-border);background:var(--color-surface-darker);color:var(--color-text);padding:.6rem .75rem}.form-field--full{grid-column:1 / -1}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:.75rem}.primary-button{border:none;border-radius:.85rem;background:linear-gradient(90deg,var(--color-accent-strong),#ec4899);color:#fff;padding:.75rem 1.5rem;font-weight:600;cursor:pointer}.primary-button:disabled{opacity:.6;cursor:not-allowed}.link-button{border:none;background:none;color:var(--color-accent);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.inline-icon{font-size:.9rem}.panel table{width:100%;border-collapse:collapse;font-size:.9rem}.panel th,.panel td{padding:.5rem .25rem;border-bottom:1px solid var(--color-border);text-align:left}.panel th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.table-actions{display:flex;justify-content:flex-end;gap:.4rem}.alert{background:var(--color-accent-soft);border:1px solid rgba(168,85,247,.5);border-radius:.75rem;padding:.5rem .75rem;font-size:.85rem;color:var(--color-accent)}.alert--error{background:#fb718526;border-color:#fb718580;color:#fecdd3}.chip{background:var(--color-accent-soft);color:var(--color-accent);padding:.3rem .75rem;border-radius:999px;font-size:.85rem}.chip--warning{background:var(--color-chip-warning);color:var(--color-chip-warning-text)}.chip-stack{display:flex;flex-direction:column;gap:.3rem;align-items:flex-end}.empty-state{text-align:center;padding:2rem;color:var(--color-muted)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,var(--color-bg-start),var(--color-bg-end))}.panel p{margin:.25rem 0;color:var(--color-muted)}.panel h2,.panel h3{margin:0}.panel h4{margin:.5rem 0}.panel form p{margin-bottom:0}.panel input,.panel textarea{border:1px solid var(--color-border)}.panel input:focus,.panel textarea:focus{border-color:var(--color-accent);outline:none}.panel button{font-weight:500}.panel button+button{margin-left:.5rem}.panel .button-group{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.panel .button-group .ghost-button.is-active{color:var(--color-accent);border-bottom:2px solid var(--color-accent);border-radius:0}.date-range-inputs{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.date-range-inputs input{border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-surface-darker);color:var(--color-text);padding:.4rem .6rem}.login-screen .panel{max-width:420px;width:100%}.login-panel{display:flex;flex-direction:column;gap:1rem;text-align:center}.login-logo{width:240px;margin:0 auto .5rem;border-radius:1rem;box-shadow:0 10px 30px #a855f773}.login-actions{display:flex;justify-content:center;margin-top:.5rem}.login-actions .primary-button{min-width:200px}.instances-table{overflow-x:auto}.instance-layout{display:grid;grid-template-columns:360px 1fr;gap:1.5rem}@media(max-width:1100px){.app-shell{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-border)}.sidebar__instances{max-height:200px}.main-area{min-height:calc(100vh - 220px)}.instance-layout{grid-template-columns:1fr}}.revenue-layout{display:grid;grid-template-columns:1fr;gap:1.5rem}.chart-card,.config-card{border:1px solid var(--color-border);border-radius:1rem;padding:1rem;background:#1b052ed9}.chart-wrapper{height:320px;background:var(--color-surface-darker);border-radius:1rem;padding:1rem}.grid.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.totals-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.totals-list li{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(200,180,230,.2);padding-bottom:.35rem}.code-cell{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.85rem;color:var(--color-muted-strong)}.chart-label{fill:#4ade80;font-size:.75rem;font-weight:600}
