:root{color:#182033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.screen-center,.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(120deg,#1a5eff14,#0abf911a),#f5f7fb}.login-card{width:min(420px,100%);padding:32px;border:1px solid #dce4f2;border-radius:8px;background:#fff;box-shadow:0 20px 60px #202f561f}.login-card h1{margin:28px 0 10px;font-size:28px}.login-card p{margin:0 0 24px;color:#657089;line-height:1.7}.login-card footer{margin-top:20px;color:#7b8498;font-size:12px;word-break:break-all}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:#111827;color:#fff}.sidebar-head,.topbar-title{display:flex;align-items:center;gap:12px}.sidebar-head{justify-content:space-between}.mobile-menu-button,.mobile-sidebar-close,.sidebar-backdrop{display:none}.brand{display:flex;align-items:center;gap:12px}.brand.compact{color:#182033}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#1a5eff;color:#fff;font-weight:800}.brand strong,.brand span{display:block}.brand span{margin-top:3px;color:#9aa7bd;font-size:12px}.nav{margin-top:34px;display:grid;gap:8px}.nav button{width:100%;height:42px;padding:0 14px;border-radius:8px;background:transparent;color:#c8d1e3;text-align:left}.nav button:hover,.nav button.active{background:#22304a;color:#fff}.main{min-width:0;padding:28px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px}.topbar h1{margin:0 0 6px;font-size:26px}.topbar p{margin:0;color:#6b7488}.account{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #dce4f2;border-radius:8px;background:#fff}.account span{font-size:13px;color:#586278}.page-stack{display:grid;gap:18px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.events-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.stat-card,.panel{border:1px solid #dce4f2;border-radius:8px;background:#fff}.stat-card{min-height:96px;padding:15px 16px}.stat-card>span,.trace-summary span{display:block;color:#66728a;font-size:13px}.stat-card>strong,.trace-summary strong{display:block;margin-top:8px;overflow-wrap:anywhere;color:#182033;font-size:24px;line-height:1.1;letter-spacing:0}.stat-card>small,.trace-summary small{display:block;margin-top:8px;color:#7c879a;font-size:12px;line-height:1.35}.stat-card.tone-blue{border-color:#cfe0ff}.stat-card.tone-blue>strong{color:#1a5eff}.stat-card.tone-green{border-color:#cbeee3}.stat-card.tone-green>strong{color:#087f5b}.stat-card.tone-gold{border-color:#f4dfaa}.stat-card.tone-gold>strong{color:#9a6700}.stat-card.tone-slate>strong{color:#25304a}.panel{overflow:hidden}.panel-head{min-height:62px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #edf1f7}.panel h2{margin:0;font-size:17px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 18px;border-bottom:1px solid #edf1f7;text-align:left;white-space:nowrap}th{color:#66728a;font-size:12px;font-weight:700;background:#fafbfd}td{color:#25304a;font-size:13px}.pill,.label{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#eaf7f2;color:#087f5b;font-size:12px;font-weight:700}.pill.running{background:#eef4ff;color:#1a5eff}.pill.error{background:#fff0f0;color:#c93535}.tag,.address-inline .label{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:999px;background:#edf3ff;color:#1a5eff;font-size:12px;font-weight:700}.tag.green{background:#eaf7f2;color:#087f5b}.tag.gold{background:#fff7df;color:#9a6700}.tag.red{background:#fff0f0;color:#c93535}.tag-row{display:inline-flex;flex-wrap:wrap;gap:6px}.date-with-tag{display:inline-flex;align-items:center;gap:8px}.distribution-cell{display:inline-flex;align-items:baseline;gap:8px}.distribution-cell strong{color:#25304a}.distribution-cell small{color:#7c879a;font-size:12px;font-weight:700}.address-inline{display:inline-flex;max-width:100%;align-items:center;gap:6px;vertical-align:middle}.copyable-code{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}.day-text{display:inline-flex;color:inherit;white-space:nowrap}.token-amount{display:inline-flex;align-items:baseline;gap:4px;color:inherit;white-space:nowrap}.token-amount small{color:#66728a;font-size:.78em;font-weight:700}.referral-counts{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}.referral-counts span{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:999px;background:#f4f7fb;color:#34405a;font-size:12px;font-weight:700;white-space:nowrap}.referral-counts span:last-child{background:#eaf7f2;color:#087f5b}.address-link,.link-button{height:auto;padding:0;border:0;background:transparent;color:#1a5eff;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;text-align:left}.address-link:hover,.link-button:hover{text-decoration:underline}.icon-button,.inline-action{min-height:24px;padding:0 7px;border:1px solid #d7dfec;border-radius:8px;background:#fff;color:#34405a;font-size:12px}.copy-button{width:26px;height:26px;min-height:26px;display:inline-grid;place-items:center;padding:0;color:#66728a}.copy-button:hover,.copy-button.copied{border-color:#bdd0f7;color:#1a5eff;background:#f6f9ff}.copy-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.inline-action{color:#1a5eff}.danger,.error{color:#c93535}.error{margin:14px 18px;padding:12px 14px;border:1px solid #ffc9c9;border-radius:8px;background:#fff7f7}.notice{padding:12px 14px;border:1px solid #dbe7ff;border-radius:8px;background:#f6f9ff;color:#34517d;font-size:13px}.muted,.empty{padding:24px 18px;color:#6b7488}.primary,.secondary,.ghost{height:38px;padding:0 14px;border-radius:8px}.primary{background:#1a5eff;color:#fff;font-weight:800}.primary.wide{width:100%;height:46px}.secondary{background:#182033;color:#fff}.ghost{border:1px solid #d7dfec;background:#fff;color:#25304a}.action-row,.search,.pager,.admin-form,.toolbar-line{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.action-row{padding:18px}.search input{width:260px;height:38px;padding:0 12px;border:1px solid #cfd8e7;border-radius:8px;outline:none}.search-field{position:relative;display:grid;gap:4px}.search-field small{color:#c93535;font-size:12px}.search input:focus{border-color:#1a5eff}.admin-form{padding:18px;align-items:flex-start}.admin-form>input{width:240px;height:38px;padding:0 12px;border:1px solid #cfd8e7;border-radius:8px;outline:none}.checkbox-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0}.checkbox-grid label{min-height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #dce4f2;border-radius:8px;color:#34405a;font-size:13px}.permissions-cell{max-width:420px;white-space:normal;line-height:1.6}.detail-cell{max-width:520px;white-space:normal;word-break:break-word}.danger-button{color:#c93535}.segmented{display:inline-flex;min-height:38px;overflow:hidden;border:1px solid #cfd8e7;border-radius:8px;background:#fff}.segmented button{min-width:72px;padding:0 14px;background:transparent;color:#34405a}.segmented button.active{background:#182033;color:#fff}.wide-search input{width:min(560px,58vw)}.pager{justify-content:flex-end;padding:14px 18px}.pager span{margin-right:auto;color:#6b7488;font-size:13px}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px}.detail-grid>div{min-height:78px;padding:12px;border:1px solid #edf1f7;border-radius:8px;background:#fafbfd}.detail-grid>div>span{display:block;color:#66728a;font-size:12px}.detail-grid strong{display:block;margin-top:8px;overflow:hidden;color:#25304a;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.detail-grid strong .address-inline{white-space:normal}.detail-sections{display:grid;gap:16px;padding:0 18px 18px}.platform-block{display:grid;gap:14px;padding:18px}.platform-meta{display:flex;flex-wrap:wrap;gap:8px;color:#66728a;font-size:13px}.platform-meta span{min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid #edf1f7;border-radius:8px;background:#fafbfd}.platform-section{display:grid;gap:10px}.platform-section h3{margin:0;color:#34405a;font-size:14px}.platform-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.trend-card{padding:16px 18px 18px}.trend-legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:12px;color:#66728a;font-size:12px;font-weight:700}.trend-legend span{display:inline-flex;align-items:center;gap:6px}.trend-legend i{width:9px;height:9px;border-radius:999px}.trend-chart-scroll{width:100%;overflow-x:auto}.trend-chart{min-width:900px;width:100%;height:auto;display:block}.trend-chart line{stroke:#edf1f7}.trend-chart path{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.trend-chart text{fill:#7c879a;font-size:11px}.compact-detail-grid{grid-template-columns:repeat(5,minmax(0,1fr));padding:0}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}.health-item{min-height:96px;padding:14px;border:1px solid #edf1f7;border-radius:8px;background:#fafbfd}.health-item>span,.health-item>small{display:block;color:#66728a;font-size:12px}.health-item strong{display:block;margin:9px 0;overflow:hidden;color:#25304a;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.mini-table{overflow:hidden;border:1px solid #edf1f7;border-radius:8px}.mini-table h3{margin:0;padding:13px 14px;border-bottom:1px solid #edf1f7;background:#fafbfd;font-size:15px}.progress-list{display:grid;gap:16px;padding:18px}.compact-progress{grid-template-columns:repeat(3,minmax(0,1fr))}.progress-item{display:grid;grid-template-columns:minmax(160px,1fr) 92px;gap:10px 16px;align-items:center}.progress-item span{display:block;margin-top:4px;color:#66728a;font-size:12px}.progress-item b{text-align:right}.progress{grid-column:1 / -1;height:8px;overflow:hidden;border-radius:999px;background:#e8eef7}.progress div{height:100%;border-radius:inherit;background:#0abf91}.trace-layout{padding:18px}.trace-copyline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px 14px;border:1px solid #edf1f7;border-radius:8px;background:#fafbfd}.trace-copyline code{white-space:normal;word-break:break-all}.trace-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.trace-summary>div{min-height:110px;padding:18px;border:1px solid #edf1f7;border-radius:8px;background:#fafbfd}.timeline{display:grid;gap:12px}.timeline-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start}.depth{width:36px;height:36px;display:grid;place-items:center;border-radius:999px;background:#edf3ff;color:#1a5eff;font-weight:800}.node-card{padding:14px;border:1px solid #dce4f2;border-radius:8px}.node-main,.node-meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.node-meta{margin-top:10px;color:#66728a;font-size:12px}.modal-backdrop,.drawer-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;background:#11182761}.modal,.drawer{background:#fff;box-shadow:0 24px 80px #18203333}.modal{width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 64px);margin:32px auto;overflow:auto;border-radius:8px}.modal-head,.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid #edf1f7}.modal-head h2,.drawer-head h2{margin:0 0 6px;font-size:18px}.modal-head p{margin:0;color:#66728a}.drawer{width:min(860px,92vw);height:100vh;margin-left:auto;overflow-y:auto}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:70;inset:0 auto 0 0;width:min(280px,84vw);height:100vh;overflow-y:auto;transform:translate(-100%);transition:transform .2s ease;box-shadow:24px 0 60px #1118273d}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:block;background:#1118276b}.nav{margin-top:18px}.nav button{text-align:left}.main{padding:18px}.topbar,.panel-head{align-items:stretch;flex-direction:column}.topbar-title{align-items:flex-start}.mobile-menu-button,.mobile-sidebar-close{display:grid;place-items:center;border:1px solid #d7dfec;border-radius:8px;background:#fff;color:#25304a}.mobile-menu-button{width:38px;height:38px;flex:0 0 38px;font-size:18px}.mobile-sidebar-close{width:34px;height:34px;flex:0 0 34px;font-size:20px}.account{justify-content:space-between}.stats-grid,.dashboard-grid,.events-grid,.trace-summary,.health-grid,.compact-progress,.detail-grid,.checkbox-grid{grid-template-columns:1fr}.wide-search input,.search input{width:min(100%,520px)}.drawer{width:100vw}}@media(max-width:560px){.account{flex-wrap:wrap}.search,.search input,.search button{width:100%}.progress-item{grid-template-columns:1fr}.progress-item b{text-align:left}}