:root{background:var(--page-bg)}
nav a.active{color:var(--accent);background:var(--tint)}
nav a:hover,.preview-tag,.notice{background:var(--tint)}
.button.primary,.hero-button,.current .step{background:var(--accent);color:#fff;border-color:var(--accent)}
.button.primary:hover,.hero-button:hover{background:var(--accent-strong)}
.button.secondary:hover{border-color:var(--focus);color:var(--accent)}
button:focus-visible,a:focus-visible{outline-color:var(--focus)}
.hero,.auth-story{background:var(--hero)}
.hero{border-color:var(--accent-border)}
.hero h2,.hero-badge,.auth-story-copy h1,.sidebar-note{color:var(--accent)}
.auth-story-tags span{border-color:var(--accent-border);color:var(--accent)}
.orbit,.orbit-two,.art-chip,.art-core{border-color:var(--accent-border)}
.art-chip{background:var(--tint);color:var(--accent)}
.art-core{background:linear-gradient(140deg,#fff,var(--hero));color:var(--accent)}
form input:focus,form select:focus,.employee-table-panel select:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--tint)}
.profile-link{display:flex;align-items:center;gap:10px;min-width:0;border-radius:5px}
.profile-link:hover{color:var(--accent)}
.account-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.85fr);gap:20px}
.settings-panel{margin-top:22px;scroll-margin-top:24px}
.settings-description{font-size:12px;line-height:1.9;color:#7b887f;margin-top:12px}
.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:25px}
.settings-form label+label{margin-top:0}
.settings-form label{font-size:12px}
.settings-form label small{font-size:10px}
.settings-wide{grid-column:1/-1}
.form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.form-status{font-size:12px;line-height:1.8;color:var(--accent);margin:14px 0;min-height:0;overflow-wrap:anywhere}
.form-status:empty{display:none}
.form-status.is-error{color:#a75c53}
.form-actions .form-status{margin:0}
.account-identity{display:flex;gap:15px;align-items:center;margin-bottom:14px}
.large-avatar{height:50px;width:50px;flex:none;font-size:20px;background:var(--tint);border-color:var(--accent-border);color:var(--accent)}
.account-identity h2{overflow-wrap:anywhere}
.account-identity p{font-size:11px;color:#8c978f;margin-top:8px}
.account-summary .details>div{font-size:11px;padding:18px 0}
.password-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.row-actions .button{font-size:10px;min-height:31px;padding:7px 10px}
dialog{width:620px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);border:1px solid var(--border);border-radius:14px;padding:30px;color:#26332e;box-shadow:0 25px 80px #20382c35;overflow:auto}
dialog::backdrop{background:#17231d66;backdrop-filter:blur(3px)}
.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.dialog-heading h2{font-size:20px;font-weight:600}
.dialog-heading .eyebrow{margin-bottom:9px}
.icon-button{height:32px;width:32px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#7b887f;font-size:22px;flex:none}
dialog .table-note{margin:0}
dialog .form-error{margin:0}
@media(max-width:1050px){.account-grid{grid-template-columns:1fr}.account-summary .details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.account-summary .details>div{display:block}.account-summary .details dd{text-align:left;margin-top:10px}.account-summary .table-note{margin-top:0}}
@media(max-width:700px){.password-fields{grid-template-columns:1fr}.topbar-right{gap:10px}.topbar-right>.preview-tag{display:none}}
@media(max-width:600px){.settings-form{grid-template-columns:1fr;gap:18px}.settings-wide{grid-column:auto}.account-summary .details{display:block}.account-summary .details>div{display:flex}.account-summary .details dd{margin:0;text-align:right}.settings-panel{padding:23px 20px}dialog{padding:24px 20px}.topbar-right #date-label{display:none}}