:root{--paper:#f4f1ea;--paper-deep:#ebe5d8;--surface:rgba(255,253,247,0.84);--surface-solid:#fffdf7;--graphite:#24221e;--graphite-soft:#5d5a52;--muted:#8b8578;--line:rgba(36,34,30,0.12);--line-strong:rgba(36,34,30,0.2);--mint:#1b7f6b;--mint-soft:rgba(27,127,107,0.13);--amber:#a66a00;--amber-soft:rgba(166,106,0,0.13);--rust:#ad3f2d;--rust-soft:rgba(173,63,45,0.12);--blueprint:#315f8d;--violet:#7551a6;--shadow:0 20px 60px rgba(47,42,32,0.1);--radius:8px}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--graphite);background:linear-gradient(90deg,rgba(36,34,30,.035) 1px,transparent 1px),linear-gradient(rgba(36,34,30,.035) 1px,transparent 1px),radial-gradient(circle at 88% 8%,rgba(27,127,107,.12),transparent 28%),radial-gradient(circle at 18% 88%,rgba(166,106,0,.09),transparent 30%),var(--paper);background-size:32px 32px,32px 32px,auto,auto,auto;font-family:Aptos,DIN Alternate,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0}button,input,select{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;padding:28px;display:grid;grid-template-columns:minmax(320px,480px) minmax(280px,420px);align-items:center;justify-content:center;grid-gap:18px;gap:18px}.login-card,.login-ledger{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.login-card{min-height:520px;padding:34px;display:flex;flex-direction:column;justify-content:center;gap:24px}.login-copy{margin-top:12px;color:var(--graphite-soft);line-height:1.7}.login-form{display:grid;grid-gap:14px;gap:14px}.login-form label{display:grid;grid-gap:8px;gap:8px;color:var(--graphite-soft);font-size:13px;font-weight:800}.login-input{height:48px;padding:0 14px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(235,229,216,.46)}.login-input input{width:100%;height:100%;border:0;outline:0;color:var(--graphite);background:transparent}.login-submit{height:48px;border:1px solid var(--graphite);border-radius:var(--radius);color:var(--surface-solid);background:var(--graphite);font-weight:850}.login-submit:disabled{cursor:wait;opacity:.72}.login-error{padding:10px 12px;color:var(--rust);background:var(--rust-soft);border:1px solid rgba(173,63,45,.24);border-radius:var(--radius);font-size:13px}.login-ledger{padding:22px;display:grid;grid-gap:10px;gap:10px}.ledger-row{min-height:56px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,253,247,.54)}.ledger-row span{font-weight:850}.ledger-row em{color:var(--muted);font-size:12px;font-style:normal}.admin-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.rail{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:28px 22px;border-right:1px solid var(--line);background:rgba(244,241,234,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:22px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line-strong);background:var(--graphite);color:var(--surface-solid);border-radius:6px;box-shadow:8px 8px 0 rgba(36,34,30,.09);font-weight:800}.eyebrow{margin:0 0 7px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:23px;line-height:1.1}h2{font-size:30px;line-height:1.05}.rail-nav{display:grid;grid-gap:8px;gap:8px}.rail-nav a{min-height:42px;padding:0 12px;display:flex;align-items:center;gap:10px;color:var(--graphite-soft);text-decoration:none;border:1px solid transparent;border-radius:var(--radius)}.rail-nav a.active,.rail-nav a:hover{color:var(--graphite);background:var(--surface);border-color:var(--line)}.rail-note{margin-top:auto;padding:14px;display:flex;gap:10px;color:var(--graphite-soft);background:rgba(255,253,247,.58);border:1px solid var(--line);border-radius:var(--radius);font-size:13px;line-height:1.55}.workspace{min-width:0;padding:28px;display:grid;grid-gap:18px;gap:18px}.table-head,.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.control,.searchbox,.token-strip,.toolbar{display:flex;align-items:center;gap:10px}.searchbox input,.token-strip input,.toolbar input,.toolbar select{height:40px;border:1px solid var(--line);border-radius:var(--radius);color:var(--graphite);background:rgba(255,253,247,.72);outline:none}.toolbar input,.toolbar select{padding:0 12px}.control{height:40px;padding-left:12px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,253,247,.72)}.control input{border:0;background:transparent}.ghost-action,.primary-action,.token-strip button{height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--graphite);border-radius:var(--radius);color:var(--surface-solid);background:var(--graphite)}.ghost-action{color:var(--graphite);background:rgba(255,253,247,.72);border-color:var(--line-strong)}.token-strip{padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,253,247,.5)}.token-strip span{color:var(--graphite-soft);font-size:13px;font-weight:700}.token-strip input{min-width:260px;flex:1 1;padding:0 12px}.error-banner{padding:12px 14px;display:flex;gap:10px;border:1px solid rgba(173,63,45,.25);border-radius:var(--radius);background:rgba(173,63,45,.08);color:var(--rust)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.metric-card{min-height:112px;padding:18px;border:1px solid var(--line);border-left:5px solid var(--graphite);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.metric-card span{display:block;color:var(--graphite-soft);font-size:13px;font-weight:700}.metric-card strong{display:block;margin-top:18px;font-size:clamp(28px,4vw,46px);line-height:.95;font-weight:850}.accent-mint{border-left-color:var(--mint)}.accent-amber{border-left-color:var(--amber)}.accent-rust{border-left-color:var(--rust)}.chart-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,.9fr);grid-gap:12px;gap:12px}.panel{min-width:0;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.panel-title h3{font-size:16px}.panel-title span{color:var(--muted);font-size:12px}.chart-canvas{height:310px}.source-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:10px;gap:10px}.source-pill{min-height:82px;padding:12px;display:grid;grid-gap:4px;gap:4px;text-align:left;color:var(--graphite);border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,253,247,.62)}.source-pill.selected{outline:2px solid var(--graphite)}.source-pill em,.source-pill span{color:var(--graphite-soft);font-size:12px;font-style:normal}.source-pill strong{font-size:26px;line-height:1}.tone-mint{box-shadow:inset 4px 0 0 var(--mint)}.tone-amber{box-shadow:inset 4px 0 0 var(--amber)}.tone-rust{box-shadow:inset 4px 0 0 var(--rust)}.tone-blue{box-shadow:inset 4px 0 0 var(--blueprint)}.tone-violet{box-shadow:inset 4px 0 0 var(--violet)}.tone-ink{box-shadow:inset 4px 0 0 var(--graphite)}.table-panel{padding:0;overflow:hidden}.table-head{padding:18px;border-bottom:1px solid var(--line)}.searchbox{min-width:320px;height:40px;padding-left:12px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,253,247,.72)}.searchbox input{width:100%;border:0;background:transparent}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:980px}td,th{padding:13px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:13px}th{position:-webkit-sticky;position:sticky;top:0;color:var(--muted);background:var(--paper-deep);font-size:11px;letter-spacing:.08em;text-transform:uppercase}td b{font-size:18px}.visitor-id{display:grid;grid-gap:3px;gap:3px}.visitor-id strong{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-cell,.visitor-id span{color:var(--muted)}.path-cell{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{min-height:120px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.spinning{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1080px){.admin-shell,.login-shell{grid-template-columns:1fr}.rail{position:relative;height:auto}.chart-grid,.metrics-grid,.source-strip{grid-template-columns:1fr 1fr}}@media (max-width:720px){.workspace{padding:18px}.table-head,.token-strip,.toolbar,.topbar{align-items:stretch;flex-direction:column}.chart-grid,.metrics-grid,.source-strip{grid-template-columns:1fr}.searchbox,.token-strip input{min-width:0;width:100%}}