:root{color-scheme:dark;color:#ecf4f0;background:#09111b}
.brand-mark{overflow:hidden;padding:0;background:#0c1721;border:1px solid #2dba78;box-shadow:0 10px 28px #18a76635}
.brand-logo{display:block;width:100%;height:100%;object-fit:cover}
body{background:#09111b}
.login-shell{background:radial-gradient(circle at 18% 15%,#12362a 0,transparent 34%),radial-gradient(circle at 90% 80%,#102b42 0,transparent 32%),#09111b}
.login-card{background:#111b28;border-color:#223244;box-shadow:0 28px 80px #0009}
.eyebrow{color:#4ed091}
.login-copy{color:#91a29b}
label{color:#bdc9c4}
input{background:#0b1420;border-color:#334457;color:#f5faf7}
input:focus{border-color:#35bd7b;box-shadow:0 0 0 4px #35bd7b22}
.primary-button{background:#168653;color:#fff;box-shadow:0 10px 24px #16865330}
.primary-button:hover{background:#1a9a60}
.topbar{background:#0d1622;border-bottom-color:#223041}
.brand small,.account{color:#91a19a}
.tab{color:#83938c}
.tab.active{color:#6ee0a5}
.tab.active:after{background:#35bd7b}
.quiet-button,.icon-button{background:#141f2d;border-color:#2a394b;color:#dfeae5}
.panel{background:#09111b}
.placeholder-card{background:#111b28;border-color:#223244;box-shadow:0 20px 60px #0007}
.placeholder-card span{background:#153a2c;color:#65dda0}
.placeholder-card p{color:#91a29b}
dialog{background:#101a27;color:#edf5f1;box-shadow:0 32px 100px #000b}
dialog::backdrop{background:#02060bcc}
.employee-form{background:#0a131e}
.user-row{border-color:#263547;background:#111c29}
.user-row small{color:#8fa098}
.status{color:#55d394}
.status.off{color:#ef7780}
.status-button{background:#1a2939;color:#dbe7e1}