:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f7f2;color:#17201a;--panel: #ffffff;--panel-soft: #fbfcfa;--ink: #17201a;--muted: #66716a;--line: #dce5dd;--line-strong: #cbd8cf;--accent: #197652;--accent-strong: #105f40;--accent-soft: #e8f6ef;--amber: #a86112;--amber-soft: #fff4df;--blue: #235fcb;--blue-soft: #edf4ff;--danger: #be123c;--danger-soft: #fff1f2;--shadow: 0 18px 54px rgba(31, 45, 35, .09);--shadow-soft: 0 10px 30px rgba(31, 45, 35, .06)}*{box-sizing:border-box;letter-spacing:0}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#fbfdfafa,#f0f5f1fa),repeating-linear-gradient(90deg,rgba(25,118,82,.08) 0 1px,transparent 1px 112px),repeating-linear-gradient(0deg,rgba(168,97,18,.06) 0 1px,transparent 1px 112px)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.boot{display:flex;min-height:100vh;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-weight:800}.spin{animation:spin .8s linear infinite}.login-shell{display:grid;min-height:100vh;place-items:center;align-content:center;gap:12px;padding:24px}.login-panel{width:min(760px,100%);padding:56px;background:#ffffffeb;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.brand-block{display:grid;gap:2px}.brand-block small{color:var(--muted);font-size:12px;font-weight:800}.brand-row{display:flex;align-items:center;gap:10px;min-width:0;font-weight:900;color:var(--ink)}.brand-row-large{font-size:18px}.brand-mark{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:8px;background:var(--ink);color:#fff;font-weight:900}.surface-tag,.status-dot,.muted-line,.state-badge{display:inline-flex;align-items:center;gap:7px}.surface-tag{margin-top:32px;min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--accent-strong);font-size:13px;font-weight:900}.login-panel h1{max-width:650px;margin:18px 0 14px;font-size:56px;line-height:1}.login-panel p{max-width:560px;margin:0 0 28px;color:var(--muted);font-size:18px;line-height:1.58}.login-action{width:fit-content}.feature-strip{display:grid;width:min(760px,100%);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.feature-strip div{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#ffffffd1;color:var(--muted);font-weight:900}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid var(--line);background:#ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-right{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:10px}.balance-chip,.profile-chip{display:flex;align-items:center;gap:8px;min-height:38px;min-width:0;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-weight:800;box-shadow:0 8px 22px #1f2d230a}.profile-chip{max-width:270px}.profile-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chip img{width:22px;height:22px;flex:0 0 auto;border-radius:999px}.workspace{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0 56px}.streamer-hero,.control-hero{display:grid;align-items:stretch;gap:16px;margin-bottom:18px}.streamer-hero{grid-template-columns:minmax(0,1.35fr) minmax(220px,.55fr) minmax(300px,.8fr)}.control-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:2px 0 4px}.hero-copy,.control-hero>.animated-panel{display:grid;align-content:center;min-height:210px;padding:4px 0}.hero-copy h1,.control-hero h1{max-width:690px;margin:5px 0 10px;font-size:46px;line-height:1.04}.hero-copy p{max-width:590px;margin:0;color:var(--muted);font-size:17px;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.status-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted);font-weight:800}.status-dot{min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:13px;font-weight:900}.status-dot>span{width:8px;height:8px;border-radius:999px}.status-dot.online{color:var(--accent-strong)}.status-dot.online>span{background:var(--accent);box-shadow:0 0 0 4px #19765221}.status-dot.offline{color:var(--danger)}.status-dot.offline>span{background:var(--danger);box-shadow:0 0 0 4px #be123c1f}.eyebrow{margin:0;color:var(--accent-strong);font-size:12px;font-weight:950;text-transform:uppercase}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:24px 0 12px}.section-head h2{margin:4px 0 0;font-size:26px;line-height:1.1}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:380px minmax(0,1fr)}.panel,.action-card,.metric,.balance-card,.voucher-card,.skeleton-card{background:#fffffff0;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft)}.panel,.voucher-card{padding:18px}.balance-card{display:grid;align-content:center;justify-items:center;gap:14px;min-height:210px;padding:20px;text-align:center}.balance-card span{display:block;color:var(--muted);font-size:13px;font-weight:800}.balance-card strong{display:block;margin-top:3px;font-size:20px}.balance-ring{display:grid;width:142px;height:142px;place-items:center;border-radius:999px;background:radial-gradient(circle at center,#fff 0 56%,transparent 57%),conic-gradient(var(--accent) var(--ring-value),#e7ece8 0);box-shadow:inset 0 0 0 1px #17201a0f,0 16px 36px #19765229}.balance-ring div{display:grid;place-items:center}.balance-ring span{color:var(--ink);font-size:30px;font-weight:950;line-height:1}.balance-ring small{margin-top:4px;color:var(--muted);font-size:12px;font-weight:900}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.panel-title h2{margin:0;font-size:18px;line-height:1.2}.inline-form,.input-with-button{display:flex;gap:10px}.input-with-button input{min-width:0}input,textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);outline:none}textarea{min-height:90px;resize:vertical}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field{display:grid;gap:7px}.field span{color:var(--muted);font-size:13px;font-weight:900}.form-panel{align-content:start;gap:13px}.form-panel,.form-panel form{display:grid}.split-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mono,code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.primary-action,.secondary-action,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;border:1px solid transparent;text-decoration:none;font-weight:900;white-space:nowrap}.primary-action{padding:0 16px;background:var(--accent);color:#fff}.primary-action:hover{background:var(--accent-strong)}.secondary-action{padding:0 14px;background:#fff;border-color:var(--line);color:var(--ink)}.secondary-action:hover,.icon-button:hover{border-color:var(--line-strong);background:var(--panel-soft)}.primary-action:disabled,.secondary-action:disabled,.icon-button:disabled{opacity:.55}.compact{min-height:36px;padding:0 12px;font-size:14px}.icon-button{width:40px;flex:0 0 auto;padding:0;background:#fff;border-color:var(--line);color:var(--ink)}.icon-button.danger{color:var(--danger)}.shiny-button{position:relative;overflow:hidden;isolation:isolate}.shiny-button:after{position:absolute;inset:-40% auto -40% -40%;z-index:-1;width:36%;content:"";transform:skew(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);animation:shine 3.8s ease-in-out infinite}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin-bottom:16px}.action-card{display:flex;min-height:230px;flex-direction:column;justify-content:space-between;gap:18px;padding:18px}.action-icon{display:grid;width:38px;height:38px;place-items:center;margin-bottom:14px;border:1px solid var(--line);border-radius:8px;background:var(--accent-soft);color:var(--accent-strong)}.action-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.action-top h3{min-width:0;margin:0;overflow-wrap:anywhere;font-size:20px;line-height:1.18}.action-top span{flex:0 0 auto;max-width:112px;padding:6px 8px;border-radius:8px;background:var(--accent-soft);color:var(--accent-strong);font-size:13px;font-weight:950;text-align:right;white-space:normal}.action-card p{margin:10px 0 0;color:var(--muted);line-height:1.5}.action-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.muted-line{color:var(--muted);font-size:13px;font-weight:800}.action-run{min-width:126px}.notice{margin-top:12px;padding:10px 12px;border-radius:8px;background:var(--blue-soft);color:#17446f;font-weight:800;line-height:1.35}.notice.success{background:var(--accent-soft);color:var(--accent-strong)}.notice.error{background:var(--danger-soft);color:var(--danger)}.notice.info{background:var(--blue-soft);color:#17446f}.shell-notice{width:min(1180px,calc(100% - 32px));margin:18px auto 0}.table-list{display:grid;gap:10px}.list-row,.admin-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.list-row>div,.admin-row>div:first-child{display:grid;min-width:0;gap:4px}.list-row strong,.admin-row strong{overflow-wrap:anywhere}.list-row span,.admin-row span,.row-error{color:var(--muted);font-size:13px}.row-error{color:var(--danger)}.admin-row code{display:block;max-width:min(640px,70vw);overflow:hidden;color:#42514a;text-overflow:ellipsis;white-space:nowrap}.row-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.row-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.user-line{display:flex!important;min-width:0;align-items:center;gap:10px}.user-line img{width:34px;height:34px;flex:0 0 auto;border-radius:999px}.positive{color:var(--accent-strong)}.negative{color:var(--danger)}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:950;text-transform:uppercase;white-space:nowrap}.pill-queued{background:var(--amber-soft);color:var(--amber)}.pill-completed{background:var(--accent-soft);color:var(--accent-strong)}.pill-failed,.pill-refunded,.pill-unknown{background:var(--danger-soft);color:var(--danger)}.state-badge{min-height:24px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:950;text-transform:uppercase}.state-badge.on{background:var(--accent-soft);color:var(--accent-strong)}.state-badge.off{background:var(--danger-soft);color:var(--danger)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.user-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{display:grid;min-height:120px;align-content:space-between;gap:8px;padding:16px;overflow:hidden}.metric svg{color:var(--accent-strong)}.metric span{color:var(--muted);font-size:13px;font-weight:900}.metric strong{min-width:0;overflow-wrap:anywhere;font-size:24px;line-height:1.1}.metric small{color:var(--muted);font-weight:800}.metric-good svg,.metric-good strong{color:var(--accent-strong)}.metric-bad svg,.metric-bad strong{color:var(--danger)}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 16px}.tabs button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-weight:900}.tabs button.active{border-color:var(--accent);background:var(--ink);color:#fff}.tabs button b{display:inline-grid;min-width:22px;height:22px;place-items:center;border-radius:999px;background:var(--panel-soft);color:var(--ink);font-size:12px}.tabs button.active b{background:#ffffff24;color:#fff}.empty{display:grid;min-height:150px;place-items:center;align-content:center;gap:8px;padding:22px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);text-align:center}.empty strong{color:var(--ink)}.empty span{max-width:320px;line-height:1.45}.skeleton-card{display:grid;min-height:230px;align-content:start;gap:14px;padding:18px}.skeleton-card span,.skeleton-card strong,.skeleton-card p,.skeleton-card b{display:block;margin:0;border-radius:8px;background:linear-gradient(90deg,#eef3ef,#f8faf8,#eef3ef);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton-card span{width:38px;height:38px}.skeleton-card strong{width:72%;height:22px}.skeleton-card p{width:100%;height:54px}.skeleton-card b{width:48%;height:36px;margin-top:26px}.animated-panel,.spotlight-card{animation:reveal-up .42s ease both;animation-delay:var(--reveal-delay, 0ms)}.spotlight-card{position:relative;overflow:hidden;isolation:isolate}.spotlight-card:before{position:absolute;inset:0;z-index:-1;content:"";opacity:0;background:radial-gradient(circle 190px at var(--spotlight-x, 50%) var(--spotlight-y, 50%),rgba(25,118,82,.16),transparent 62%);transition:opacity .18s ease}.spotlight-card:hover:before{opacity:1}@keyframes reveal-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%,54%{transform:translate(0) skew(-18deg)}to{transform:translate(420%) skew(-18deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1040px){.streamer-hero{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)}.voucher-card{grid-column:1 / -1}.admin-grid{grid-template-columns:1fr}}@media(max-width:780px){.topbar{align-items:flex-start;flex-direction:column}.topbar-right{width:100%;flex-wrap:wrap;justify-content:flex-start}.profile-chip{max-width:100%}.streamer-hero,.control-hero,.grid.two,.metrics,.user-metrics{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}.hero-copy,.control-hero>.animated-panel{min-height:auto}.hero-copy h1,.control-hero h1{font-size:34px}.login-panel{padding:34px 24px}.login-panel h1{font-size:40px}.login-panel p{font-size:16px}.feature-strip{grid-template-columns:1fr}.inline-form,.input-with-button,.action-footer,.admin-row,.list-row{align-items:stretch;flex-direction:column}.row-actions{justify-content:flex-start}.action-run,.primary-action,.secondary-action{width:100%}}@media(max-width:520px){.workspace{width:min(100% - 20px,1180px);padding-top:22px}.split-inputs{grid-template-columns:1fr}.login-shell{padding:12px}.login-panel h1{font-size:34px}.brand-block small,.balance-chip{display:none}.tabs button{flex:1 1 150px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}