@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,sans-serif;color:#e6e9ed;background:#0a0d12;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0a0d12;--panel: #111720;--panel-light: #151e29;--border: #27313d;--muted: #84909f;--orange: #ff9b45;--orange-soft: #ffc078;--green: #77d6a0;--mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:238px;flex-shrink:0;background:#0d1219;border-right:1px solid var(--border);padding:30px 18px 20px;display:flex;flex-direction:column}.brand-mark{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:32px;letter-spacing:2px;color:var(--orange);padding:0 10px 35px}.brand-mark span{font-family:var(--mono);font-size:11px;color:var(--muted)}.side-label,.eyebrow,.stat-label,.count{font-family:var(--mono);font-size:10px;letter-spacing:1.4px;color:var(--muted)}.side-label{padding:0 10px 14px}.nav-item{display:flex;gap:13px;align-items:center;color:#a7b1bf;padding:13px 12px;border:1px solid transparent;font-size:13px;margin-bottom:5px}.nav-item.active{color:var(--orange);background:#201910;border-color:#50371f}.sidebar-bottom{margin-top:auto}.status-line{display:flex;align-items:center;gap:9px;padding:8px 10px;font-family:var(--mono);font-size:10px;color:#cbd3dc}.led{width:7px;height:7px;border-radius:50%;background:#e06b65}.led.online{background:var(--green);box-shadow:0 0 10px #77d6a055}.version{font-family:var(--mono);font-size:9px;color:#606c7a;padding:22px 10px 0}.main{flex:1;min-width:0;padding:32px clamp(18px,3vw,48px) 20px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}h1,h2,h3,p{margin:0}h1{font-size:clamp(22px,2vw,29px);margin-top:7px;font-weight:600;letter-spacing:-.8px}.refresh{border:1px solid var(--border);color:#dce1e8;background:var(--panel);padding:10px 14px;font-size:12px}.refresh:hover{border-color:var(--orange)}.welcome{min-height:178px;background:linear-gradient(110deg,#211a14,#141923 65%,#101720);border:1px solid #443322;position:relative;overflow:hidden;padding:30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.welcome:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#8795a511 1px,transparent 1px),linear-gradient(90deg,#8795a511 1px,transparent 1px);background-size:26px 26px}.orange{color:var(--orange)}.welcome h2{font-family:Barlow Condensed,sans-serif;font-size:36px;letter-spacing:.5px;margin:10px 0 7px}.welcome p{font-size:12px;color:#9ca7b5}.radar{position:relative;width:116px;height:116px;margin-right:25px;flex-shrink:0}.radar-ring{position:absolute;border:1px solid #ff9b4540;border-radius:50%;inset:0}.ring-two{inset:18px}.radar-core{position:absolute;inset:38px;border-radius:50%;display:grid;place-items:center;font:10px var(--mono);color:var(--orange);background:#ff9b4515;border:1px solid #ff9b4570}.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 75%,#ff9b451c 100%)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat-card{background:var(--panel);border:1px solid var(--border);padding:20px 18px 17px;min-width:0}.stat-value{font-family:Barlow Condensed,sans-serif;font-size:36px;margin:13px 0 7px;color:#f1f3f5}.stat-foot{font-size:10px;color:#788596}.stat-value.state{font-size:25px;padding-top:6px}.good{color:var(--green)}.bad{color:#ef8278}.content-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:start}.panel{background:var(--panel);border:1px solid var(--border);min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:21px 20px;border-bottom:1px solid var(--border)}.panel-heading h3{font-size:15px;font-weight:600;margin-top:7px}.count{white-space:nowrap;font-size:9px}.material-form{padding:19px 20px;border-bottom:1px solid var(--border)}.material-form label{display:flex;flex-direction:column;gap:8px;font:10px var(--mono);letter-spacing:.5px;color:#8793a2;min-width:0}.material-form input,.material-form select{background:#0b1017;color:#e5e9ef;border:1px solid #303a47;border-radius:0;padding:11px 10px;min-width:0;width:100%;outline:none;font:12px Inter,sans-serif}.material-form input:focus,.material-form select:focus{border-color:var(--orange)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.primary-button{margin-top:15px;width:100%;padding:12px;background:var(--orange);border:1px solid var(--orange);color:#17110b;font:600 10px var(--mono);letter-spacing:.7px}.primary-button:hover{background:var(--orange-soft)}.primary-button:disabled{opacity:.6;cursor:wait}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{color:#788596;background:#0e141c;font:9px var(--mono);letter-spacing:.8px}th,td{padding:13px 14px;border-bottom:1px solid #202a35;white-space:nowrap}td{color:#d4dbe3}tbody tr:last-child td{border-bottom:0}.empty{color:#778393;text-align:center;padding:25px 14px;font:9px var(--mono);white-space:normal}.tag{display:inline-block;padding:4px 7px;color:#ffbd79;background:#2c2116;border:1px solid #4c3825;font:9px var(--mono)}.remaining{color:var(--orange-soft);font-family:var(--mono)}.complete{color:var(--green);font-family:var(--mono)}.site-heading{border-top:1px solid var(--border)}.site-empty{padding:25px 12px}.site-row{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #202a35}.site-icon{width:31px;height:31px;display:grid;place-items:center;background:#201910;color:var(--orange);border:1px solid #50371f}.site-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.site-info strong{font-size:11px;font-weight:500}.site-info span{color:var(--muted);font-size:10px}.error-banner{padding:12px 15px;margin-bottom:16px;color:#ffc1b8;border:1px solid #753e39;background:#291715;font-size:12px}.error-banner strong{font-family:var(--mono);font-size:10px}footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:24px 0 6px;color:#596575;font:9px var(--mono);letter-spacing:.4px}@media(max-width:1050px){.sidebar{width:190px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media(max-width:650px){.sidebar{width:58px;padding:22px 6px}.brand-mark{font-size:19px;padding:0 5px 30px}.brand-mark span,.side-label,.nav-item span,.sidebar-bottom .version,.status-line{display:none}.nav-item{justify-content:center;padding:12px 4px}.sidebar-bottom{display:flex;justify-content:center}.main{padding:22px 12px}.welcome{padding:22px 17px}.radar{width:60px;height:60px;margin-right:0}.radar-core{inset:20px;font-size:7px}.ring-two{inset:10px}.welcome h2{font-size:29px}.welcome p{max-width:240px;line-height:1.6}.topbar{align-items:flex-start}.refresh{padding:9px;font-size:10px}.stats{gap:8px}.stat-card{padding:14px 11px}.stat-label{font-size:8px;letter-spacing:.5px}.stat-value{font-size:30px}.panel-heading{padding:16px 12px}.material-form{padding:15px 12px}footer{font-size:8px}}.journal-panel{margin-bottom:18px}.import-form{padding:19px 20px}.import-description{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:15px}.import-description code{color:var(--orange-soft);font-family:var(--mono);font-size:11px}.import-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.import-controls input[type=file]{flex:1;min-width:200px;color:#bfc8d3;font-size:12px}.import-button{width:auto;margin-top:0;min-width:200px}.import-success{margin-top:14px;padding:12px;border:1px solid #315b45;background:#14251c;color:var(--green);font-size:12px}.journal-site-list{border-bottom:1px solid var(--border)}.journal-site-choice{display:flex;align-items:center;gap:12px;width:100%;padding:15px 20px;text-align:left;color:#d4dbe3;background:transparent;border:0;border-bottom:1px solid #202a35}.journal-site-choice:last-child{border-bottom:0}.journal-site-choice:hover,.journal-site-choice.selected{background:#201910}.journal-site-choice.selected{box-shadow:inset 3px 0 var(--orange)}.journal-site-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.journal-site-info strong{font-size:12px;font-weight:600}.journal-site-info span{color:var(--muted);font-size:10px}.journal-progress{color:var(--orange-soft);font:14px var(--mono)}.journal-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px}.journal-detail-heading h3{margin-top:7px;font-size:15px}.progress-track{height:5px;margin:0 20px;background:#27313d}.progress-fill{height:100%;background:var(--orange);transition:width .25s ease}.progress-caption{padding:9px 20px 16px;color:var(--muted);font:10px var(--mono)}.journal-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 20px 18px}.journal-summary>div{display:flex;flex-direction:column;gap:8px;padding:13px;background:#0d131b;border:1px solid var(--border)}.journal-summary span{color:var(--muted);font:9px var(--mono);letter-spacing:.5px}.journal-summary strong{font:20px Barlow Condensed,sans-serif}.status-complete{color:var(--green);border-color:#315b45;background:#14251c}.status-failed{color:#ef8278;border-color:#753e39;background:#291715}@media(max-width:650px){.import-form{padding:15px 12px}.import-button{width:100%;min-width:0}.journal-site-choice{padding:13px 12px}.journal-detail-heading{padding:16px 12px}.progress-track{margin:0 12px}.progress-caption{padding:9px 12px 16px}.journal-summary{padding:0 12px 16px}}