nav{display:flex;align-items:center;gap:20px}nav a{color:#43546f;text-decoration:none;font-weight:600}nav a[aria-current]{color:#3156db}.login-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.panel{background:#fff;border:1px solid #e1e8f2;border-radius:16px;padding:25px}.panel h2{margin:0 0 6px}.muted{color:#64748b;font-size:14px;margin:0 0 16px}form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:13px;font-weight:600}input{width:100%;padding:11px 12px;border:1px solid #ccd6e5;border-radius:8px;background:#fff;color:#172742;font:inherit;min-height:42px}input:focus{outline:3px solid #d8e3ff;border-color:#3156db}input[readonly]{background:#f4f7fc;color:#64748b}button{background:#3156db;color:white;border:1px solid transparent;border-radius:9px;padding:11px 18px;font:600 14px system-ui;cursor:pointer;min-height:42px}button:disabled{opacity:.65;cursor:wait}button.secondary{background:white;color:#43546f;border-color:#dce3ee}button.loading::after{content:'';display:inline-block;vertical-align:middle;margin-left:10px;width:13px;height:13px;border:2px solid #70c4ff;border-top-color:#ffd676;border-right-color:#a391ff;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.message,.notice{padding:14px 18px;border-radius:10px;margin:16px 0}.message.success{background:#e7f5ee;color:#19684a}.message.error{background:#fff0ef;color:#a52f37}.notice{background:#fff5df;color:#785419}.notice p{margin:4px 0 0}.account-summary{display:flex;align-items:center;gap:16px;background:white;border:1px solid #e1e8f2;padding:18px 24px;border-radius:14px;margin:24px 0}.account-summary h2{margin:0}.account-summary p{margin:0}.account-summary .badge{margin-left:auto}.avatar{width:50px;height:50px;display:grid;place-items:center;background:#edf2ff;color:#3156db;border-radius:14px;font-size:24px;font-weight:750}.profile-layout h1{font-size:38px;margin:12px 0}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.access-panel{grid-column:1/-1}.permission-list{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.permission-list li{background:#eef6f2;border-radius:6px;padding:6px 10px;color:#24684f;font-size:13px}dl{display:grid;grid-template-columns:130px 1fr;gap:8px;font-size:13px}dt{color:#64748b}dd{margin:0}[hidden]{display:none!important}@media(max-width:700px){.login-layout,.profile-grid{grid-template-columns:1fr;gap:22px}.login-layout h1{font-size:32px}.access-panel{grid-column:auto}nav{gap:10px;flex-wrap:wrap;font-size:12px}.panel{padding:20px}.account-summary{padding:15px;flex-wrap:wrap}.account-summary .badge{margin-left:0}header{flex-wrap:wrap}.profile-layout h1{font-size:30px}}@media(prefers-reduced-motion:reduce){button.loading::after{animation:none}}

.password-input{position:relative;display:block}.password-input input{padding-right:72px}.password-toggle{position:absolute;right:4px;top:4px;min-height:34px;padding:6px 10px;background:transparent;color:#3156db;font-size:12px;border-radius:6px}.password-toggle:hover{background:#edf2ff}.password-toggle:focus-visible{outline:2px solid #3156db;outline-offset:1px}

footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px}footer span{color:#65768b}@media(max-width:600px){footer{flex-direction:column}}