:root{--ink:#14213d;--muted:#60708c;--line:#d9e0ea;--soft:#f5f7fb;--accent:#006b73;--accent-dark:#004f56;--good:#1d7a53;--danger:#b13c45}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#eef2f7;margin:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer}.center{place-items:center;min-height:100vh;padding:24px;display:grid}.login{border:1px solid var(--line);background:#fff;width:min(100%,420px);padding:34px;box-shadow:0 16px 38px #14213d17}.brand-mark{background:var(--ink);color:#fff;place-items:center;width:42px;height:42px;margin-bottom:24px;display:grid}.eyebrow{color:var(--accent);letter-spacing:1.4px;margin:0 0 8px;font-size:12px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(24px,3vw,36px);line-height:1.1}h2{margin-bottom:8px;font-size:22px}h3{margin:0 0 0 10px;font-size:18px;display:inline}.muted{color:var(--muted);line-height:1.55}label{margin:24px 0 8px;font-size:13px;font-weight:700;display:block}input[type=password]{border:1px solid var(--line);outline:none;width:100%;padding:12px}input[type=password]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #006b731f}.shell{width:min(1180px,100% - 40px);margin:0 auto;padding:34px 0 70px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:26px;display:flex}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);background:#fff;place-items:center;display:grid}.icon-button:hover{color:var(--accent);border-color:var(--accent)}.intro{justify-content:space-between;align-items:flex-end;gap:20px;padding:34px 0 24px;display:flex}.intro p{margin-bottom:0}.rule{color:var(--accent);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.workspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.panel{border:1px solid var(--line);background:#fff;padding:24px;box-shadow:0 8px 24px #14213d0d}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.step{color:var(--accent);letter-spacing:1px;font-size:12px;font-weight:700}.status,.hint{color:var(--muted);border:1px solid #c6d1df;padding:5px 8px;font-size:12px;font-weight:700}.status.good{color:var(--good);background:#eef9f3;border-color:#a8d4bf}.status.bad{color:var(--danger);background:#fff3f3;border-color:#e1b1b5}.file-status{background:var(--soft);min-height:70px;color:var(--accent);align-items:center;gap:12px;margin:20px 0;padding:14px;display:flex}.file-status strong,.file-status small{display:block}.file-status strong{color:var(--ink);font-size:14px}.file-status small{color:var(--muted);margin-top:5px;font-size:12px}.upload-control,.dropzone{color:var(--accent);cursor:pointer;border:1px dashed #aebdce;align-items:center;gap:9px;margin:0;padding:13px 14px;display:flex}.upload-control:hover,.dropzone:hover{border-color:var(--accent);background:#f5fbfb}.upload-control input,.dropzone input{display:none}.selected-file{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:13px;display:flex}.text-button{color:var(--accent);background:0 0;border:0;padding:4px 0;font-weight:700}.dropzone{text-align:center;flex-direction:column;justify-content:center;min-height:154px;margin:20px 0}.dropzone strong{color:var(--ink);font-size:14px}.dropzone small{color:var(--muted)}.primary{border:1px solid var(--accent);background:var(--accent);color:#fff;justify-content:center;align-items:center;gap:9px;padding:12px 16px;font-weight:700;display:inline-flex}.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.primary:disabled{opacity:.5;cursor:not-allowed}.full{width:100%}.progress-panel{margin-top:18px}.progress-track{background:#e5ebf2;height:10px;overflow:hidden}.progress-value{background:var(--accent);height:100%;transition:width .35s}.stats{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin:24px 0;display:grid}.stats div{background:#fff;padding:14px}.stats strong,.stats span{display:block}.stats strong{font-size:22px}.stats span{color:var(--muted);margin-top:5px;font-size:12px}.download{color:var(--accent);align-items:center;gap:9px;font-weight:700;text-decoration:none;display:inline-flex}.download:hover{text-decoration:underline}.notice,.error-text{align-items:center;gap:8px;margin-top:18px;font-size:13px;display:flex}.notice{color:var(--good);background:#eef9f3;border:1px solid #a8d4bf;padding:12px 14px}.error-text{color:var(--danger)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:760px){.shell{width:min(100% - 24px,600px);padding-top:22px}.intro{display:block}.rule{margin-top:18px}.workspace{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.panel{padding:18px}}