:root{
  --bg:#f5f7fb;--surface:#ffffff;--surface-soft:#f8faff;--line:#e3e8f2;
  --text:#172033;--muted:#718096;--accent:#6c4df6;--accent-soft:#eeeaff;
  --green:#17875b;--green-soft:#e7f7ef;--red:#d64555;--red-soft:#fff0f2;
  --yellow:#aa7200;--yellow-soft:#fff7df;--blue:#2775d7;--shadow:0 10px 32px rgba(34,47,78,.07)
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,Segoe UI,Arial,sans-serif}
a{color:var(--accent)}.layout{min-height:100vh;display:grid;grid-template-columns:224px 1fr}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:24px 16px;position:sticky;top:0;height:100vh}.brand{display:block;color:var(--text);font-weight:850;font-size:22px;margin:0 8px 28px;text-decoration:none}.brand span{color:var(--accent)}nav{display:grid;gap:6px}nav a{color:var(--muted);text-decoration:none;padding:11px 12px;border-radius:10px;font-weight:650}nav a:hover{background:var(--accent-soft);color:var(--accent)}.mode{position:absolute;bottom:18px;left:20px;font-size:11px;color:var(--muted)}.content{padding:28px;min-width:0}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.page-head h1,.profile-head h1{margin:0;font-size:28px;letter-spacing:-.02em}.page-head p,.profile-head p{margin:4px 0;color:var(--muted)}
.button,button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:9px 13px;cursor:pointer;text-decoration:none;font:inherit}.button:hover,button:hover{border-color:#c9c2ff;background:#faf9ff}.button.primary,button.primary,.button{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:750}.button.secondary{background:var(--surface);color:var(--text);border-color:var(--line)}.danger{color:var(--red)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:18px}.stat,.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.stat{padding:17px}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:25px;margin-top:6px}.stat strong.small{font-size:16px}.stat span b,em{font-style:normal;font-size:9px;color:var(--blue);border:1px solid #b9d6f8;background:#eff7ff;border-radius:4px;padding:1px 4px}.calc{color:#8d3fab;border-color:#dec0ec;background:#fbf1ff}.compact{margin-top:18px}.panel{padding:18px;margin-bottom:18px;overflow:auto}.panel h2{margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.panel-head h2{margin:0;font-size:18px}.panel-head span,.panel-head a{color:var(--muted);font-size:12px}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards{display:grid;gap:9px}.streamer-card{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;padding:9px;border-radius:10px}.streamer-card:hover{background:var(--surface-soft)}.streamer-card img,.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:800}.streamer-card div:nth-child(2){flex:1}.streamer-card small{display:block;color:var(--muted)}
.badge{display:inline-block;border:1px solid var(--line);background:var(--surface-soft);color:#566179;border-radius:999px;padding:3px 8px;font-size:11px}.badge.active,.api-ok,.badge.completed,.badge.success{color:var(--green);border-color:#a9dfc7;background:var(--green-soft)}.badge.stopped,.api-error,.badge.failed{color:var(--red);border-color:#f0b6bf;background:var(--red-soft)}.badge.queued,.badge.processing,.badge.retry_waiting{color:var(--yellow);border-color:#ecd291;background:var(--yellow-soft)}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 9px;vertical-align:middle}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.025em}td a{text-decoration:none}.mono{font-family:Consolas,monospace;font-size:12px}.form{display:grid;gap:16px;max-width:900px}.form label{display:grid;gap:6px;color:#445069;font-weight:600}.form small,label small{color:var(--muted);font-weight:400}input,select{width:100%;background:var(--surface);border:1px solid #d8deea;border-radius:9px;color:var(--text);padding:10px}input:focus,select:focus{outline:3px solid var(--accent-soft);border-color:#a89cfb}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.profile-head{display:flex;gap:16px;align-items:center}.profile-head img,.avatar.large{width:76px;height:76px;border-radius:18px;object-fit:cover}.inline-form,.filters{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.inline-form input,.filters input,.filters select{width:auto}.flash{border:1px solid var(--line);background:var(--surface);padding:11px 14px;border-radius:9px;margin-bottom:15px}.flash.success{border-color:#a9dfc7;background:var(--green-soft)}.flash.error{border-color:#f0b6bf;background:var(--red-soft);color:#a52636}.empty{color:var(--muted);padding:25px;text-align:center}.json{background:#172033;color:#e9efff;border-radius:12px;padding:18px;overflow:auto;white-space:pre-wrap}
.notice{border:1px solid var(--line);background:var(--surface);padding:12px 14px;border-radius:10px;margin:16px 0}.notice.warning{border-color:#ecd291;background:var(--yellow-soft);color:#6f4b00}.back-link{display:inline-block;color:var(--muted);text-decoration:none;margin-bottom:7px}.small-button{padding:6px 9px;font-size:12px}.muted-note{color:var(--muted);font-size:12px;margin:10px 0 0}.api-filters{flex-wrap:wrap}.api-filters select,.api-filters input{min-width:150px}.compact-json{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error-text{display:block;color:var(--red);max-width:300px;margin-top:4px;white-space:normal}
.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.settings-tabs a{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-decoration:none;color:var(--muted);font-weight:700}.settings-tabs a.active,.settings-tabs a:hover{background:var(--accent-soft);border-color:#cfc8ff;color:var(--accent)}.status-cell{display:flex;gap:6px;flex-wrap:wrap}.edit-avatar{display:flex;align-items:center;gap:16px}.edit-avatar img,.avatar.preview{width:92px;height:92px;border-radius:20px;object-fit:cover}
.technical-panel{border-style:dashed;background:#fbfcff}.technical-actions{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px}.technical-action{border:1px solid var(--line);border-radius:11px;padding:13px;background:var(--surface)}.technical-action form{margin-bottom:8px}.technical-action button{width:100%}.technical-action small{display:block;color:var(--muted);line-height:1.4}
.chart-panel{overflow:visible}.chart-toolbar{display:flex;gap:14px;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.chart-range{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.chart-range label{font-size:11px;color:var(--muted);display:grid;gap:4px}.chart-range input{width:150px}.chart-legend{display:flex;gap:10px;flex-wrap:wrap}.chart-legend label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;cursor:pointer}.chart-legend input{width:auto}.chart-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.chart-shell{height:360px;margin-top:12px;position:relative}.chart-shell canvas{width:100%;height:100%}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);pointer-events:none}.table-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.table-controls form{display:flex;gap:8px;align-items:center}.table-controls input{width:85px}.pagination{display:flex;gap:6px;align-items:center;justify-content:flex-end;margin-top:14px}.pagination a,.pagination span{min-width:34px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;text-align:center;text-decoration:none;color:var(--muted);background:var(--surface)}.pagination .current{background:var(--accent);border-color:var(--accent);color:#fff}.sort-link{display:inline-flex;gap:4px;color:inherit}.numeric{text-align:right}.nowrap{white-space:nowrap}
.live-hero{display:flex;gap:18px;align-items:stretch}.live-cover{width:190px;min-height:190px;max-height:270px;border-radius:13px;border:1px solid var(--line);object-fit:cover;background:var(--surface-soft)}.live-stats{flex:1}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.metric-grid>div{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;padding:13px}.metric-grid span{display:block;color:var(--muted);font-size:12px}.metric-grid strong{font-size:20px}.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rank-panel table{min-width:0}.rank-panel .panel{height:100%;margin:0}.user-link{font-weight:700;text-decoration:none}.user-link:hover{text-decoration:underline}.identity-sub{display:block;color:var(--muted);font-size:11px}.video-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.video-link-card{display:block;border:1px solid var(--line);background:var(--surface-soft);border-radius:11px;padding:13px;text-decoration:none;color:var(--text)}.video-link-card:hover{border-color:#c9c2ff;background:#faf9ff}.video-link-card small,.video-link-card span{display:block;color:var(--muted)}.analytics-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.visual-panel{min-width:0}.diagram-wrap{display:flex;align-items:center;gap:22px;margin:6px 0 18px}.donut{width:190px;height:190px;flex:none}.diagram-legend{display:grid;gap:8px;min-width:170px}.diagram-legend div{display:flex;align-items:center;justify-content:space-between;gap:12px}.diagram-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.bar-list{display:grid;gap:8px;margin-bottom:14px}.bar-row{display:grid;grid-template-columns:90px 1fr 54px;gap:8px;align-items:center;font-size:12px}.bar-track{height:8px;background:#edf0f6;border-radius:999px;overflow:hidden}.bar-track span{display:block;height:100%;background:var(--accent);border-radius:999px}.comment-cell{max-width:340px;white-space:normal}
@media(max-width:1180px){.technical-actions{grid-template-columns:repeat(2,1fr)}.analytics-pair,.rank-grid{grid-template-columns:1fr}.grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{display:flex;flex-wrap:wrap}.mode{display:none}.stats{grid-template-columns:1fr 1fr}.grid.two,.grid.three{grid-template-columns:1fr}.content{padding:18px}.live-hero{display:block}.live-cover{width:100%;height:240px;max-height:240px;margin-bottom:14px}}
@media(max-width:620px){.stats{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.technical-actions{grid-template-columns:1fr}.chart-shell{height:300px}.diagram-wrap{align-items:flex-start;flex-direction:column}.donut{width:170px;height:170px}.profile-head{align-items:flex-start}.content{padding:14px}}

/* v0.6 interaction and diagnostics */
[hidden]{display:none!important}
.panel{overflow:visible}
button.secondary,.button.secondary{background:var(--surface);color:var(--text);border-color:var(--line);font-weight:650}
button:disabled{opacity:.45;cursor:not-allowed}
.flash.warning{border-color:#ecd291;background:var(--yellow-soft);color:#6f4b00}
.notice.error{border-color:#f0b6bf;background:var(--red-soft);color:#8f2433}
.action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-row form{margin:0}

[data-tooltip]{position:relative;cursor:help;text-decoration:underline dotted rgba(113,128,150,.55);text-underline-offset:3px}
[data-tooltip]::after{content:attr(data-tooltip);position:absolute;z-index:2000;left:0;bottom:calc(100% + 9px);width:max-content;max-width:320px;padding:9px 11px;border:1px solid #d9dfeb;border-radius:9px;background:#172033;color:#fff;font-size:12px;font-weight:500;line-height:1.4;text-transform:none;letter-spacing:0;box-shadow:0 12px 28px rgba(23,32,51,.22);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:.14s ease}
[data-tooltip]:hover::after,[data-tooltip]:focus::after{opacity:1;visibility:visible;transform:translateY(0)}

.chart-switcher{display:flex;gap:7px;flex-wrap:wrap}.chart-mode{padding:8px 12px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:700}.chart-mode.active{background:var(--accent);border-color:var(--accent);color:#fff}.chart-tooltip{position:absolute;z-index:40;min-width:210px;padding:10px 12px;border:1px solid #d9dfeb;border-radius:10px;background:rgba(23,32,51,.96);color:#fff;box-shadow:0 12px 28px rgba(23,32,51,.24);pointer-events:none;font-size:12px}.chart-tooltip>b{display:block;margin-bottom:7px}.chart-tooltip>div{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;margin-top:4px}.chart-tooltip i{width:8px;height:8px;border-radius:50%}.chart-tooltip span{color:#cbd5e7}.chart-shell{min-height:380px}.chart-shell canvas{display:block;cursor:crosshair}

.compact-controls{align-items:end;margin:0}.compact-controls label{display:grid;gap:4px;color:var(--muted);font-size:11px}.compact-controls select{min-width:92px}.panel-head>div>span{display:block;color:var(--muted);font-size:12px;margin-top:2px}

.task-diagnostics{border-left:4px solid var(--accent)}.diagnostic-grid{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px}.diagnostic-grid>div{padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.diagnostic-grid span{display:block;color:var(--muted);font-size:11px}.diagnostic-grid strong{display:block;margin-top:4px;font-size:13px;word-break:break-word}
.streamer-live-avatar{padding:20px}.live-avatar-wrap{display:flex;align-items:center;gap:18px}.system-avatar{width:112px!important;height:112px!important;border-radius:28px!important;object-fit:cover;background:var(--accent-soft);font-size:34px}.live-avatar-wrap h2{margin:2px 0 0;font-size:25px}.live-avatar-wrap p{margin:3px 0;color:var(--muted)}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.combined-card{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;padding:4px 0}.combined-card>div{padding:15px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}.combined-card span{display:block;color:var(--muted);font-size:11px}.combined-card strong{display:block;margin-top:6px;font-size:16px}.interactions-card{grid-template-columns:repeat(3,1fr)}.interactions-card strong{font-size:24px}
.metric-card{min-height:94px}.metric-card span b{font-style:normal;font-size:9px;color:var(--blue);border:1px solid #b9d6f8;background:#eff7ff;border-radius:4px;padding:1px 4px}.three-metrics{grid-template-columns:repeat(3,1fr)}.retention-metrics{grid-template-columns:repeat(3,1fr)}.compact-metrics{grid-template-columns:repeat(3,1fr);margin-bottom:12px}.compact-metrics>div{padding:10px}.compact-metrics strong{font-size:16px}
.chart-grid{display:grid;gap:14px}.audience-chart-grid{grid-template-columns:repeat(4,minmax(190px,1fr));margin-top:16px}.mini-chart-card{border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:14px;min-width:0}.mini-chart-card h3{font-size:14px;margin:0 0 8px}.interactive-donut{display:block;width:100%;height:190px}.large-donut{height:250px}.mini-table{display:grid;grid-template-columns:1fr auto;gap:5px 12px;margin-top:9px;font-size:12px}.mini-table span{color:var(--muted)}.mini-table strong{text-align:right}.scroll-mini{max-height:150px;overflow:auto;padding-right:4px}.canvas-tooltip{position:absolute;z-index:60;min-width:150px;padding:8px 10px;border-radius:9px;background:rgba(23,32,51,.96);color:#fff;box-shadow:0 10px 24px rgba(23,32,51,.24);pointer-events:none;font-size:12px}.canvas-tooltip strong,.canvas-tooltip span{display:block}.canvas-tooltip span{color:#cbd5e7;margin-top:2px}
.traffic-layout{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:18px;align-items:start}.traffic-videos h3{margin-top:0}.compact-video-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.compact-video-list .video-link-card{padding:11px}
.client-pagination{display:flex;gap:5px;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}.client-pagination button{min-width:32px;padding:6px 9px;background:#fff;color:var(--muted)}.client-pagination button.active{background:var(--accent);border-color:var(--accent);color:#fff}
.badge.retry,.badge.not_ready{color:var(--yellow);border-color:#ecd291;background:var(--yellow-soft)}.badge.cancelled{color:#6f7c91;border-color:#ced5e0;background:#f0f2f6}

@media(max-width:1350px){.audience-chart-grid{grid-template-columns:repeat(2,1fr)}.diagnostic-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.three-metrics,.retention-metrics{grid-template-columns:repeat(2,1fr)}.traffic-layout{grid-template-columns:1fr}.combined-card{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.audience-chart-grid,.three-metrics,.retention-metrics,.combined-card,.interactions-card{grid-template-columns:1fr}.diagnostic-grid{grid-template-columns:repeat(2,1fr)}.system-avatar{width:86px!important;height:86px!important}.chart-shell{min-height:320px}.chart-range input{width:132px}}
.section-subtitle{margin:18px 0 10px;font-size:15px}

/* v0.7 error diagnostics and streamer commercial settings */
.commission-panel{max-width:1100px}.commission-current{padding:8px 12px;border-radius:10px;background:var(--green-soft);color:var(--green)!important;font-size:13px!important}.commission-current strong{font-size:18px}.commission-form{display:grid;grid-template-columns:150px 180px minmax(260px,1fr) auto;gap:12px;align-items:end;margin-bottom:18px}.commission-form label{display:grid;gap:5px;color:#445069;font-weight:650}.commission-note{min-width:260px}.commission-history table{min-width:760px}.commission-history form{margin:0}
.logs-table{min-width:1050px}.logs-table td{vertical-align:top}.log-error-row{background:#fffafb}.log-error-message{display:block;color:#a52636;margin-top:7px;max-width:520px;white-space:normal;word-break:break-word}.log-details{margin-top:7px;max-width:560px}.log-details summary{color:var(--accent);cursor:pointer;font-size:12px;font-weight:700}.log-details pre{max-height:320px;overflow:auto;margin:7px 0 0;padding:10px;border-radius:9px;background:#172033;color:#edf3ff;font:11px/1.45 Consolas,monospace;white-space:pre-wrap;word-break:break-word}.log-live-link{display:block;margin-top:6px;font-size:12px}.log-actions{display:grid;gap:7px;min-width:150px}.log-actions form{margin:0}.log-actions button,.log-actions .button{width:100%;text-align:center}.log-actions small{color:var(--muted);max-width:190px}.badge.error,.badge.critical{color:var(--red);border-color:#f0b6bf;background:var(--red-soft)}.badge.warning{color:var(--yellow);border-color:#ecd291;background:var(--yellow-soft)}
@media(max-width:980px){.commission-form{grid-template-columns:1fr 1fr}.commission-note{min-width:0}.commission-form>div{align-self:end}}
@media(max-width:620px){.commission-form{grid-template-columns:1fr}}

/* v0.8 normalized storage, dashboard and summary tables */
.dashboard-money-stats .stat{min-height:118px}.dashboard-money-stats .featured{border-color:#cfc8ff;background:linear-gradient(135deg,#fff,#f3f0ff)}.dashboard-chart-panel{margin-bottom:18px}.system-stats{opacity:.92}
.streamer-table-identity{display:flex;align-items:center;gap:10px;color:var(--text);min-width:210px}.streamer-list-avatar{width:40px!important;height:40px!important;min-width:40px;border-radius:12px!important;object-fit:cover}.streamer-table-identity small,.table-subline{display:block;color:var(--muted);font-size:11px;margin-top:2px}.streamers-summary-table{min-width:1050px}.streamers-summary-table td{white-space:nowrap}.streamers-summary-table td:first-child{white-space:normal}
.streamer-avatar-link{display:block;text-decoration:none}.live-streamer-identity h2 a{color:var(--text);text-decoration:none}.live-streamer-identity h2 a:hover{color:var(--accent)}.live-streamer-identity .button{display:inline-block;margin-top:7px}.stream-time-card{grid-template-columns:minmax(360px,2fr) repeat(2,minmax(150px,1fr))}.stream-time-card .wide-cell strong{font-size:15px}.task-diagnostics{margin-top:18px}
@media(max-width:900px){.stream-time-card{grid-template-columns:1fr 1fr}.stream-time-card .wide-cell{grid-column:1/-1}}
@media(max-width:620px){.stream-time-card{grid-template-columns:1fr}.stream-time-card .wide-cell{grid-column:auto}.streamer-table-identity{min-width:180px}}

/* v0.9 technical dashboard, UTC UI and account history */
[data-tooltip]::after{display:none!important}
.global-tooltip{position:fixed;z-index:10000;max-width:360px;padding:10px 12px;border:1px solid #d9dfeb;border-radius:10px;background:#172033;color:#fff;font-size:12px;font-weight:500;line-height:1.45;box-shadow:0 12px 30px rgba(23,32,51,.26);pointer-events:none;white-space:normal}
.sortable-header{display:inline-flex;align-items:center;gap:5px;color:var(--text);text-decoration:none;cursor:pointer}.sortable-header:hover,.sortable-header.active{color:var(--accent)}.sortable-header span{font-size:13px}
.dashboard-money-stats.four-cards{grid-template-columns:repeat(4,minmax(180px,1fr))}.dashboard-money-stats .stat small,.backstage-region-grid .stat small{display:block;margin-top:7px;color:var(--muted);font-size:14px;font-weight:700}.backstage-region-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.technical-summary-grid{grid-template-columns:repeat(7,minmax(130px,1fr))}.danger-stat{border-color:#f0b6bf!important;background:var(--red-soft)!important}.technical-top-grid{align-items:start}.technical-scroll-table{max-height:570px;overflow:auto}.technical-streamers-table{min-width:1380px}.technical-streamers-table td{vertical-align:middle}.compact-table{min-width:620px}.compact-table td,.compact-table th{padding:10px 11px}.settings-streamers-technical-table{min-width:1750px}.settings-streamers-technical-table td{vertical-align:middle;white-space:nowrap}.settings-streamers-technical-table td:first-child{white-space:normal}.badge.success{color:var(--green);border-color:#a9dfc7;background:var(--green-soft)}
.profile-with-bio{display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(300px,.8fr);align-items:stretch}.profile-identity-block{display:flex;align-items:center;gap:18px}.profile-identity-block>img,.profile-identity-block>.avatar{width:112px;height:112px;min-width:112px;border-radius:28px;object-fit:cover}.profile-bio-card{padding:17px 19px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.profile-bio-card>span{display:block;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.profile-bio-card p{margin:10px 0 0;white-space:pre-wrap;line-height:1.55;color:var(--text)}
.profile-history-chart-shell{height:360px}.history-grid{align-items:start}.history-table-wrap{max-height:620px;overflow:auto}.positive-value{color:var(--green);font-weight:700}.negative-value{color:var(--red);font-weight:700}.profile-history-panel canvas{cursor:crosshair}
.identity-sub a{font-size:inherit}.danger{color:var(--red)}
@media(max-width:1500px){.technical-summary-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1100px){.dashboard-money-stats.four-cards{grid-template-columns:repeat(2,1fr)}.profile-with-bio{grid-template-columns:1fr}.technical-summary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.dashboard-money-stats.four-cards,.technical-summary-grid{grid-template-columns:1fr}.profile-identity-block{align-items:flex-start}.profile-identity-block>img,.profile-identity-block>.avatar{width:82px;height:82px;min-width:82px;border-radius:20px}.profile-history-chart-shell{height:300px}}

/* v1.0 aggregated streamer analytics */
.streamer-analytics-overview{display:grid;grid-template-columns:minmax(0,2fr) minmax(330px,.85fr);gap:18px;align-items:stretch}.streamer-analytics-overview>.panel{margin-bottom:18px}.country-snapshot-panel{overflow:visible}.country-range-buttons,.quick-periods{display:flex;gap:7px;flex-wrap:wrap}.country-range-buttons button,.quick-periods a{padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);text-decoration:none;font-weight:700;font-size:12px}.country-range-buttons button.active,.quick-periods a.active{background:var(--accent);border-color:var(--accent);color:#fff}.country-snapshot-list{display:grid;gap:13px;margin-top:16px}.country-snapshot-row{display:grid;gap:5px}.country-snapshot-label{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px}.country-snapshot-label i{width:9px;height:9px;border-radius:50%}.country-snapshot-label span{font-weight:700}.country-snapshot-label strong{font-size:12px}.country-snapshot-row small{color:var(--muted);font-size:10px}.distribution-track{height:7px;border-radius:999px;background:#edf0f6;overflow:hidden;grid-column:1/-1}.distribution-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#8f79ff)}.empty-state{padding:30px 15px;text-align:center;color:var(--muted)}
.analytics-page-head .back-link{margin-bottom:5px}.analytics-filter-panel{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap}.date-range-form{display:flex;gap:9px;align-items:end;flex-wrap:wrap}.date-range-form label{display:grid;gap:4px;font-size:11px;color:var(--muted)}.date-range-form input{width:150px}.analytics-summary-stats{grid-template-columns:repeat(4,minmax(180px,1fr))}.analytics-summary-stats .stat small{display:block;margin-top:7px;color:var(--muted)}.aggregate-dimensions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.aggregate-dimension-card{margin:0;overflow:visible}.aggregate-chart-grid{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(250px,1.2fr);gap:18px;align-items:center}.aggregate-donut-box{min-width:0}.aggregate-donut-box canvas{height:250px}.aggregate-ranked-list{display:grid;gap:12px;max-height:390px;overflow:auto;padding-right:5px}.aggregate-ranked-row{display:grid;grid-template-columns:1fr auto;gap:5px 12px}.aggregate-ranked-row>div:first-child strong,.aggregate-ranked-row>div:first-child span{display:block}.aggregate-ranked-row>div:first-child span{font-size:10px;color:var(--muted);margin-top:2px}.aggregate-ranked-row>b{font-size:13px}.methodology-panel p{max-width:1050px;color:#445069}.small-link{font-weight:700;text-decoration:none}
@media(max-width:1250px){.streamer-analytics-overview{grid-template-columns:1fr}.aggregate-chart-grid{grid-template-columns:220px 1fr}.analytics-summary-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.aggregate-dimensions-grid{grid-template-columns:1fr}.analytics-filter-panel{align-items:stretch}.date-range-form{width:100%}.aggregate-chart-grid{grid-template-columns:1fr}.aggregate-donut-box{max-width:320px;margin:auto;width:100%}}
@media(max-width:620px){.analytics-summary-stats{grid-template-columns:1fr}.date-range-form label,.date-range-form input,.date-range-form button{width:100%}.quick-periods a{flex:1;text-align:center}.aggregate-donut-box canvas{height:220px}}

/* v1.1 comparison, last LIVE, technical layout and gifter analytics */
.dashboard-money-stats.dashboard-five-cards{grid-template-columns:repeat(5,minmax(170px,1fr))}.profile-stats-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.last-live-value{font-weight:750;color:var(--text)}
.chart-tooltip small{display:block;color:var(--muted);margin:3px 0 7px}.chart-tooltip .previous-period-line{opacity:.9}.comparison-note{background:#f3f6ff;border-color:#cfd9f7;color:#34446a}.metric-value-with-comparison{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.metric-value-with-comparison>strong{margin:0}.comparison-badge{display:inline-flex!important;align-items:center;border-radius:999px;padding:4px 7px!important;font-size:11px!important;font-weight:800;border:1px solid var(--line)!important;background:var(--surface-soft)!important}.comparison-badge.up{color:var(--green)!important;border-color:#a9dfc7!important;background:var(--green-soft)!important}.comparison-badge.down{color:var(--red)!important;border-color:#f0b6bf!important;background:var(--red-soft)!important}.comparison-badge.neutral{color:var(--muted)!important}
.technical-fixed-panel{height:520px;display:flex;flex-direction:column;overflow:hidden}.technical-fixed-panel>.panel-head{flex:none}.technical-fixed-body{min-height:0;flex:1;overflow:auto}.technical-schedule-panel{height:360px;display:flex;flex-direction:column;overflow:hidden}.technical-schedule-body{min-height:0;flex:1;overflow:auto}.client-sort-button{padding:0;border:0;background:transparent;color:inherit;text-transform:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;white-space:nowrap}.client-sort-button:hover,.client-sort-button.active{background:transparent;border:0;color:var(--accent)}.sort-indicator{font-size:12px;color:var(--accent)}
.profile-growth-grid{align-items:stretch}.profile-growth-grid>.panel{margin-bottom:18px}.compact-history-delta{max-width:920px}.compact-chart-shell{height:270px}.history-table-wrap table{min-width:1100px}
.gifter-summary-note{font-size:11px;color:var(--muted)}
@media(max-width:1450px){.dashboard-money-stats.dashboard-five-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.dashboard-money-stats.dashboard-five-cards{grid-template-columns:repeat(2,1fr)}.technical-fixed-panel{height:560px}}
@media(max-width:760px){.dashboard-money-stats.dashboard-five-cards{grid-template-columns:1fr}.technical-fixed-panel,.technical-schedule-panel{height:auto;max-height:none}.compact-history-delta{max-width:none}}

/* v1.2 external cabinet API and pre-moderation */
.premoderation-stats{grid-template-columns:repeat(5,minmax(150px,1fr))}.premoderation-stats .stat{color:var(--text);text-decoration:none}.premoderation-stats .stat.active-filter{border-color:var(--accent);box-shadow:0 0 0 2px rgba(100,82,230,.08)}
.premoderation-table{min-width:1550px}.premoderation-table td{vertical-align:middle}.premoderation-actions details{min-width:180px}.premoderation-actions summary{cursor:pointer;color:var(--accent);font-weight:750}.premoderation-action-box{display:grid;gap:10px;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.premoderation-action-box form{display:grid;gap:7px;margin:0}.premoderation-action-box textarea{min-width:220px;resize:vertical}.danger-button{border:1px solid #e3a1ac;background:var(--red);color:#fff}.danger-button.subtle{background:#fff;color:var(--red)}
.badge.moderation-pending_review{color:#8a6100;border-color:#ecd291;background:var(--yellow-soft)}.badge.moderation-active{color:var(--green);border-color:#a9dfc7;background:var(--green-soft)}.badge.moderation-rejected,.badge.moderation-revoked{color:var(--red);border-color:#f0b6bf;background:var(--red-soft)}.badge.moderation-suspended{color:#755400;border-color:#e6ce92;background:#fff8df}
.security-flow{display:grid;gap:12px;margin:0;padding-left:22px;color:#445069;line-height:1.5}.security-flow code,.premoderation-audit code,.premoderation-table code{font:12px Consolas,monospace}.wrap-cell{white-space:normal;min-width:220px}.premoderation-audit{max-height:420px;overflow:auto}
@media(max-width:1000px){.premoderation-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.premoderation-stats{grid-template-columns:1fr}}

/* v1.3 protected panel, roles and production deployment */
.sidebar{display:flex;flex-direction:column}.sidebar nav{flex:0 0 auto}.sidebar-account{margin-top:auto;border-top:1px solid var(--line);padding:16px 10px 0;display:grid;gap:6px}.sidebar-account strong{font-size:13px}.sidebar-account small{color:var(--muted)}.sidebar-account a,.link-button{font-size:12px;color:var(--muted);text-decoration:none;padding:0;border:0;background:transparent;text-align:left}.sidebar-account a:hover,.link-button:hover{color:var(--accent);background:transparent}
.auth-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#f3f5fb,#fbfcff)}.auth-card{width:min(430px,100%);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 24px 60px rgba(34,47,78,.12)}.auth-card h1{margin:14px 0 4px}.auth-card>p{color:var(--muted)}.auth-card form{display:grid;gap:15px;margin-top:20px}.auth-card label{display:grid;gap:6px;font-weight:650;color:#445069}.auth-card button{width:100%}.auth-brand{font-size:25px;font-weight:900;letter-spacing:-.04em}.auth-brand span{color:var(--accent)}.narrow-form{max-width:660px}.notice.success{border-color:#a9dfc7;background:var(--green-soft);color:#126843}.notice.neutral{background:#f7f9fd;color:#445069}
textarea{width:100%;background:var(--surface);border:1px solid #d8deea;border-radius:9px;color:var(--text);padding:10px;font:inherit}textarea:focus{outline:3px solid var(--accent-soft);border-color:#a89cfb}.checkbox-line{display:flex!important;align-items:center;gap:8px}.checkbox-line input{width:auto}.compact-mono{max-width:210px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-table{min-width:1150px}.user-edit-form{max-width:820px}.user-security-options{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.security-meta{display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:12px}.access-matrix{min-width:690px}.access-matrix th:not(:first-child),.access-matrix td:not(:first-child){text-align:center;width:130px}.access-matrix td:not(:first-child){font-size:18px;font-weight:800;color:var(--green)}.access-matrix-panel{max-width:980px}.security-overview p{color:var(--muted);margin:5px 0}.manager-transfer-fields{padding:12px;border:1px solid #dfe3f7;background:#f8f9ff;border-radius:12px}.manager-history-panel table{min-width:760px}.backup-button{background:#263b65;border-color:#263b65}.action-row form{margin:0}.dashboard-four-cards{grid-template-columns:repeat(4,minmax(170px,1fr))}
@media(max-width:1100px){.layout{grid-template-columns:190px 1fr}.dashboard-four-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.layout{display:block}.sidebar{position:static;height:auto}.sidebar nav{display:flex;overflow:auto}.sidebar-account{margin-top:16px}.content{padding:18px}.dashboard-four-cards{grid-template-columns:1fr}.grid.two,.grid.three{grid-template-columns:1fr}}

/* UniCRM 1.4.0 */
.button.privileged,button.privileged{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:800;box-shadow:0 6px 16px rgba(100,82,230,.16)}
.streamer-profile-actions .button{min-width:106px;text-align:center}
.streamer-list-filter-panel{padding-bottom:10px}.streamer-list-filters{align-items:end;margin:0}.streamer-list-filters label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.streamer-list-filters select{min-width:180px}.filter-actions{display:flex;gap:8px}
.relationship-fields{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface-soft)}.relationship-fields legend{padding:0 7px;font-weight:800;color:var(--text)}.collection-access-fields{align-items:stretch}.checkbox-card{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface-soft);align-content:center}.checkbox-card span{display:flex;gap:8px;align-items:center}.checkbox-card input{width:auto}.relationship-history-panel table{min-width:920px}
.test-data-binding-form{max-width:none}.test-data-bindings-table{margin-top:18px}.test-data-bindings-table table{min-width:780px}.test-data-bindings-table form{margin:0}
.gifter-summary-table strong{display:block}.gifter-summary-table{min-width:820px}
@media(max-width:720px){.streamer-list-filters,.filter-actions{width:100%}.streamer-list-filters label,.streamer-list-filters select,.filter-actions>*{width:100%}.streamer-profile-actions .button{min-width:0;flex:1}}
.grouped-table-heading{text-align:center;border-bottom:1px solid var(--line)}
.settings-streamers-technical-table{min-width:2050px}

/* UniCRM 1.4.2 */
.sidebar-version{margin-top:10px;padding:0 10px 2px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.02em;opacity:.78}