/* ===== LOGIN SCREEN ===== */
/* ===== LOGIN SCREEN ===== */
#loginScreen{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:9999;}
.login-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px 44px;width:360px;box-shadow:0 20px 60px rgba(0,0,0,.12);}
.login-logo{text-align:center;margin-bottom:28px;}
.login-logo img{max-height:52px;object-fit:contain;}
.login-title{font-family:DM Serif Display,serif;font-size:20px;color:var(--text);margin-bottom:6px;text-align:center;}
.login-sub{font-size:12.5px;color:var(--muted);text-align:center;margin-bottom:28px;}
.login-field{margin-bottom:14px;}
.login-field label{display:block;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:5px;}
.login-field input{width:100%;background:var(--surface2);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-family:'DM Sans',sans-serif;font-size:13.5px;padding:10px 12px;outline:none;transition:border-color var(--transition);}
.login-field input:focus{border-color:var(--amber-dim);box-shadow:0 0 0 3px var(--amber-glow);}
.login-btn{width:100%;background:var(--amber);color:#fff;border:none;border-radius:8px;padding:11px;font-size:14px;font-weight:600;font-family:'DM Sans',sans-serif;cursor:pointer;margin-top:8px;transition:background var(--transition);}
.login-btn:hover{background:var(--amber-dim);}
.login-btn:disabled{opacity:.6;cursor:not-allowed;}
.login-error{color:var(--red);font-size:12px;margin-top:10px;text-align:center;min-height:18px;}


/* ===== USER BADGE IN SIDEBAR ===== */
/* ===== USER BADGE IN SIDEBAR ===== */
.user-badge{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;margin:0 8px 8px;background:var(--surface2);cursor:pointer;transition:background var(--transition);}
.user-badge:hover{background:var(--surface3);}
.user-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;color:#fff;}
.user-name{font-size:12.5px;font-weight:600;color:var(--text);flex:1;}
.user-role{font-size:10.5px;color:var(--muted);}
.user-logout{font-size:11px;color:var(--muted);background:transparent;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;transition:color var(--transition);}
.user-logout:hover{color:var(--red);}