:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#f7f1ec;--cream-dark:#efe4db;--blush:#e8b4b8;--rose:#9b5b5f;--rose-soft:#c4878a;--rose-deep:#5c1f28;--gold:#c9a227;--gold-dark:#a8841a;--gold-light:#e0c35a;--ink:#1a1a1a;--muted:#7a6f68;--border:#e5d9cf;--white:#fff;--ok:#2f6b4f;--danger:#a33b2d;--warn:#9a6b1a;--bg:var(--cream);--surface:var(--white);--line:var(--border);--accent:var(--rose);--accent-soft:#f3e0e1;--accent-strong:var(--rose-deep);--radius:16px;color:var(--ink);background:var(--cream);font-family:Assistant,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(1100px 420px at 80% -120px, #e8b4b873 0%, transparent 70%), radial-gradient(900px 380px at 0% 0%, #c9a2271f 0%, transparent 55%), linear-gradient(180deg, #f7e8e6, var(--cream) 280px);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#ffffffd1;flex-wrap:wrap;align-items:center;gap:1rem;padding:.8rem 1.25rem;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:.55rem;margin-inline-end:.35rem;display:flex}.brand-mark{object-fit:cover;border-radius:10px;width:36px;height:36px;display:block;box-shadow:0 1px 2px #1a1a1a14}.brand-mark-fallback{background:radial-gradient(circle at 35% 30%, #f7e8e6 0%, transparent 45%), linear-gradient(145deg, var(--blush), var(--rose));border-radius:10px;width:36px;height:36px;box-shadow:inset 0 0 0 1px #9b5b5f2e}.brand-word{letter-spacing:.01em;color:var(--rose-deep);font-size:1.2rem;font-weight:800}.brand-word span{color:var(--gold-dark);margin-inline-start:.25rem;font-size:.95rem;font-weight:700}.topbar nav{flex-wrap:wrap;flex:1;gap:.3rem;display:flex}.topbar nav a{color:var(--muted);border-radius:999px;padding:.45rem .85rem;font-size:.92rem;font-weight:700}.topbar nav a:hover{color:var(--rose-deep);background:#e8b4b847}.topbar nav a.active{color:var(--rose-deep);background:linear-gradient(#f8e5e6,#f1d4d6);box-shadow:inset 0 0 0 1px #9b5b5f29}.topbar .userbox{color:var(--muted);align-items:center;gap:.6rem;font-size:.88rem;font-weight:600;display:flex}.main{width:min(1180px,100%);margin:0 auto;padding:1.35rem 1.25rem 2.75rem}.page-title{color:var(--ink);margin:0;font-size:1.7rem;font-weight:800}.overview-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.1rem;display:flex}.period-toggle{border:1px solid var(--border);background:#ffffffe6;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .35rem .25rem .75rem;display:flex;box-shadow:0 1px 2px #1a1a1a08}.period-btn{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:.4rem .8rem;font-weight:700}.period-btn.active{background:linear-gradient(180deg, var(--gold-light), var(--gold));color:#3d2f08}.stat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem;display:grid}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-card,.chart-card,.card{border:1px solid var(--border);border-radius:var(--radius);background:#ffffffeb;padding:1rem 1.05rem;box-shadow:0 1px 2px #5c1f280a}.stat-card.accent{background:linear-gradient(#fbf0f1,#fff);border-color:#e8c9cc}.stat-label{color:var(--muted);font-size:.88rem;font-weight:700}.stat-value{letter-spacing:-.02em;color:var(--ink);margin-top:.25rem;font-size:1.85rem;font-weight:800}.stat-value.ok{color:var(--rose)}.stat-sub{color:var(--muted);margin-top:.2rem;font-size:.8rem;font-weight:600}.chart-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:.85rem;display:grid}.chart-grid-single{grid-template-columns:1fr}@media (width<=900px){.chart-grid{grid-template-columns:1fr}}.chart-wide{padding-bottom:1.1rem}.stat-link{color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}.stat-link:hover{border-color:#e0b4b8;box-shadow:0 2px 8px #5c1f2814}.chart-head{margin-bottom:.35rem}.chart-total{color:var(--rose-deep);font-size:1.6rem;font-weight:800}.chart-svg{width:100%;height:auto;display:block}.chart-area{fill:#e8b4b859}.chart-line{stroke:var(--rose);stroke-width:2.6px}.chart-bar{fill:var(--gold);opacity:.9}.overview-foot{margin-top:1rem;font-weight:600}.overview-foot a{color:var(--rose-deep);-webkit-text-decoration:underline #9b5b5f59;text-decoration:underline #9b5b5f59}.grid{gap:1rem;display:grid}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:#fffffff2;overflow:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{border-bottom:1px solid var(--border);text-align:right;vertical-align:top;padding:.75rem .9rem}th{color:var(--muted);background:#fbf6f3;font-weight:700}tr:hover td{background:#fcfaf8}.btn{border:1px solid var(--border);background:var(--white);color:var(--ink);border-radius:12px;padding:.55rem .95rem;font-weight:700}.btn:hover{background:#fbf6f3}.btn.primary{background:linear-gradient(180deg, var(--rose-soft), var(--rose));border-color:var(--rose);color:#fff}.btn.primary:hover{filter:brightness(.97)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ghost{background:0 0}.btn:disabled{opacity:.5;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.stack{flex-direction:column;gap:.75rem;display:flex}.muted{color:var(--muted)}.error{color:var(--danger);font-weight:600}.ok{color:var(--ok)}.badge{background:var(--accent-soft);color:var(--rose-deep);border-radius:999px;padding:.15rem .55rem;font-size:.78rem;font-weight:700;display:inline-block}.badge.active{color:var(--ok);background:#e8f3ec}.badge.blocked_temp,.badge.blocked_permanent{color:var(--danger);background:#fdeceb}.badge.deleted{color:#555;background:#eee}.field{flex-direction:column;gap:.3rem;display:flex}.field label{color:var(--muted);font-size:.88rem;font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--border);background:#fff;border-radius:12px;padding:.65rem .8rem}.login-wrap{background:radial-gradient(900px 380px at 50% -10%, #e8b4b88c 0%, transparent 65%), linear-gradient(180deg, #f7e8e6, var(--cream));place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{text-align:center;width:min(440px,100%);padding:1.6rem 1.4rem 1.5rem!important}.login-card .brand-lockup{justify-content:center;margin:0 0 .85rem}.login-card h1{color:var(--rose-deep);margin:0 0 .35rem;font-size:1.75rem}.login-card .muted{margin-bottom:1rem}.login-card .btn.primary{justify-content:center;width:100%}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.section-title{color:var(--rose-deep);margin:1.5rem 0 .75rem;font-size:1.15rem;font-weight:800}.skeleton{background:linear-gradient(90deg,#efe4db 0%,#f7ebe8 35%,#f3d6d2 50%,#f7ebe8 65%,#efe4db 100%) 0 0/200% 100%;animation:1.25s ease-in-out infinite skeleton-shimmer;display:block}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skeleton{background:#efe4db;animation:none}}.overview.is-refreshing{opacity:.55;pointer-events:none;transition:opacity .2s}.health-banner,.health-card{border-radius:var(--radius);border:1px solid var(--border);background:#ffffffeb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;padding:1rem 1.1rem;display:flex}.health-card{flex-direction:column;align-items:stretch}.health-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.health-banner-status,.health-status{color:var(--ink);margin-top:.15rem;font-size:1.45rem;font-weight:800}.health-ok{background:linear-gradient(#f3f8f1,#fff);border-color:#c8d9c4}.health-ok .health-banner-status,.health-ok .health-status{color:#3d6b38}.health-degraded{background:linear-gradient(#fff8ea,#fff);border-color:#e6d2a8}.health-degraded .health-banner-status,.health-degraded .health-status{color:#8a6418}.health-down{background:linear-gradient(#fbf0f1,#fff);border-color:#e8c9cc}.health-down .health-banner-status,.health-down .health-status{color:var(--rose-deep)}.health-loading{opacity:.85}.health-checks{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem;margin:.85rem 0 0;padding:0;list-style:none;display:grid}.health-check{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:flex-start;gap:.65rem;padding:.7rem .8rem;display:flex}.health-dot{background:#c9b8b0;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.35rem}.health-check-ok .health-dot{background:#5a9a52}.health-check-fail .health-dot{background:var(--rose)}.artist-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.artist-hero-meta{text-align:left;font-weight:600;line-height:1.55}.badge.activity-ok{color:#2f6b2a;background:#e7f3e5}.badge.activity-warn{color:#8a6418;background:#fff3d9}.badge.activity-muted{color:var(--muted);background:#efe8e3}.artist-detail .artist-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:.85rem}.artist-detail .stat-value{font-size:1.45rem}.health-strip{border-radius:var(--radius);border:1px solid var(--border);background:#ffffffeb;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;margin-top:.85rem;padding:.75rem;display:grid}.health-strip-alert{background:linear-gradient(#fbf0f1,#fff);border-color:#e8c9cc}.health-strip-item{padding:.35rem .45rem}.health-strip-item.is-alert .health-strip-value{color:var(--rose-deep)}.health-strip-value{color:var(--ink);margin-top:.15rem;font-size:1.25rem;font-weight:800}.health-strip-value-sm{font-size:.98rem;font-weight:700}.artist-main-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:.85rem;margin-top:.85rem;display:grid}@media (width<=900px){.artist-main-grid{grid-template-columns:1fr}}.artist-list-row{border-bottom:1px solid var(--border);padding:.35rem 0}.artist-list-row:last-child{border-bottom:none}.danger-zone{margin-top:1.5rem}.danger-zone-title{color:var(--rose-deep)}.danger-zone-card{background:linear-gradient(#fbf0f1,#fff);border-color:#e8c9cc}.danger-zone-divider{background:#e8c9cc;height:1px;margin:.25rem 0}.artist-details-block{border:1px solid var(--border);border-radius:var(--radius);background:#ffffffeb;margin-top:1.25rem;padding:.85rem 1rem}.artist-details-block summary{cursor:pointer;color:var(--rose-deep);font-weight:800}.page-lead{max-width:42rem;margin:.35rem 0 0;line-height:1.45}.costs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.85rem;margin-bottom:1.5rem;display:grid}.cost-card{flex-direction:column;gap:.65rem;padding:1rem 1.05rem;display:flex}.cost-card-head{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.cost-card h3{color:var(--ink);margin:0;font-size:1.05rem;font-weight:800}.cost-role{margin:0;font-size:.9rem}.cost-meta{flex:1;gap:.55rem;margin:0;display:grid}.cost-meta dt{letter-spacing:.02em;text-transform:uppercase;color:var(--muted,#8a7a72);font-size:.72rem;font-weight:700}.cost-meta dd{color:var(--ink);margin:.15rem 0 0;font-size:.92rem;line-height:1.4}.cost-tier{border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:999px;flex-shrink:0;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.cost-tier-now{color:var(--rose-deep);background:#fbf0f1;border-color:#e8c9cc}.cost-tier-later{color:#7a5c3a;background:#fbf7f1;border-color:#e4d5c3}.cost-tier-ops{color:#3d5670;background:#f3f6fa;border-color:#d5dee8}.cost-tier-free{color:#3d6b4a;background:#f1f8f3;border-color:#c9dfd0}.cost-card .btn{align-self:flex-start;margin-top:.15rem}.cost-rings{flex-wrap:wrap;align-items:center;gap:.85rem 1.1rem;padding:.15rem 0 .25rem;display:flex}.cost-ring-item{align-items:center;gap:.65rem;min-width:0;display:flex}.cost-ring-meta{flex-direction:column;gap:.12rem;min-width:0;display:flex}.cost-ring-meta strong{color:var(--ink);font-size:.88rem}.cost-ring-meta .muted{font-size:.8rem;line-height:1.3}.usage-ring-wrap{flex-shrink:0;position:relative}.usage-ring-track{stroke:#efe4db}.usage-ring-value{stroke:var(--rose-deep,#b76e79);transition:stroke-dashoffset .6s}.usage-ring-ok .usage-ring-value{stroke:#5b8f6b}.usage-ring-warm .usage-ring-value{stroke:#c4923a}.usage-ring-hot .usage-ring-value{stroke:#b54a55}.usage-ring-na .usage-ring-value{stroke:#0000}.usage-ring-na .usage-ring-track{stroke:#e8ddd4;stroke-dasharray:4 5}.usage-ring-label{color:var(--ink);pointer-events:none;place-items:center;font-size:.92rem;font-weight:800;display:grid;position:absolute;inset:0}.usage-ring-na .usage-ring-label{color:#9a8b80}
