*{box-sizing:border-box}html,body,#root{margin:0;padding:0;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif}body{background:#f8fafc;color:#0f172a}input,button,select,textarea{font-family:inherit}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.auth-card{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:420px}.auth-card h1{text-align:center;margin-bottom:1.5rem;color:#333;font-size:1.6rem}.form-group{margin-bottom:.5rem}.form-group label{display:block;margin-bottom:.25rem;color:#64748b;font-size:.72rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.4rem .6rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.85rem;transition:border-color .2s,background .2s;background:#f8fbff;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61f}.form-group input[required],.form-group select[required],.form-group textarea[required]{background:#fff8f8;border-color:#fecaca}.form-group input[required]:focus,.form-group select[required]:focus,.form-group textarea[required]:focus{border-color:#ef4444;background:#fff;box-shadow:0 0 0 3px #ef44441f}.btn-primary{width:100%;padding:.85rem;background:#4a90e2;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.5rem}.btn-primary:hover{background:#357abd}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.alert-error{background:#fdecea;color:#c0392b;padding:.6rem 1rem;border-radius:8px;border-left:4px solid #c0392b;font-size:.85rem;margin-bottom:.8rem}.auth-link{text-align:center;margin-top:1.5rem;font-size:.9rem;color:#888}.auth-link a{color:#4a90e2;text-decoration:none;font-weight:600}.auth-link a:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:.5rem;margin:1rem 0 .6rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.auth-divider span{font-size:.72rem;color:#94a3b8}.btn-oidc{display:block;padding:.7rem;text-align:center;font-size:.9rem;font-weight:600;background:#fff;color:#334155;border:1px solid #cbd5e1;border-radius:8px;text-decoration:none;margin-bottom:.4rem;transition:background .15s}.btn-oidc:hover{background:#f8fafc}