*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f6fa;--panel:#fff;--border:#e2e8f0;--text:#1e293b;--muted:#64748b;--primary:#2563eb;--primary-dark:#1d4ed8;--danger:#b91c1c}body{background:var(--bg);color:var(--text);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;font-size:14px}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-box{width:100%;max-width:384px}.login-head{text-align:center;margin-bottom:32px}.login-head .mark{margin-bottom:8px;font-size:32px}.login-head h1{font-size:24px;font-weight:700}.login-head p{color:var(--muted);margin-top:8px;font-size:13px}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0a}.login-card label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.login-card input{border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:9px 12px;font-family:inherit;font-size:14px}.login-card input:focus{outline:2px solid var(--primary);outline-offset:-1px}.login-error{color:var(--danger);font-size:12px}.login-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:600}.login-btn:hover{background:var(--primary-dark)}.login-btn:disabled{opacity:.6;cursor:default}.login-note{text-align:center;color:var(--muted);margin-top:16px;font-size:12px}