:root{color-scheme:dark;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--page: #121416;--surface: #1a1d20;--surface-raised: #202428;--surface-hover: #262b2f;--line: #30363b;--line-strong: #414950;--text: #f2f4f5;--text-secondary: #a7afb5;--text-muted: #747e85;--green: #4fca8a;--cyan: #4fb7c5;--amber: #f2b84b;--red: #ef6b6b;--arco-primary-6: 79, 202, 138;--arco-primary-5: 93, 213, 151;--arco-primary-7: 60, 171, 112;letter-spacing:0}*{box-sizing:border-box;letter-spacing:0}html,body,#app{min-width:320px;min-height:100%;margin:0;background:var(--page);color:var(--text)}body{min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.admin-app{min-height:100vh}.login-layout{min-height:100vh;display:grid;place-items:center;padding:32px 20px 94px;position:relative;background:#111315}.login-panel{width:min(100%,408px);padding:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 22px 70px #00000047}.brand-mark{width:38px;height:38px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid rgba(79,202,138,.45);border-radius:7px;color:var(--green);background:#4fca8a14}.brand-mark--large{width:52px;height:52px;margin-bottom:24px}.login-kicker{display:block;margin-bottom:8px;color:var(--green);font-size:12px;font-weight:700}.login-panel h1{margin:0;font-size:27px;line-height:1.35}.login-subtitle{margin:10px 0 26px;color:var(--text-secondary);font-size:14px;line-height:1.7}.login-form{display:grid;gap:18px}.login-form label{display:grid;gap:8px;color:var(--text-secondary);font-size:13px;font-weight:600}.login-form .arco-input-wrapper{min-height:44px;border:1px solid var(--line);border-radius:6px;background:#15181a}.login-form .arco-input-wrapper:hover,.login-form .arco-input-wrapper.arco-input-focus{border-color:var(--green);background:#15181a}.login-form .arco-input{color:var(--text)}.login-form .arco-btn-primary{min-height:44px;border-radius:6px;background:var(--green);color:#0f1b15;font-weight:700}.form-error{margin:-4px 0 0;color:#ff9292;font-size:13px;line-height:1.5}.classic-login-link{width:max-content;display:flex;align-items:center;gap:6px;margin:24px auto 0;color:var(--text-secondary);font-size:13px}.classic-login-link:hover{color:var(--text)}.login-status{position:absolute;bottom:26px;display:flex;align-items:center;gap:10px;color:var(--text-muted)}.login-status svg{color:var(--green)}.login-status div{display:grid;gap:2px}.login-status strong{color:var(--text-secondary);font-size:12px}.login-status span{font-size:11px}.admin-shell{min-height:100vh;display:grid;grid-template-columns:214px minmax(0,1fr)}.app-sidebar{min-height:100vh;position:sticky;top:0;align-self:start;display:flex;flex-direction:column;padding:22px 16px 18px;border-right:1px solid var(--line);background:#151719}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 4px 24px}.sidebar-brand>span:last-child{min-width:0;display:grid;gap:2px}.sidebar-brand strong{font-size:15px}.sidebar-brand small{color:var(--text-muted);font-size:11px}.sidebar-nav{display:grid;gap:6px}.sidebar-link{min-height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:600}.sidebar-link:hover{border-color:var(--line);background:var(--surface);color:var(--text)}.sidebar-link--active{border-color:#4fca8a40;background:#4fca8a17;color:var(--green)}.sidebar-foot{display:flex;align-items:center;gap:8px;margin-top:auto;padding:13px 10px 2px;color:var(--text-muted);font-size:11px}.health-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #4fca8a1a}.app-workspace{min-width:0}.app-topbar{height:58px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:flex-end;padding:0 28px;border-bottom:1px solid var(--line);background:#121416f5}.mobile-brand{display:none;align-items:center;gap:9px;margin-right:auto}.mobile-nav{display:none;align-items:center;gap:4px;margin-right:auto}.mobile-nav a{padding:6px 9px;border-radius:5px;color:var(--text-muted);font-size:12px}.mobile-nav a.mobile-nav__active{background:#4fca8a17;color:var(--green)}.topbar-session{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:12px}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text-secondary);cursor:pointer}.icon-button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-hover);color:var(--text)}.icon-button:disabled{cursor:default;opacity:.58}.monitor-view{width:100%;max-width:1680px;min-width:0;margin:0 auto;padding:24px 28px 30px}.monitor-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.monitor-header__copy{min-width:0}.monitor-title-row{display:flex;align-items:center;gap:12px}.monitor-title-row h1{margin:0;font-size:24px;line-height:1.3}.monitor-header p{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:7px 0 0;color:var(--text-muted);font-size:12px}.data-state{min-height:24px;display:inline-flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:5px;color:var(--text-secondary);font-size:11px;font-weight:600}.data-state>span{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.data-state--live>span{background:var(--green)}.data-state--warning>span{background:var(--amber)}.monitor-actions{display:flex;align-items:center;gap:8px}.auto-refresh-control{height:36px;display:flex;align-items:center;gap:10px;padding:0 11px;border:1px solid var(--line);border-radius:6px;color:var(--text-secondary);background:var(--surface);font-size:12px}.auto-refresh-control .arco-switch-checked{background-color:var(--green)}.auto-refresh-control select{min-width:112px;border:0;outline:0;color:var(--text);background:transparent;cursor:pointer}.action-button{background:var(--surface)}.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.monitor-error{min-height:44px;display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:10px 13px;border:1px solid rgba(239,107,107,.38);border-radius:6px;background:#ef6b6b14;color:#ffb2b2;font-size:13px}.monitor-error span{min-width:0;flex:1}.monitor-error button{border:0;background:transparent;color:#ffd1d1;cursor:pointer}.monitor-loading{min-height:calc(100vh - 170px);display:grid;place-content:center;justify-items:center;gap:14px;color:var(--text-muted);font-size:13px}.loading-ring{width:30px;height:30px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .9s linear infinite}.dashboard-section{min-width:0;margin-top:18px}.dashboard-section--metrics{margin-top:0}.dashboard-section__head{min-height:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:8px;padding:0 2px}.dashboard-section__head>div{min-width:0;display:flex;align-items:baseline;gap:9px}.dashboard-section__head h2{margin:0;color:var(--text);font-size:14px;line-height:1.35}.dashboard-section__head p,.dashboard-section__head>span{margin:0;color:var(--text-muted);font-size:10px;line-height:1.4}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.metric-card{min-width:0;min-height:116px;display:flex;flex-direction:column;padding:13px 14px;border:1px solid var(--line);border-top:2px solid var(--line-strong);border-radius:7px;background:var(--surface)}.metric-card--success{border-top-color:var(--green)}.metric-card--info{border-top-color:var(--cyan)}.metric-card--warning{border-top-color:var(--amber)}.metric-card--danger{border-top-color:var(--red)}.metric-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-card__label{min-width:0;color:var(--text-secondary);font-size:12px;font-weight:600;line-height:1.4}.metric-card__icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:6px;background:var(--surface-raised);color:var(--text-muted)}.metric-card--success .metric-card__icon{color:var(--green)}.metric-card--info .metric-card__icon{color:var(--cyan)}.metric-card--warning .metric-card__icon{color:var(--amber)}.metric-card--danger .metric-card__icon{color:var(--red)}.metric-card__value{display:block;margin-top:12px;font-size:24px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card__note{display:block;margin-top:auto;padding-top:7px;color:var(--text-muted);font-size:10px;line-height:1.45}.chart-grid{min-width:0;display:grid;gap:10px;margin-top:0}.chart-grid--primary{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid--secondary{grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr)}.chart-panel,.detail-panel{min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.chart-panel{min-height:286px;position:relative;padding:16px 16px 10px}.chart-panel__head,.detail-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chart-panel__head h2,.detail-panel__head h2{margin:0;font-size:14px;line-height:1.4}.chart-panel__head span,.detail-panel__head p{margin:0;color:var(--text-muted);font-size:11px}.chart-panel__canvas{width:100%;height:230px}.chart-panel__empty{position:absolute;inset:56px 16px 14px;display:grid;place-items:center;color:var(--text-muted);font-size:12px;background:var(--surface)}.detail-grid{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:0}.detail-panel{min-height:252px;overflow:hidden}.detail-panel__head{min-height:64px;align-items:center;padding:15px 16px;border-bottom:1px solid var(--line)}.detail-panel__head>div{display:grid;gap:5px}.detail-panel__head>strong{font-size:16px}.danger-text{color:var(--red)}.data-list{max-height:296px;overflow-y:auto}.data-row{min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:9px 16px;border-bottom:1px solid rgba(48,54,59,.72)}.data-row:last-child{border-bottom:0}.data-row:hover{background:#ffffff05}.row-identity,.row-value{min-width:0;display:grid;gap:4px}.row-identity strong,.row-value strong{min-width:0;overflow:hidden;color:var(--text);font-size:12px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.row-identity>span,.row-value>span{min-width:0;overflow:hidden;color:var(--text-muted);font-size:10px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.row-value{justify-items:end;text-align:right}.task-title{min-width:0;display:flex;align-items:center;gap:8px}.status-chip{min-height:20px;display:inline-flex;align-items:center;flex:0 0 auto;padding:0 6px;border:1px solid rgba(239,107,107,.32);border-radius:4px;color:#ff9b9b;background:#ef6b6b12;font-size:9px}.empty-list{min-height:170px;display:grid;place-items:center;color:var(--text-muted);font-size:12px}.empty-list--healthy{color:var(--green)}.monitor-footer{display:flex;justify-content:space-between;gap:12px;padding:15px 2px 0;color:var(--text-muted);font-size:10px}.ledger-view{width:100%;max-width:1680px;min-width:0;margin:0 auto;padding:26px 28px 30px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.page-heading h1{margin:0;font-size:24px;line-height:1.3}.page-heading p{margin:7px 0 0;color:var(--text-muted);font-size:12px}.usage-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.usage-metric{min-height:112px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--line);border-top:2px solid var(--line-strong);border-radius:7px;background:var(--surface)}.usage-metric--success{border-top-color:var(--green)}.usage-metric--warning{border-top-color:var(--amber)}.usage-metric--info{border-top-color:var(--cyan)}.usage-metric>div{min-width:0;display:grid;gap:7px}.usage-metric span,.usage-metric small{color:var(--text-muted);font-size:11px}.usage-metric strong{font-size:23px;line-height:1.15}.usage-metric>svg{flex:0 0 auto;color:var(--text-muted)}.usage-metric--success>svg{color:var(--green)}.usage-metric--warning>svg{color:var(--amber)}.usage-metric--info>svg{color:var(--cyan)}.usage-layout{min-width:0;display:grid;grid-template-columns:290px minmax(0,1fr);align-items:start;gap:10px;margin-top:10px}.top-users-panel,.ledger-panel{min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.top-users-panel{overflow:hidden}.top-users-panel>header{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid var(--line)}.top-users-panel h2{margin:0;font-size:14px}.top-users-panel p{margin:4px 0 0;color:var(--text-muted);font-size:10px}.top-users-panel>header svg{color:var(--amber)}.top-users-list{display:grid}.top-users-list>button{min-width:0;min-height:60px;display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 13px;border:0;border-bottom:1px solid rgba(48,54,59,.72);background:transparent;color:var(--text);text-align:left;cursor:pointer}.top-users-list>button:last-child{border-bottom:0}.top-users-list>button:hover{background:var(--surface-hover)}.rank-index{width:22px;height:22px;display:grid;place-items:center;border-radius:5px;background:var(--surface-raised);color:var(--text-muted);font-size:10px}.rank-user{min-width:0;display:grid;gap:3px}.rank-user strong,.rank-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-user strong,.rank-value{font-size:11px}.rank-user small{color:var(--text-muted);font-size:9px}.rank-value{color:var(--amber)}.compact-empty{min-height:180px;display:grid;place-items:center;padding:20px;color:var(--text-muted);font-size:11px;text-align:center}.ledger-filters{display:grid;grid-template-columns:minmax(140px,.9fr) minmax(120px,.7fr) minmax(140px,.8fr) minmax(160px,1fr) auto;align-items:end;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.ledger-filters label{min-width:0;display:grid;gap:6px}.ledger-filters label>span{color:var(--text-muted);font-size:10px}.ledger-filters input,.ledger-filters select{width:100%;height:36px;min-width:0;padding:0 10px;border:1px solid var(--line);border-radius:5px;outline:none;color:var(--text);background:#15181a}.ledger-filters input:focus,.ledger-filters select:focus{border-color:var(--green)}.ledger-filter-actions{display:flex;align-items:center;gap:7px}.text-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid var(--line);border-radius:5px;background:var(--surface-raised);color:var(--text-secondary);cursor:pointer;white-space:nowrap}.text-button:hover:not(:disabled){border-color:var(--line-strong);color:var(--text)}.text-button--primary{border-color:#4fca8a6b;background:#4fca8a1c;color:var(--green)}.text-button:disabled{cursor:default;opacity:.55}.ledger-table-wrap{min-height:390px;position:relative;overflow-x:auto}.ledger-table{width:100%;min-width:800px;border-collapse:collapse;table-layout:fixed}.ledger-table th,.ledger-table td{padding:11px 13px;border-bottom:1px solid rgba(48,54,59,.72);text-align:left;vertical-align:middle}.ledger-table th{color:var(--text-muted);background:#ffffff04;font-size:10px;font-weight:600}.ledger-table td{color:var(--text-secondary);font-size:11px}.ledger-table th:nth-child(1){width:126px}.ledger-table th:nth-child(2){width:110px}.ledger-table th:nth-child(3){width:125px}.ledger-table th:nth-child(5),.ledger-table th:nth-child(6){width:78px;text-align:right}.ledger-table td:nth-child(5),.ledger-table td:nth-child(6){text-align:right}.ledger-table td:nth-child(4) strong,.ledger-table td:nth-child(4) span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-table td:nth-child(4) strong{margin-bottom:3px;color:var(--text);font-size:11px}.ledger-table td:nth-child(4) span{color:var(--text-muted);font-size:9px}.user-filter-link{max-width:100%;padding:0;overflow:hidden;border:0;background:transparent;color:var(--cyan);cursor:pointer;text-overflow:ellipsis;white-space:nowrap}.point-out{color:var(--amber)}.point-in{color:var(--green)}.table-state{min-height:330px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:12px}.table-state .loading-ring{width:22px;height:22px}.ledger-footer{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-top:1px solid var(--line);color:var(--text-muted);font-size:10px}:fullscreen .app-sidebar,:fullscreen .app-topbar{display:none}:fullscreen .admin-shell{display:block}:fullscreen .monitor-view{max-width:none;min-height:100vh;padding-top:22px}@media (max-width: 1280px){.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1100px){.admin-shell{grid-template-columns:76px minmax(0,1fr)}.app-sidebar{padding-inline:10px}.sidebar-brand{justify-content:center;padding-inline:0}.sidebar-brand>span:last-child,.sidebar-link span,.sidebar-foot span:last-child{display:none}.sidebar-link{justify-content:center;padding:0}.chart-grid--secondary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.chart-grid--primary,.chart-grid--secondary,.detail-grid{grid-template-columns:minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-layout{grid-template-columns:minmax(0,1fr)}.top-users-list{grid-template-columns:repeat(2,minmax(0,1fr))}.top-users-list>button:nth-child(odd){border-right:1px solid rgba(48,54,59,.72)}.ledger-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.admin-shell{display:block}.app-sidebar{display:none}.app-topbar{height:54px;gap:8px;padding:0 12px;background:#121416fa}.mobile-brand{display:flex;min-width:0;font-size:14px}.mobile-nav{display:flex;flex:0 0 auto;margin:0 auto;padding:3px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.mobile-nav a{padding:5px 8px}.mobile-brand .brand-mark{width:32px;height:32px}.topbar-session>span{display:none}.monitor-view{padding:14px 12px 22px}.ledger-view{padding:20px 14px 24px}.monitor-header{align-items:center;gap:10px;margin-bottom:14px}.monitor-title-row{gap:8px}.monitor-title-row h1{font-size:20px}.monitor-header p{margin-top:4px;font-size:10px}.monitor-actions{flex:0 0 auto}.auto-refresh-control{width:118px;height:34px;gap:5px;padding:0 8px}.auto-refresh-control>span{display:none}.auto-refresh-control select{width:100%;min-width:0;font-size:11px}.action-button{width:34px;height:34px}.fullscreen-button{display:none}.dashboard-section{margin-top:14px}.dashboard-section--metrics{margin-top:0}.dashboard-section__head{min-height:24px;margin-bottom:7px}.dashboard-section__head h2{font-size:13px}.dashboard-section__head p,.dashboard-section__head>span{font-size:9px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{min-height:98px;padding:10px 11px}.metric-card__head{align-items:flex-start;gap:5px}.metric-card__label{font-size:11px;line-height:1.3}.metric-card__icon{width:25px;height:25px}.metric-card__icon svg{width:15px;height:15px}.metric-card__value{margin-top:8px;font-size:20px}.metric-card__note{min-height:20px;padding-top:5px;overflow:hidden;font-size:9px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.chart-panel{min-height:228px;padding:12px 10px 6px}.chart-panel__canvas{height:180px}.chart-panel__empty{inset:48px 10px 8px}.chart-panel__head h2,.detail-panel__head h2{font-size:12px}.chart-panel__head span,.detail-panel__head p{font-size:9px}.chart-grid,.detail-grid{gap:8px}.detail-panel{min-height:0}.detail-panel__head,.data-row{padding-inline:11px}.detail-panel__head{min-height:56px;padding-block:10px}.detail-panel__head>strong{font-size:14px}.data-list{max-height:220px}.data-row{min-height:50px;gap:8px;padding-block:8px}.empty-list{min-height:92px}.monitor-footer{flex-wrap:wrap;padding-top:12px}.usage-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 470px){.login-panel{padding:27px 22px}.login-status{max-width:calc(100% - 40px)}.monitor-title-row{align-items:center;flex-direction:row}.usage-metric-grid,.top-users-list,.ledger-filters{grid-template-columns:minmax(0,1fr)}.top-users-list>button:nth-child(odd){border-right:0}.ledger-filter-actions{justify-content:stretch}.ledger-filter-actions .text-button{flex:1}.monitor-header{align-items:flex-start;flex-direction:column}.monitor-actions{width:100%}.auto-refresh-control{margin-right:auto}.data-row{grid-template-columns:minmax(0,1fr) minmax(72px,auto)}}@media (max-width: 380px){.mobile-brand strong,.dashboard-section__head p{display:none}.metric-card{min-height:96px;padding-inline:9px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}