:root{font-family:"Segoe UI Variable","Segoe UI",sans-serif;color:#172a43;background:#eef3f7}
*{box-sizing:border-box}
body{margin:0}
.auth-login-page{min-height:100vh;background:radial-gradient(circle at 75% 15%,rgba(214,91,25,.18),transparent 28%),linear-gradient(125deg,#0f172a,#173b5c 54%,#2d627b);display:grid;place-items:center;padding:28px}
.login-shell{width:min(1040px,100%);min-height:590px;display:grid;grid-template-columns:1.1fr .9fr;border:1px solid rgba(255,255,255,.18);border-radius:24px;overflow:hidden;box-shadow:0 30px 90px rgba(3,12,28,.35)}
.login-brand{padding:74px 64px;color:#fff;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(150deg,rgba(10,34,60,.55),rgba(18,91,125,.35))}
.login-brand span{color:#f59e0b;font-size:13px;font-weight:900;letter-spacing:.2em}
.login-brand h1{max-width:450px;margin:14px 0 18px;font-size:46px;line-height:1.04;letter-spacing:-.045em}
.login-brand p{max-width:420px;margin:0;color:#cbd9e6;font-size:16px;line-height:1.7}
.login-card{padding:62px 52px;background:#fff;display:flex;flex-direction:column;justify-content:center}
.login-mark{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#173b5c,#d65b19);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 24px rgba(15,35,63,.18)}
.login-card h2{margin:25px 0 30px;font-size:25px;letter-spacing:-.025em}
.login-card form,.login-card label{display:grid;gap:9px}
.login-card form{gap:18px}
.login-card label{color:#40536b;font-size:12px;font-weight:800}
.login-card input{height:48px;border:1px solid #cdd9e4;border-radius:10px;padding:0 13px;color:#172a43;font:600 14px inherit;outline:none}
.login-card input:focus{border-color:#d65b19;box-shadow:0 0 0 4px rgba(214,91,25,.12)}
.login-card button{height:48px;border:0;border-radius:10px;background:#b94712;color:#fff;font:800 14px inherit;cursor:pointer;box-shadow:0 9px 22px rgba(185,71,18,.22)}
.login-card button:disabled{opacity:.65;cursor:progress}
#loginError{margin:0;padding:10px 12px;border-radius:8px;background:#fff0f0;color:#a62f2f;font-size:12px;line-height:1.4}
.auth-account{display:flex;align-items:center;gap:9px;margin-left:6px;padding-left:12px;border-left:1px solid #dce4eb}
.auth-account-copy{display:grid;text-align:right;line-height:1.1}
.auth-account-copy strong{color:#2c4058;font-size:12px}.auth-account-copy small{margin-top:4px;color:#77879a;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.auth-logout{height:32px;border:1px solid #d9e2ea;border-radius:8px;background:#fff;color:#475b72;padding:0 10px;cursor:pointer;font:700 11px inherit}
.user-management-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px}
.user-create-panel,.user-list-panel{margin-top:0!important}
.user-form{display:grid;gap:14px;padding:18px}
.user-form label,.user-row label{display:grid;gap:6px;color:#5e7187;font-size:10px;font-weight:800}
.user-form input,.user-form select,.user-row input,.user-row select{height:38px;border:1px solid #cfdae6;border-radius:8px;background:#fff;color:#263a54;padding:0 10px;font:600 12px inherit}
.user-form-actions{display:flex;justify-content:flex-end}
.user-form-error{margin:0;padding:10px 12px;border:1px solid #f0b8b8;border-radius:8px;background:#fff1f1;color:#a52d2d;font-size:11px;line-height:1.4}
.user-list{padding:10px 14px 16px;display:grid;gap:9px}
.user-row{display:grid;grid-template-columns:minmax(140px,1.3fr) 130px 92px minmax(150px,1fr) auto;gap:9px;align-items:end;padding:12px;border:1px solid #dbe4ec;border-radius:11px;background:#f8fafc}
.user-row .active-field{display:flex;align-items:center;gap:7px;height:38px}.user-row .active-field input{width:16px;height:16px}
.user-row-meta{grid-column:1/-1;color:#7b8999;font-size:9px}
.user-empty{padding:30px;text-align:center;color:#728298}
.sidebar-mode-switch{display:none!important}
body[data-auth-role="yonetici"] .nav-item[data-page="users"],body[data-auth-role="yonetici"] #page-users{display:none!important}
.auth-hidden{display:none!important}
@media(max-width:820px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-card{padding:44px 28px}.user-management-grid{grid-template-columns:1fr}.user-row{grid-template-columns:1fr 1fr}.user-row-meta{grid-column:1/-1}}