*{box-sizing:border-box}body{margin:0;font:14px system-ui,Segoe UI,sans-serif;background:#f4f6f9;color:#1c2333;display:flex;min-height:100vh}
nav{width:200px;background:#13294b;color:#cfd8e8;padding:16px 0;flex:none}nav h1{font-size:15px;color:#fff;margin:0 16px 14px}
nav a{display:block;padding:10px 16px;cursor:pointer}nav a.on,nav a:hover{background:#1f3d6e;color:#fff}
main{flex:1;padding:18px;min-width:0}
.drop{border:2px dashed #7a90b5;border-radius:10px;padding:18px;text-align:center;background:#fff;margin-bottom:12px;cursor:pointer}
.drop.h{background:#e6efff}.drop b{font-size:15px}
.bar{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0;align-items:center}
.k{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.k div{background:#fff;border-radius:8px;padding:10px 14px;min-width:150px}.k b{display:block;font-size:18px}
.w{overflow-x:auto;background:#fff;border-radius:8px;margin:10px 0}
table{border-collapse:collapse;width:100%;min-width:760px}th,td{padding:6px 8px;border-bottom:1px solid #e5e9f0;text-align:left;vertical-align:top}
th{background:#eef2f8;font-size:12px}td.r,th.r{text-align:right}
input,select{font:inherit;padding:4px 6px;border:1px solid #c5cedd;border-radius:5px;max-width:100%}input[type=number]{width:84px;text-align:right}
button{font:inherit;padding:6px 12px;border:0;border-radius:6px;background:#1f5fd1;color:#fff;cursor:pointer}button.s{background:#e3e8f1;color:#1c2333}button.x{background:none;color:#c0392b;padding:2px 6px}
.c{padding:2px 8px;border-radius:10px;font-size:12px;white-space:nowrap}
.ok{background:#d9f3e1;color:#14663a}.wa{background:#fff0cc;color:#7a5600}.er{background:#fbdcdc;color:#9b1c1c}.in{background:#e3e8f1}
.log div{padding:3px 0}.al{background:#fff7e0;border-left:4px solid #e0a800;padding:8px 12px;margin:6px 0;border-radius:4px}
.ref{display:flex;gap:4px;margin-bottom:4px;align-items:center}
@media(max-width:700px){body{display:block}nav{width:auto;display:flex;overflow-x:auto;padding:0}nav h1{display:none}}

nav{background:linear-gradient(180deg,#13294b,#0b1a33)}nav a{border-left:3px solid transparent}nav a.on{border-left-color:#4da3ff}#st{font-size:11px;padding:10px 16px}nav #out{margin:0 16px}
.k div{border-radius:12px;box-shadow:0 2px 8px #0d1f3c14;border-left:5px solid #888;font-size:12px;color:#55607a}.k b{color:#1c2333;font-size:21px}
.k1{border-color:#1f5fd1!important}.k2{border-color:#22b573!important}.k3{border-color:#e0a800!important}.k4{border-color:#e4572e!important}.k5{border-color:#8e44ad!important}
.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:12px 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.pc{background:#fff;border-radius:12px;padding:14px;box-shadow:0 2px 8px #0d1f3c14}.pc.dbt{border-top:4px solid #e0a800}.pc.fine{border-top:4px solid #22b573}.pc.dn{display:flex;align-items:center;gap:12px}
.hd{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:8px}.pb{height:9px;background:#e3e8f1;border-radius:6px;overflow:hidden;margin:6px 0 10px}.pb i{display:block;height:100%;border-radius:6px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.g3 span{display:flex;flex-direction:column}.g3 small,.pc small{color:#6b7791}.neg{color:#c0392b}.ask{background:#fff7e0;border-radius:8px;padding:8px;margin:10px 0 4px}
h3{margin:22px 0 8px}#lg{position:fixed;inset:0;background:#0b1a33ee;display:flex;align-items:center;justify-content:center;z-index:9}#lg[hidden]{display:none}.lb{background:#fff;border-radius:14px;padding:26px;width:min(380px,92vw)}.lb input{width:100%;margin:8px 0}

[hidden]{display:none!important}.ro .drop{display:none}.ro td input,.ro td select,.ro td button{pointer-events:none;opacity:.55}

.lnk{color:#1f5fd1;cursor:pointer;text-decoration:underline;white-space:nowrap}