:root{--green:#008143;--green-dark:#006b37;--ink:#172033;--muted:#64748b;--line:#dbe3ef;--soft:#f4f6f9;--surface:#fff}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:var(--soft);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}a{color:inherit}.shell{min-height:100vh}.topbar{color:#fff;background:var(--green);justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(18px,4vw,48px);display:flex}.brand{letter-spacing:.02em;font-size:18px;font-weight:800}.topbar-meta{align-items:center;gap:14px;font-size:13px;display:flex}.logout{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffffbf;border-radius:6px;padding:7px 11px}.content{width:min(1040px,100% - 32px);margin:40px auto}.hero{margin-bottom:26px}.hero h1{margin:0 0 8px;font-size:clamp(28px,4vw,42px)}.hero p{max-width:720px;color:var(--muted);margin:0;line-height:1.55}.card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:24px;box-shadow:0 8px 30px #0f172a0f}.card h2{margin:0 0 8px}.card p{color:var(--muted);margin:0 0 20px;line-height:1.5}.primary-link{color:#fff;background:var(--green);border-radius:7px;align-items:center;padding:11px 16px;font-weight:700;text-decoration:none;display:inline-flex}.primary-link:hover{background:var(--green-dark)}.notice{border-left:4px solid var(--green);color:#334155;background:#edf8f2;margin-top:18px;padding:12px 14px;font-size:14px;line-height:1.5}.login-page{background:linear-gradient(145deg,#edf8f2,#f8fafc 55%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:14px;width:min(420px,100%);padding:30px;box-shadow:0 18px 55px #0f172a1f}.login-card h1{margin:0 0 8px}.login-card>p{color:var(--muted);margin:0 0 24px;line-height:1.5}.field{gap:7px;margin-bottom:16px;display:grid}.field label{font-size:13px;font-weight:700}.field input{border:1px solid #cbd5e1;border-radius:7px;min-height:44px;padding:9px 11px}.login-button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:7px;width:100%;min-height:44px;font-weight:700}.login-button:disabled{opacity:.65;cursor:wait}.form-error{color:#b91c1c;min-height:20px;margin:0 0 12px;font-size:13px}.tool-page{height:100vh;overflow:hidden}.tool-frame{background:#fff;border:0;width:100%;height:calc(100vh - 61px);display:block}@media (max-width:640px){.topbar{align-items:flex-start}.topbar-meta{flex-direction:column;align-items:flex-end;gap:7px}.content{margin:26px auto}}