:root{--fd-color-news: #2563eb;--fd-color-report: #d58a1f;--fd-color-data: #191A1F;--fd-color-terminal: #b13f4a;--color-primary: var(--fd-color-data);--color-primary-hover: #191A1F;--color-primary-subtle: rgba(25, 26, 31, .08);--color-primary-focus: rgba(25, 26, 31, .16);--color-bg: #FFFFFF;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F7F7F8;--color-bg-tertiary: #EDEDF0;--color-bg-input: #F2F2F4;--color-border: #E0E0E6;--color-border-hover: #CCCCD4;--color-text: #171719;--color-text-muted: #9898A4;--color-text-primary: #171719;--color-text-secondary: #6B6B76;--color-text-tertiary: #9898A4;--color-success: #45D483;--color-warning: #F5C748;--color-error: #EB5757;--color-info: var(--fd-color-news);--color-wind: #E84D3D;--color-ifind: #4A7EC2;--color-ffd: #1A1A1A;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 2px rgba(17,24,39,.08);--shadow-md: 0 8px 24px rgba(17,24,39,.1);--sidebar-width: 240px}html[data-portal=report]{--color-primary: var(--fd-color-report);--color-primary-hover: #b86f13;--color-primary-subtle: rgba(213, 138, 31, .12);--color-primary-focus: rgba(213, 138, 31, .22);--portal-primary-border: rgba(213, 138, 31, .28);--portal-primary-shadow: rgba(213, 138, 31, .12)}html[data-portal=data],html[data-portal=mixed]{--color-primary: var(--fd-color-data);--color-primary-hover: #191A1F;--color-primary-subtle: rgba(25, 26, 31, .08);--color-primary-focus: rgba(25, 26, 31, .16);--portal-primary-border: rgba(25, 26, 31, .2);--portal-primary-shadow: rgba(25, 26, 31, .08)}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;min-width:0;overflow-x:hidden;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{width:100%;min-width:0;overflow-x:hidden;font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--color-text-primary);background:#f7f8fa;-webkit-font-smoothing:antialiased}#app{width:100%;min-height:100vh;overflow-x:hidden}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}img,svg,video,canvas,iframe{max-width:100%}pre,code{max-width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;outline:none}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-bg-tertiary)}.btn-danger{background:#eb57571a;color:var(--color-error)}.btn-danger:hover{background:#eb575733}.btn-sm{height:28px;padding:0 10px;font-size:12px}.btn-lg{height:36px;padding:0 20px}.input{width:100%;height:36px;padding:0 12px;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);color:var(--color-text-primary);outline:none;transition:border-color .15s ease}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-focus, rgba(44,46,50,.16))}.input::placeholder{color:var(--color-text-tertiary)}.input-sm{height:32px;font-size:13px}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;transition:border-color .15s ease}.card:hover{border-color:var(--color-border-hover)}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:500}.badge-f{background:#4a7ec21a;color:var(--color-ifind)}.badge-w{background:#e84d3d1a;color:var(--color-wind)}.badge-admin{background:var(--color-primary-subtle);color:var(--color-primary)}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap thead tr{background:var(--color-bg-secondary)}.table-wrap th{text-align:left;padding:10px 12px;color:var(--color-text-secondary);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.table-wrap th.text-right,.table-wrap td.text-right{text-align:right}.table-wrap td{padding:0 12px;font-size:13px}.table-wrap tbody tr{height:44px;border-top:1px solid var(--color-border);transition:background .15s ease}.table-wrap tbody tr:hover{background:var(--color-bg-tertiary)}.mono{font-family:var(--font-mono)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-muted{color:var(--color-text-tertiary)}.text-secondary{color:var(--color-text-secondary)}.progress-bar{height:3px;background:var(--color-border);border-radius:2px;overflow:hidden}.progress-bar .fill{height:100%;border-radius:2px;transition:width .3s ease}.fill-green{background:var(--color-success)}.fill-yellow{background:var(--color-warning)}.fill-red{background:var(--color-error)}.page-title{font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary)}.page-subtitle{font-size:13px;color:var(--color-text-tertiary);margin-top:2px}.stat-card{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:16px}.stat-card .label{font-size:12px;color:var(--color-text-secondary);font-weight:500;margin-bottom:6px}.stat-card .value{font-size:22px;font-weight:600;font-family:var(--font-mono)}.stat-card .trend{font-size:12px;margin-top:4px}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);padding:20px 0;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:transform .3s ease}.main-content{flex:1;min-width:0;width:calc(100% - var(--sidebar-width));padding:24px 32px;margin-left:var(--sidebar-width);min-height:100vh}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 16px;margin:0 8px;border-radius:var(--radius-md);font-size:13px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;text-decoration:none}.nav-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-item.active{background:var(--color-primary-subtle);color:var(--color-primary);font-weight:500}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:0 16px;align-items:center;justify-content:space-between;z-index:99}.hamburger{width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-md);border:none;background:none}.hamburger span{display:block;width:18px;height:2px;background:var(--color-text-primary);position:relative}.hamburger span:before,.hamburger span:after{content:"";position:absolute;width:18px;height:2px;background:var(--color-text-primary);left:0}.hamburger span:before{top:-6px}.hamburger span:after{top:6px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:99}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){:root{--sidebar-width: min(82vw, 300px)}.mobile-header{display:flex}.sidebar{width:var(--sidebar-width);max-width:320px;transform:translate(-100%);overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(18px + env(safe-area-inset-bottom));z-index:230}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block;z-index:220}.mobile-header{height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);z-index:210}.main-content{width:100%;max-width:100vw;margin-left:0;padding:calc(66px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom));overflow-x:hidden}.layout{width:100%;min-width:0}.stats-grid-4{grid-template-columns:repeat(2,1fr)!important}.stats-grid-3,.plan-grid{grid-template-columns:1fr!important}.page-header{flex-direction:column;align-items:flex-start!important;gap:12px}.page-header .btn{width:100%}.page-title{font-size:20px;line-height:1.25;overflow-wrap:anywhere}.page-subtitle{line-height:1.5;overflow-wrap:anywhere}.stat-card .value{font-size:18px}.filter-row{flex-wrap:wrap}.filter-row .input,.filter-row .btn{width:100%}.btn,button,input,select,textarea,.nav-item,.footer-link{min-height:40px}input,select,textarea{font-size:16px!important}.btn{height:auto;min-height:40px;padding:8px 12px;white-space:normal}.btn-sm{min-height:36px;padding:6px 10px}.card,.stat-card{padding:14px}.table-wrap,.table-scroll,.compare-scroll,.key-table,.logs-table-wrap,.tool-table{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.table-wrap{overflow:auto}.table-wrap table,.key-table table,.compare-table{min-width:640px}th,td{overflow-wrap:anywhere}pre,.code-block,.json-box,.prompt-box pre,.command-block code,.trouble-card code{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.dialog,.modal,.auth-card{width:min(100%,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important}.dialog-mask,[style*="position:fixed"][style*="inset:0"]{padding:14px!important;align-items:center!important}[style*="max-width:400px"],[style*="max-width:440px"],[style*="max-width:420px"]{max-width:calc(100vw - 28px)!important}[style*="padding:2rem"]{padding:18px!important}[style*="min-width:200px"],[style*="min-width:300px"],[style*="min-width:320px"]{min-width:0!important}[style*="max-width:320px"],[style*="max-width:400px"]{max-width:100%!important}[style*="white-space:nowrap"],[style*="white-space: nowrap"]{white-space:normal!important}.badge{max-width:100%;white-space:normal}.billing-page,.usage-page,.docs-page,.agent-kit,.redeem-page,.ledger-page,.watcher-page,.security-monitor,.audit-page,.page{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}.panel-content-shell,.docs-page,.agent-kit,.billing-page,.usage-page,.redeem-page{min-width:0}.page-head,.head,.subhead,.compact-header,.rules-head,.plans-head,.compare-head,.daily-report-head{flex-direction:column!important;align-items:stretch!important}.toolbar,.actions,.assign,.subtools,.contact-item,.dialog-plan-info,.contact-value{flex-wrap:wrap;align-items:stretch!important}.dialog,.modal .dialog{max-height:calc(100svh - 28px);overflow-y:auto}.modal{padding:14px}.two,.user-picker,.codegen-date-row{grid-template-columns:1fr!important}.toast{left:12px;right:12px;bottom:calc(18px + env(safe-area-inset-bottom));transform:none;text-align:center}.auth-layout{flex-direction:column!important}.auth-left{display:none!important}.auth-right{padding:2rem 1.5rem!important}.onboarding-grid{grid-template-columns:1fr!important}}@media(max-width:520px){.main-content{padding-left:12px;padding-right:12px}.stats-grid-4,.stats-grid-3,.summary-cards,.pool-summary-grid,.pool-mini-grid,.ledger-main,.library-detail-grid,.balance-row,.plans-grid,.rules-grid,.metric-grid,.candidate-grid,.detail-grid,.form-grid,.user-summary-grid,.quick-grid,.endpoint-grid,.migration-grid,.command-grid,.support-grid{grid-template-columns:1fr!important}.header-actions,.section-actions,.manual-actions,.config-actions,.history-tools,.dialog-footer{width:100%}.header-actions .btn,.section-actions .btn,.manual-actions .btn,.config-actions .btn,.history-tools .btn,.dialog-footer .btn,.copy-btn,.ghost-btn,.export-btn{width:100%;justify-content:center}}@media(min-width:769px)and (max-width:1024px){:root{--sidebar-width: 200px}.main-content{padding:24px 20px}.stats-grid-4{grid-template-columns:repeat(2,1fr)!important}}
