:root{--navy: #0a1730;--gold: #c9a227;--bg: #f4f5f7;--text-sub: #5b6272;--danger: #c0392b}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;background:var(--bg)}.manual-shell{display:flex;flex-direction:column;height:100vh;height:100dvh}.topbar{flex:0 0 44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--navy);border-bottom:1px solid rgba(201,162,39,.35)}.topbar-title{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--gold);white-space:nowrap}.topbar-sub{margin-left:8px;font-weight:500;letter-spacing:0;color:#fff}.logout-btn{font:inherit;font-size:12px;font-weight:700;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:5px 12px;cursor:pointer}.logout-btn:hover:not(:disabled){color:var(--gold);border-color:var(--gold)}.logout-btn:disabled{opacity:.45;cursor:not-allowed}.manual-frame{flex:1 1 auto;min-height:0;width:100%;border:0;display:block}.status{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-sub);font-size:14px}.status.error{color:var(--danger);padding:0 16px;text-align:center}.auth-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--navy)}.auth-card{width:100%;max-width:380px;background:#fff;border-radius:16px;padding:36px 32px 30px;box-shadow:0 20px 60px #00000059}.auth-brand{text-align:center;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--gold)}.auth-title{margin:4px 0 0;text-align:center;font-size:20px;font-weight:800;color:var(--navy)}.auth-subtitle{margin:6px 0 0;text-align:center;font-size:12px;color:var(--text-sub)}.auth-card form{margin-top:24px}.auth-label{display:block;margin-bottom:4px;font-size:12px;font-weight:600;color:var(--text-sub)}.auth-input{display:block;width:100%;margin-bottom:14px;padding:10px 12px;font:inherit;font-size:16px;color:var(--navy);border:1px solid #d5d9e0;border-radius:8px;background:#fff}.auth-input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}.auth-button{display:block;width:100%;margin-top:6px;padding:12px;font:inherit;font-size:14px;font-weight:700;color:#fff;background:var(--navy);border:0;border-radius:9px;cursor:pointer}.auth-button:hover:not(:disabled){color:var(--gold)}.auth-button:disabled{opacity:.6;cursor:wait}.auth-error{margin:-4px 0 12px;font-size:12px;line-height:1.6;color:var(--danger)}.auth-notice{margin:20px 0 0;padding:10px 12px;font-size:12.5px;line-height:1.7;color:var(--navy);background:#f4f5f7;border-radius:8px}.auth-notice+.auth-button{margin-top:16px}.auth-foot{margin:18px 0 0;text-align:center;font-size:11px;line-height:1.6;color:var(--text-sub)}