:root{font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;color:#1e1712;background:radial-gradient(circle at top left,rgba(222,102,63,.24),transparent 24%),radial-gradient(circle at 85% 8%,rgba(37,110,233,.18),transparent 24%),linear-gradient(180deg,#f7f1e8,#efe4d1);line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-panel: rgba(255, 248, 239, .84);--bg-panel-strong: rgba(255, 252, 247, .96);--line: rgba(81, 56, 31, .12);--line-strong: rgba(81, 56, 31, .18);--text-main: #201812;--text-muted: #6c6158;--accent: #d95d39;--accent-soft: rgba(217, 93, 57, .13);--blue: #2f6fed;--blue-soft: rgba(47, 111, 237, .12);--success: #1f8f65;--success-soft: rgba(31, 143, 101, .12);--warning: #c97b17;--warning-soft: rgba(201, 123, 23, .14);--danger: #b83b3b;--danger-soft: rgba(184, 59, 59, .12);--shadow: 0 24px 64px rgba(53, 32, 16, .12);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{color:var(--text-main)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 72%);mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 72%)}button,input,select,textarea{font:inherit}button{cursor:pointer}.dashboard-shell{width:min(1440px,calc(100vw - 32px));margin:24px auto 40px}.topbar,.panel,.filters-panel,.workspace-nav,.workspace-content,.section-card,.stat-card,.detail-drawer{border:1px solid rgba(78,59,39,.1);border-radius:var(--radius-xl);background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.topbar{display:grid;gap:16px;margin-bottom:18px;padding:18px 24px;background:#fff8ef9e}.topbar__nav{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:16px}.brand--compact{gap:12px}.brand-mark{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:28px;font-weight:800;color:#fff7ef;background:linear-gradient(135deg,var(--accent),#f1a53a)}.brand__title{display:block;font-size:16px}.topbar h1,.page-section__header h2,.section-card__header h3,.detail-drawer h3{margin:0}.topbar__subtitle,.page-section__header p,.section-card__header p,.notice-row .small-label,.source-card p,.info-card p,.job-card p,.guide-card p,.highlight-card p,.empty-state p{color:var(--text-muted)}.topbar-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.eyebrow,.small-label{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:#8b5232}.small-label{color:var(--text-muted)}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffffb8;font-size:13px;font-weight:700}.pill--muted{justify-self:start;background:var(--blue-soft);border-color:#2f6fed2e;color:#2456be}.site-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.site-nav__item{min-height:42px;padding:0 16px;border-radius:999px;border:1px solid transparent;color:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;background:#ffffff80;font-weight:700}.site-nav__item.is-active{border-color:#d95d392e;background:linear-gradient(135deg,#d95d3924,#ffffffd1);color:#8f2f1f}.hero{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:18px}.panel{overflow:hidden}.hero-copy{padding:28px;background:radial-gradient(circle at 90% 10%,rgba(217,93,57,.18),transparent 24%),linear-gradient(135deg,#ffffff75,#ffffff2e)}.hero-copy--users{background:radial-gradient(circle at top right,rgba(47,111,237,.18),transparent 24%),radial-gradient(circle at 10% 20%,rgba(217,93,57,.16),transparent 28%),linear-gradient(135deg,#ffffff85,#fff3)}.hero-users{display:grid;gap:20px}.hero-text{max-width:760px}.hero-text h2{margin:8px 0 14px;font-size:clamp(28px,4vw,44px);line-height:1.02}.hero-text p{margin:0;max-width:640px;font-size:15px}.hero-stats,.stats-grid{display:grid;gap:12px}.hero-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px}.hero-copy--users .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.hero-user-ranking{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,1fr));gap:12px}.hero-user-card{display:grid;gap:10px;padding:20px;text-align:left;border-radius:var(--radius-lg);border:1px solid var(--line);background:#ffffffd1;color:inherit;box-shadow:inset 0 1px #ffffff80}.hero-user-card--lead{background:linear-gradient(135deg,#d95d3929,#ffffffd6);border-color:#d95d3933}.hero-user-card__rank{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8b5232}.hero-user-card strong{font-size:clamp(22px,3vw,32px);line-height:1.05}.hero-user-card p{margin:0;color:var(--text-muted)}.hero-user-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-weight:700}.filters-panel{position:relative;z-index:20;overflow:visible;isolation:isolate;padding:24px;margin-bottom:18px}.filters-panel__copy h2{margin:8px 0 6px;font-size:clamp(24px,3vw,32px)}.filters-panel__copy p{margin:0;color:var(--text-muted)}.filters-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:20px}.field{display:grid;gap:8px;position:relative}.field--wide{grid-column:span 2}.field span{font-size:12px;font-weight:700;color:var(--text-muted)}.field input,.field select{min-height:46px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#fffffff0,#f8f3eceb);box-shadow:inset 0 1px #ffffffb3,0 1px 2px #3520100a;padding:0 14px;color:inherit;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,transform .16s ease}.field input:hover,.field select:hover{border-color:var(--line-strong);background:linear-gradient(180deg,#fffffffa,#fbf6f0f5)}.field input:focus,.field select:focus{outline:none;border-color:#2f6fed57;box-shadow:inset 0 1px #ffffffb3,0 0 0 4px #2f6fed1f}.field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:44px;background-image:linear-gradient(180deg,#fffffff0,#f8f3eceb),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1.5 1.5L7 7L12.5 1.5' stroke='%238b5232' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:center,right 14px center;background-size:auto,14px 9px;cursor:pointer}.field select::-ms-expand{display:none}.field input[type=date]{padding-right:14px}.field input[type=date]::-webkit-calendar-picker-indicator{opacity:.72;cursor:pointer}.field input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.select-field{position:relative}.select-field__trigger{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#fffffff0,#f8f3eceb);box-shadow:inset 0 1px #ffffffb3,0 1px 2px #3520100a;color:inherit;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.select-field__trigger:hover{border-color:var(--line-strong);background:linear-gradient(180deg,#fffffffa,#fbf6f0f5)}.select-field__trigger:focus{outline:none;border-color:#2f6fed57;box-shadow:inset 0 1px #ffffffb3,0 0 0 4px #2f6fed1f}.select-field__trigger.is-open{border-color:#d95d393d;box-shadow:inset 0 1px #ffffffb3,0 0 0 4px #d95d391a}.select-field__caret{width:10px;height:10px;flex:0 0 auto;border-right:2px solid #8b5232;border-bottom:2px solid #8b5232;transform:rotate(45deg) translateY(-2px);transition:transform .16s ease}.select-field__trigger.is-open .select-field__caret{transform:rotate(225deg) translateY(-1px)}.select-field__menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;display:grid;gap:6px;padding:8px;max-height:280px;overflow:auto;border-radius:18px;border:1px solid rgba(78,59,39,.12);background:#fffcf7f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 56px #3520102e}.select-field__option{width:100%;display:grid;gap:4px;padding:12px 14px;text-align:left;border:1px solid transparent;border-radius:14px;background:transparent;color:inherit}.select-field__option:hover{background:#2f6fed14}.select-field__option.is-selected{border-color:#d95d3929;background:linear-gradient(135deg,#d95d391f,#ffffffb3)}.select-field__option small{color:var(--text-muted)}.filters-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:18px;flex-wrap:wrap}.filters-actions{display:flex;justify-content:flex-end;margin-top:18px}.filters-footer__group{display:grid;gap:8px}.segmented-control{display:inline-flex;flex-wrap:wrap;gap:8px}.segmented-control__item,.primary-button,.toggle-button,.sort-chip,.ghost-button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#ffffffb8;color:inherit}.primary-button{border-color:#d95d3933;background:var(--accent-soft);color:#8f2f1f;font-weight:700}.primary-button:disabled{cursor:not-allowed;opacity:.55}.segmented-control__item.is-active,.toggle-button.is-active,.sort-chip.is-active{border-color:#d95d3933;background:var(--accent-soft);color:#8f2f1f}.ghost-button{background:transparent}.workspace{display:grid;gap:18px}.workspace--single{grid-template-columns:1fr}.workspace-content{position:relative;z-index:1;min-width:0;padding:24px}.page-section{display:grid;gap:18px}.page-section--with-drawer{display:grid;grid-template-columns:minmax(0,1.35fr) 380px;gap:18px}.page-section__main{min-width:0;display:grid;gap:18px}.page-section__header h2{margin-top:8px;font-size:clamp(28px,3vw,36px)}.page-section__header p{margin:10px 0 0;max-width:760px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{display:grid;gap:10px;padding:20px}.stat-card__label{font-size:12px;color:var(--text-muted)}.stat-card__value{font-size:clamp(24px,2.8vw,32px);line-height:1.05}.stat-card__hint{font-size:13px;color:var(--text-muted)}.stat-card--accent{background:linear-gradient(135deg,#d95d3924,#fff8eff0)}.stat-card--blue{background:linear-gradient(135deg,#2f6fed1f,#fff8eff0)}.stat-card--success{background:linear-gradient(135deg,#1f8f651f,#fff8eff0)}.stat-card--warning{background:linear-gradient(135deg,#c97b1724,#fff8eff0)}.content-grid{display:grid;gap:18px}.content-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.section-card{padding:22px}.section-card--nested{background:#fffdfad1;box-shadow:none}.section-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.section-card__eyebrow{display:inline-block;margin-bottom:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8b5232}.trend-bars,.stack-list,.job-list,.blueprint-list,.guide-grid,.source-grid,.linked-user-list,.linked-token-list{display:grid;gap:12px}.trend-bars__item{display:grid;gap:8px}.trend-bars__meta{display:flex;justify-content:space-between;gap:12px;font-size:14px}.trend-bars__track,.mini-trend__bar{position:relative;overflow:hidden;border-radius:999px;background:#241c1614}.trend-bars__track{height:14px}.trend-bars__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#d95d39,#f1a63e)}.trend-bars__quota{font-size:12px;color:var(--text-muted)}.notice-row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid rgba(82,58,31,.08)}.notice-row:last-child{border-bottom:0}.highlight-card,.info-card,.guide-card,.source-card,.job-card,.blueprint-card{padding:16px;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffffb8}.highlight-card .small-label{font-size:13px}.highlight-card strong,.info-card strong,.guide-card strong,.source-card strong,.job-card strong,.blueprint-card strong{display:block;margin:8px 0}.highlight-card strong{font-size:22px;line-height:1.15}.highlight-card--warning{background:linear-gradient(135deg,var(--warning-soft),rgba(255,255,255,.72))}.highlight-card--blue{background:linear-gradient(135deg,var(--blue-soft),rgba(255,255,255,.72))}.highlight-card--neutral{background:linear-gradient(135deg,#3a302614,#ffffffb8)}.source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.source-card.is-selected{border-color:#d95d392e;box-shadow:inset 0 0 0 1px #d95d3924}.source-card__header,.blueprint-card__header,.job-card__header{display:flex;justify-content:space-between;gap:12px;align-items:center}.source-card__metrics,.detail-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.source-card__metrics strong{font-size:20px;line-height:1.15}.table-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.table-list{display:grid;gap:10px}.table-list__header,.table-list__row{display:grid;gap:12px;align-items:center}.table-list__header{padding:0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.table-list__header--users,.table-list__row{grid-template-columns:1fr 1.5fr 1fr 1fr 1fr .8fr 1fr}.table-list__header--tokens{grid-template-columns:1.1fr 1.5fr 1fr 1fr .8fr 1fr}.table-list__header--jobs,.table-list__row--jobs{grid-template-columns:.95fr .8fr 1.4fr .8fr 1.9fr}.table-list__row{width:100%;padding:14px;text-align:left;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffffc2;color:inherit}.table-list__row.is-selected{border-color:#d95d3933;background:linear-gradient(135deg,#d95d391a,#ffffffc2)}.table-list__entity{display:grid;gap:4px}.table-list__entity small{color:var(--text-muted)}.detail-drawer{position:sticky;top:20px;align-self:start;max-height:calc(100vh - 40px);overflow:auto;padding:22px;display:grid;gap:16px}.detail-drawer__header{display:flex;justify-content:space-between;gap:12px}.detail-drawer__header p{margin:8px 0 0;color:var(--text-muted)}.detail-metrics article{padding:12px;border-radius:14px;background:#ffffffb8;border:1px solid var(--line)}.token-pill-list{display:flex;flex-wrap:wrap;gap:10px}.mini-trend{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end}.mini-trend__item{display:grid;gap:8px;justify-items:center}.mini-trend__item span{font-size:12px;color:var(--text-muted)}.mini-trend__bar{width:100%;min-height:180px;display:flex;align-items:end}.mini-trend__fill{width:100%;border-radius:999px 999px 12px 12px;background:linear-gradient(180deg,#efb24d,#d95d39)}.mini-trend__fill--blue{background:linear-gradient(180deg,#61a0ff,#2f6fed)}.mini-trend-chart{display:grid;gap:14px}.mini-trend-chart__svg{width:100%;height:auto;overflow:visible}.mini-trend-chart__baseline{stroke:#51381f24;stroke-width:1}.mini-trend-chart__path{fill:none;stroke:#d95d39;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.mini-trend-chart__dot{fill:#fff7ef;stroke:#d95d39;stroke-width:3}.mini-trend-chart__axis,.mini-trend-chart__summary{display:grid;gap:10px}.mini-trend-chart__axis{grid-template-columns:repeat(7,minmax(0,1fr))}.mini-trend-chart__axis span{text-align:center;font-size:11px;color:var(--text-muted)}.mini-trend-chart__summary{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-trend-chart__summary article{padding:12px;border-radius:14px;border:1px solid var(--line);background:#ffffffb8}.mini-trend-chart__summary strong{display:block;margin-top:6px;font-size:18px;line-height:1.1}.linked-user-list__item{display:grid;grid-template-columns:.9fr 1.2fr .8fr;gap:12px;padding:12px;border-radius:14px;background:#ffffffb8;border:1px solid var(--line)}.linked-token-list__item{display:grid;grid-template-columns:1.5fr .9fr .7fr;gap:12px;padding:12px;border-radius:14px;background:#ffffffb8;border:1px solid var(--line)}.linked-token-list__item p{margin:4px 0 0;color:var(--text-muted)}.code-panel{margin:0;padding:16px;overflow:auto;border-radius:var(--radius-md);background:#1f1a17;color:#f8ede0;font-size:13px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card h4{margin:8px 0;font-size:20px}.blueprint-card__body{display:grid;gap:12px}.job-card__meta{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0;color:var(--text-muted);font-size:13px}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase}.status-badge--success{color:var(--success);background:var(--success-soft)}.status-badge--warning{color:var(--warning);background:var(--warning-soft)}.status-badge--failed{color:var(--danger);background:var(--danger-soft)}.status-badge--running{color:var(--blue);background:var(--blue-soft)}.empty-state{display:grid;gap:8px;place-items:start;min-height:240px;align-content:center}.empty-state--compact{min-height:0}@media(max-width:1280px){.workspace,.page-section--with-drawer,.content-grid--two,.source-grid,.guide-grid{grid-template-columns:1fr}.hero-stats,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-user-ranking{grid-template-columns:1fr}.detail-drawer{position:static}.filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.dashboard-shell{width:min(100vw - 20px,100%);margin-top:12px}.topbar,.filters-panel,.workspace-content,.workspace-nav,.section-card,.detail-drawer{padding:18px}.topbar,.filters-footer,.topbar__nav{flex-direction:column;align-items:stretch}.filters-grid,.stats-grid,.hero-stats{grid-template-columns:1fr}.field--wide{grid-column:auto}.table-list__header,.table-list__row,.table-list__header--users,.table-list__header--tokens,.table-list__header--jobs,.table-list__row--jobs{grid-template-columns:1fr}.mini-trend{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-trend-chart__axis,.mini-trend-chart__summary{grid-template-columns:repeat(3,minmax(0,1fr))}.source-card__metrics,.detail-metrics,.linked-user-list__item,.linked-token-list__item{grid-template-columns:1fr}}input[type=text]{color:#1e1712!important}