:root{color-scheme:light;--ink:#1e2935;--muted:#687482;--line:#dce2e7;--paper:#f5f6f8;--accent:#243b53}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI","Malgun Gothic",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}a{color:inherit;text-decoration:none}.login-layout{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.intro{background:#e9edf1;padding:48px 64px;display:flex;flex-direction:column;justify-content:space-between}.brand{display:flex;gap:8px;align-items:center;font-weight:800;letter-spacing:.12em;font-size:17px}.brand span{font-weight:400;color:var(--muted)}svg{width:24px;height:24px;flex-shrink:0}.intro-copy{padding:52px 0;max-width:500px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:600;color:var(--muted)}h1{font-size:clamp(32px,3.5vw,52px);line-height:1.28;letter-spacing:-.055em;margin:18px 0 22px;font-weight:700}.muted{color:var(--muted);font-size:14px}.principle{display:flex;gap:20px;margin-top:28px}.principle>span{border-top:1px solid #a7b2be;padding-top:5px;width:32px;font-size:12px;color:var(--muted)}.principle strong{font-size:14px}.principle p{font-size:13px;color:var(--muted);margin:3px 0}.intro small{color:var(--muted);font-size:11px;letter-spacing:.08em}.login-panel{display:flex;align-items:center;justify-content:center;padding:50px 30px;background:#fff}.login-card{width:100%;max-width:390px}.tag{font-size:11px;background:#eef1f4;border:1px solid var(--line);padding:4px 9px;border-radius:4px;color:#4a5969}h2{font-size:26px;letter-spacing:-.04em;margin:20px 0 4px}.login-card>.muted{margin-bottom:36px}label{display:block;font-size:13px;font-weight:600;margin:20px 0 7px}input{width:100%;height:49px;border:1px solid var(--line);border-radius:6px;padding:0 14px;font-size:14px;background:#fff;color:var(--ink)}input:focus{outline:2px solid #92a1b2;outline-offset:2px}input::placeholder{color:#919aa4}button{border:0;border-radius:6px;min-height:49px;cursor:pointer;font-family:inherit;font-weight:600;font-size:14px;background:var(--accent);color:#fff;padding:12px 18px;display:flex;justify-content:center;align-items:center;gap:14px}.login-card button{margin-top:28px;width:100%}button:hover{background:#162a3e}button:focus-visible,a:focus-visible{outline:2px solid #74889d;outline-offset:4px}.notice{font-size:12px;color:var(--muted);margin:20px 0 32px}.mode{border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.status-dot{height:6px;width:6px;border-radius:50%;background:#687482;flex-shrink:0}.error{padding:12px 14px;background:#f6eded;color:#833838;font-size:13px;border:1px solid #e2c8c8;border-radius:6px}.dashboard-shell{max-width:1200px;margin:auto}.dashboard-header{padding:24px 32px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);min-height:38px}.secondary:hover{background:#e9edf1}.dashboard-body{padding:50px 32px}.dashboard-body h1{font-size:34px}.foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:34px 0}.foundation-grid article{background:#fff;padding:28px;border:1px solid var(--line);border-radius:10px}.foundation-grid h2{font-size:20px}.foundation-grid p{color:var(--muted);font-size:14px}@media(max-width:800px){.login-layout{grid-template-columns:1fr}.intro{padding:26px}.intro-copy{padding:25px 0}.intro-copy h1{font-size:34px}.principle,.intro small{display:none}.login-panel{padding:35px 26px}.foundation-grid{grid-template-columns:1fr}.dashboard-header{padding:20px}.dashboard-body{padding:30px 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}