:root{--ink:#183a39;--muted:#637774;--paper:#f3f3ed;--white:#fff;--line:#d9e1d9;--green:#14625a;--lime:#e4ee9b;--gold:#c48136}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#e7eddf,transparent 55%),var(--paper);color:var(--ink);font:15px 'Segoe UI',sans-serif}button,input,select{font:inherit}button,.button{border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--ink);padding:10px 15px;cursor:pointer;text-decoration:none;display:inline-block}button:hover{border-color:var(--green);background:#eef5ee}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.primary,.button{background:var(--green);color:white;border-color:var(--green)}.rail{position:fixed;inset:0 auto 0 0;width:240px;background:linear-gradient(160deg,#163d3a,#102b2e);color:#d4e0d6;padding:34px 22px;display:flex;flex-direction:column}.brand{font:38px Georgia,serif;color:var(--lime);text-decoration:none;letter-spacing:-2px}.brand span{color:white}.brand small{display:block;font:9px 'Segoe UI',sans-serif;letter-spacing:2px;margin-top:10px;color:#adbdb3}.rail-label{font-size:10px;letter-spacing:1.8px;margin-top:38px;color:#9bb1a5}.rail nav{display:grid;gap:5px}.rail nav button{background:transparent;color:#dce7dd;border:0;text-align:left;border-radius:5px;font-size:14px;padding:12px}.rail nav button:hover,.rail nav button.active{background:#2d5048;color:#eef5bc}.rail-footer{margin-top:auto;font-size:12px;line-height:1.8}.rail-footer small{display:block;overflow-wrap:anywhere}.rail-footer button{margin-top:10px;background:transparent;color:white;border-color:#5b7468;font-size:11px}.dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:7px}main{margin-left:240px;padding:0 42px;max-width:1800px}.topline{display:flex;justify-content:space-between;gap:15px;padding:26px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.4px;color:var(--muted)}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 0 25px}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:600;color:var(--green)}h1{font:46px/1.13 Georgia,serif;letter-spacing:-1.5px;margin:10px 0}h2{font:21px Georgia,serif;font-weight:normal;margin:0 0 14px}p{line-height:1.6}.heading p:last-child{color:var(--muted);margin-bottom:0}label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px}input,select{min-width:0;padding:10px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);width:100%}.filters{display:grid;grid-template-columns:110px 90px 135px 135px minmax(130px,1fr) auto auto;align-items:end;gap:12px;border-top:1px solid var(--line);padding:22px 0}.metrics{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:16px;margin:5px 0 24px}.metrics article{border:1px solid var(--line);background:#fff;padding:22px;border-radius:9px}.metrics article:first-child{background:var(--green);color:#fff;border:none}.metrics span,.metrics small{display:block;font-size:12px;opacity:.8}.metrics strong{display:block;font:34px Georgia,serif;margin:13px 0;overflow-wrap:anywhere}.metrics strong.period{font:20px 'Segoe UI',sans-serif}.charts{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:22px}.panel{padding:24px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.88);margin-bottom:18px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-heading>span,.hint{color:var(--muted);font-size:12px}.chart{height:210px;display:flex;align-items:center}.chart svg{width:100%;height:190px}.chart .empty{width:100%}.rank{display:grid;grid-template-columns:1fr auto;gap:6px;margin:14px 0;font-size:12px}.rank meter{grid-column:1/-1;width:100%;height:8px;accent-color:var(--green)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);padding:13px 10px;border-bottom:2px solid var(--line);white-space:nowrap}td{padding:13px 10px;border-bottom:1px solid #e7ebe5;max-width:400px;overflow-wrap:anywhere}tr:hover td{background:#f3f6ee}.number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:18px;font-size:12px}footer{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);padding:30px 0}#notice{border-left:4px solid var(--gold);background:#fff3dc;padding:14px 18px;margin-bottom:18px}.empty{color:var(--muted);padding:28px;text-align:center}.operation-form{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:end}.badge{font-size:11px;background:#e8eee3;padding:5px 9px;border-radius:20px;display:inline-block}.failed,.retry{background:#f8e2d7;color:#a24116}.completed{background:#d9eee0;color:#246946}.job{display:grid;grid-template-columns:1fr auto;gap:14px;border-bottom:1px solid var(--line);padding:18px 0}.job p{margin:6px 0;overflow-wrap:anywhere}.job small{color:var(--muted)}dialog{width:min(850px,95vw);max-height:85vh;border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:28px}dialog::backdrop{background:#0d292aba}dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--paper);padding:18px;max-height:50vh;overflow:auto}.manual{max-width:850px}.manual h2{margin-top:28px}.manual p{color:var(--muted)}#login{padding:65px 0}#login p{max-width:570px}[hidden]{display:none!important}@media(prefers-reduced-motion:no-preference){#workspace{animation:reveal .4s ease-out}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}@media(max-width:1250px){main{padding:0 25px}.filters{grid-template-columns:repeat(4,1fr)}.search{grid-column:span 2}.rail{width:210px;padding:28px 16px}main{margin-left:210px}}@media(max-width:900px){.rail{position:relative;width:100%;padding:20px}.rail nav{display:flex;flex-wrap:wrap}.rail-label{margin-top:20px}.rail-footer{margin-top:20px}.rail nav button{padding:9px}.brand{font-size:30px}main{margin-left:0;padding:0 18px}.metrics{grid-template-columns:1fr}.charts{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.heading{align-items:flex-start}h1{font-size:36px}.operation-form{grid-template-columns:1fr 1fr}footer{flex-direction:column}.topline{font-size:9px}}@media(max-width:500px){.heading{flex-direction:column}.operation-form{grid-template-columns:1fr}.panel{padding:16px}.metrics strong{font-size:30px}}
