:root{font:14px/1.5 system-ui,sans-serif;color:#1e293b;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}.app-bar{background:#241f1e;color:white;display:flex;justify-content:space-between;align-items:center;padding:16px 28px;gap:16px}.brand{font-size:21px;font-weight:800;font-style:italic;color:inherit;text-decoration:none;white-space:nowrap}.brand span{font:600 12px system-ui;color:#ff9a66;border:1px solid #725045;border-radius:5px;padding:4px 7px;margin-left:8px;vertical-align:middle}.account{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.account button{border:1px solid #65554e;border-radius:6px;background:transparent;color:white;padding:7px 10px}#erpSurface{padding:26px;max-width:1920px;margin:auto}#appStatus{margin:24px 28px}.notice{padding:12px 28px;background:#fff0dd;color:#754214;border-bottom:1px solid #f3d5b7}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);padding:36px;background:#fff;border:1px solid #dce3ed;border-radius:16px;box-shadow:0 12px 40px #1e293b08}.login-card .brand{color:#241f1e}.login-card h1{margin:30px 0 4px;font-size:25px}.login-card>p{color:#64748b;margin:0 0 24px}form label{display:grid;gap:7px;margin:16px 0}form input{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;min-height:44px}form input:focus{outline:2px solid #ff5709;outline-offset:2px}.primary,button[type=submit]{background:#f4550c;color:white;border:0;padding:12px 18px;border-radius:7px}.login-card .primary{width:100%}[role=alert]{color:#a72d22;overflow-wrap:anywhere}dialog{width:min(440px,calc(100% - 28px));border:1px solid #dce3ed;border-radius:12px;padding:25px}dialog::backdrop{background:#17203377}.form-actions{display:flex;justify-content:flex-end;gap:12px}.form-actions>button[type=button]{background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:10px} @media(max-width:700px){.app-bar{padding:14px 16px;flex-wrap:wrap}.account{width:100%;gap:8px;font-size:12px}.account>span{margin-right:auto}#erpSurface{padding:16px}.notice{padding:12px 16px;font-size:12px}form input{font-size:16px}.login-card{padding:26px}}