:root{--bg:#F6F3EE;--bg2:#FFFFFF;--bg3:#EEEBE5;--fg:#1A1A18;--fg2:#5A5850;--fg3:#8A887E;--line:#D6D3CC;--line2:#E8E5DF;--acc:#C44A1A;--green:#16a34a;--mono:"JetBrains Mono",monospace;--sans:"Outfit",sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--fg);min-height:100vh;-webkit-font-smoothing:antialiased}#login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.login-box{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:2.5rem 2rem;width:100%;max-width:340px;display:flex;flex-direction:column;gap:1rem}.login-logo{display:flex;align-items:center;gap:10px}.login-logo img{width:22px;height:22px}.login-logo span{font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--fg3);text-transform:uppercase}.login-title{font-family:var(--sans);font-size:1.6rem;font-weight:800;color:var(--fg);letter-spacing:-.02em}.login-title span{color:var(--acc)}.login-sub{font-size:.85rem;color:var(--fg3);font-weight:300}.login-box input{width:100%;padding:.7rem 1rem;background:var(--bg);border:1px solid var(--line);color:var(--fg);border-radius:4px;font-size:.95rem;font-family:var(--sans);outline:none;transition:border-color .2s}.login-box input:focus{border-color:var(--acc)}.login-btn{width:100%;padding:.75rem;background:var(--acc);color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--sans)}.login-btn:hover{background:#a33916}.login-error{font-family:var(--mono);font-size:.72rem;color:var(--acc);min-height:1em}#dashboard{display:none;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:10;height:48px;background:var(--fg);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar-left{display:flex;align-items:center;gap:14px}.topbar-right{display:flex;align-items:center;gap:8px}.back-logo{display:flex;align-items:center;opacity:.6;transition:opacity .2s}.back-logo:hover{opacity:1}.back-logo img{filter:invert(1);border-radius:4px}.topbar-id{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--bg);opacity:.55}.topbar-center{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--bg);opacity:.35}.dot-live{width:6px;height:6px;border-radius:50%;background:#4caf50;animation:blink 2s infinite;flex-shrink:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.range-btn{font-family:var(--mono);font-size:8px;letter-spacing:.1em;padding:4px 10px;border:1px solid rgba(246,243,238,.2);color:#f6f3ee73;background:none;cursor:pointer;border-radius:2px;transition:all .15s}.range-btn:hover,.range-btn.active{border-color:var(--acc);color:var(--acc)}.content{max-width:1000px;margin:0 auto;padding:2.5rem 1.5rem 4rem;width:100%;display:flex;flex-direction:column;gap:2rem}.section-label{font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--fg3);text-transform:uppercase;margin-bottom:1rem}.card{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:1.5rem}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden}.kpi{background:var(--bg2);padding:1.25rem 1.5rem}.kpi-label{font-family:var(--mono);font-size:8px;letter-spacing:.18em;color:var(--fg3);text-transform:uppercase;margin-bottom:.4rem}.kpi-value{font-family:var(--sans);font-size:2.1rem;font-weight:800;color:var(--fg);letter-spacing:-.03em;line-height:1}.kpi-value.acc{color:var(--acc)}.kpi-value.green{color:var(--green)}.kpi-sub{font-family:var(--mono);font-size:7.5px;color:var(--fg3);margin-top:.3rem}.chart-canvas-wrap{width:100%;overflow-x:auto}canvas{display:block}.chart-legend{display:flex;gap:1.5rem;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--fg2)}.legend-dot{width:8px;height:8px;border-radius:1px;flex-shrink:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.card-title{font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--fg3);text-transform:uppercase;margin-bottom:.75rem}.list-row{display:flex;align-items:center;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid var(--line2);gap:.75rem}.list-row:last-child{border-bottom:none}.list-name{font-size:.83rem;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.list-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.list-bar{height:3px;border-radius:2px;background:var(--acc);opacity:.35}.list-count{font-family:var(--mono);font-size:.72rem;color:var(--fg3);min-width:22px;text-align:right}.list-empty{font-family:var(--mono);font-size:.78rem;color:var(--fg3);padding:.5rem 0}.list-link{color:var(--acc);text-decoration:none;transition:opacity .15s}.list-link:hover{opacity:.7;text-decoration:underline}.recent-row{display:flex;align-items:center;gap:10px;padding:.5rem 0;border-bottom:1px solid var(--line2)}.recent-row:last-child{border-bottom:none}.recent-badge{font-family:var(--mono);font-size:7px;letter-spacing:.1em;padding:2px 6px;border-radius:2px;flex-shrink:0;text-transform:uppercase}.recent-badge.bot{background:#c44a1a1a;color:var(--acc)}.recent-badge.human{background:#16a34a1a;color:var(--green)}.recent-path{font-size:.82rem;color:var(--fg);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-meta{font-size:.75rem;color:var(--fg3);flex-shrink:0;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-time{font-family:var(--mono);font-size:.7rem;color:var(--fg3);flex-shrink:0}.status-bar{height:32px;background:var(--bg3);border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 24px;margin-top:auto}.status-bar span{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;color:var(--fg3)}.status-right{margin-left:auto}@media (max-width:700px){.kpi-row{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.topbar-center{display:none}}