:root{--color-bg:#f5f7fb;--color-card:#fff;--color-sidebar:#111827;--color-text:#111827;--color-subtext:#6b7280;--color-border:#e5e7eb;--color-primary:#0a74da;--color-primary-hover:#095ab5;--color-danger:#ef4444;--color-text-light:#fff;--font-main:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif}body.dark,body.login-mode{--color-bg:#0f172a;--color-card:#111827;--color-sidebar:#020617;--color-text:#f9fafb;--color-subtext:#9ca3af;--color-border:#1f2937;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-danger:#ef4444}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);margin:0;padding:0}.app-layout{background:var(--color-bg);height:100vh;color:var(--color-text);display:flex}.sidebar{background:var(--color-sidebar);color:#fff;flex-direction:column;width:220px;padding:20px;display:flex}.sidebar a{color:#fff;border-radius:8px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.sidebar a:hover{background:#ffffff14}.header{border-bottom:1px solid var(--color-border);background:var(--color-card);justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}.main-content{flex-direction:column;flex:1;display:flex}.main-inner{background:var(--color-bg);flex:1;padding:24px;overflow-y:auto}input,select,textarea{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border)}input::placeholder,textarea::placeholder{color:var(--color-subtext)}.input{border-radius:8px;outline:none;padding:8px 12px}.card{background:var(--color-card);color:var(--color-text);border-radius:12px;padding:20px}table{border-collapse:collapse;background:var(--color-card);width:100%}thead{background:var(--color-card)}th{color:var(--color-text);text-align:left;border-bottom:1px solid var(--color-border);padding:12px;font-weight:600}td{color:var(--color-text);padding:12px}tr{border-bottom:1px solid var(--color-border)}tr:hover{background:#00000008}body.dark tr:hover,body.login-mode tr:hover{background:#ffffff0d}.icon-action{color:var(--color-text);cursor:pointer}.icon-action:hover{color:var(--color-primary)}.button-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 14px}.button-primary:hover{background:var(--color-primary-hover)}.error-message{color:var(--color-danger);text-align:center;margin-top:10px;font-size:14px}.sidebar-logo-img{opacity:.95;max-width:120px;transition:all .2s}.sidebar-logo-img:hover{opacity:1;transform:scale(1.03)}.header-title{color:var(--color-text);font-size:1.25rem}.header-actions{align-items:center;gap:16px;display:flex}.search-container{position:relative}.search-icon{color:var(--color-subtext);position:absolute;top:50%;right:8px;transform:translateY(-50%)}.theme-toggle{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:6px 10px;display:flex}.theme-toggle:hover{background:var(--color-bg)}.user-info{color:var(--color-text);font-size:.9rem}.logout-button{background:var(--color-danger);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;display:flex}