.login-page{background:#0f1117;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.login-card{background:#171a23;border:1px solid #262a37;border-radius:14px;width:100%;max-width:380px;padding:36px 32px;box-shadow:0 20px 60px #0006}.brand{text-align:center;margin-bottom:28px}.brand-mark{color:#5b8def;margin-bottom:10px;font-size:20px}.brand-name{color:#f4f5f7;letter-spacing:-.01em;margin:0 0 6px;font-size:22px;font-weight:600}.brand-sub{color:#8a8f9c;margin:0;font-size:13.5px}.login-form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:#c2c6d0;font-size:13px;font-weight:500}.field input{color:#f4f5f7;background:#0f1117;border:1px solid #2a2e3b;border-radius:8px;outline:none;width:100%;padding:11px 12px;font-size:14px;transition:border-color .15s}.field input:focus{border-color:#5b8def}.field input::placeholder{color:#565b6b}.password-wrap{align-items:center;display:flex;position:relative}.password-wrap input{padding-right:56px}.toggle-visibility{color:#8a8f9c;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:12px;position:absolute;right:10px}.toggle-visibility:hover{color:#c2c6d0}.error-text{color:#f16565;margin:-4px 0 0;font-size:13px}.btn-primary{color:#fff;cursor:pointer;background:#5b8def;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:600;transition:background .15s}.btn-primary:hover:not(:disabled){background:#4a7de0}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.divider{color:#565b6b;align-items:center;gap:12px;margin:4px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:#262a37;flex:1;height:1px}.btn-microsoft{color:#1a1a1a;cursor:pointer;background:#f4f5f7;border:1px solid #262a37;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:11px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.btn-microsoft:hover:not(:disabled){background:#e4e5e8}.btn-microsoft:disabled{opacity:.6;cursor:not-allowed}.ms-icon{flex-shrink:0}.ms-logo{flex-shrink:0;width:18px;height:18px}.success-text{color:#4ade80;text-align:center;margin:-4px 0 0;font-size:13px}.switch-link{text-align:center;color:#8a8f9c;margin-top:20px;font-size:13px}.switch-link a{color:#5b8def;font-weight:500;text-decoration:none}.switch-link a:hover{color:#4a7de0;text-decoration:underline}.app-page{background:#0f1117;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-header{border-bottom:1px solid #262a37;justify-content:space-between;align-items:center;padding:18px 32px;display:flex}.app-brand{color:#f4f5f7;font-size:16px;font-weight:600}.btn-logout{color:#c2c6d0;cursor:pointer;background:0 0;border:1px solid #2a2e3b;border-radius:8px;padding:8px 14px;font-size:13px;transition:border-color .15s,color .15s}.btn-logout:hover{color:#f4f5f7;border-color:#5b8def}.app-content{justify-content:center;align-items:flex-start;padding:60px 24px;display:flex}.app-card{background:#171a23;border:1px solid #262a37;border-radius:14px;width:100%;max-width:480px;padding:36px 32px;box-shadow:0 20px 60px #0006}.app-title{color:#f4f5f7;margin:0 0 10px;font-size:22px;font-weight:600}.app-sub{color:#8a8f9c;margin:0 0 20px;font-size:14px}.role-badge{color:#5b8def;letter-spacing:.03em;background:#1e2330;border:1px solid #2a2e3b;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.btn-primary{color:#fff;cursor:pointer;background:#5b8def;border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.btn-primary:hover{background:#4a7de0}.error-text{color:#f16565;font-size:13px}.back-link{color:#5b8def;margin-top:20px;font-size:13px;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;margin:0;padding:0}#root{width:100%;min-height:100vh;margin:0}