:root{--primary-color: #14b8a6;--text-main: #f4f4f5;--text-muted: #a1a1aa;--success: #10b981;--error: #f43f5e}.hidden{display:none!important}.admin-layout{display:grid;grid-template-columns:240px 1fr;gap:1.5rem;flex:1;overflow:hidden;height:calc(100vh - 120px)}.admin-sidebar{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.nav-links{display:flex;flex-direction:column;gap:.8rem}.nav-btn{padding:12px 18px;background:#18181b;border:1px solid #27272a;color:var(--text-muted);text-align:left;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .25s ease;box-shadow:0 1px 2px #0000001a}.nav-btn:hover{color:var(--text-main);background:#14b8a60a;border-color:var(--primary-color)}.nav-btn.active{color:#fff;background:var(--primary-color);border-color:var(--primary-color);font-weight:700;box-shadow:0 4px 12px #14b8a633}.admin-content{padding:2rem;overflow-y:auto}.tab-panel{display:none;flex-direction:column;gap:1.5rem}.tab-panel.active{display:flex}.table-container{width:100%;overflow-x:auto;background:#18181b;border:1px solid #27272a;border-radius:12px;box-shadow:0 4px 6px -1px #0003}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.admin-table th,.admin-table td{padding:14px 18px;border-bottom:1px solid #27272a}.admin-table th{background:#14b8a60d;color:var(--text-muted);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.admin-table tbody tr:hover{background:#14b8a605}#totp-container{width:100%;max-width:440px;padding:3rem;text-align:center;display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .4s ease-out}.qr-container{background:#fff;padding:12px;border-radius:12px;display:inline-block;margin:1rem 0}.qr-container img{display:block;width:180px;height:180px}.secret-text{font-size:.85rem;background:#09090b;border:1px dashed rgba(20,184,166,.3);padding:8px;border-radius:6px;font-family:monospace;color:var(--primary-color);margin-bottom:1rem}.system-monitor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.monitor-card{padding:1.5rem;display:flex;flex-direction:column;gap:.8rem;align-items:center;border-radius:16px;background:#18181b;border:1px solid #27272a;box-shadow:0 4px 6px -1px #0003}.monitor-card h4{color:var(--text-muted);font-size:.9rem;font-weight:700}.monitor-value{font-size:1.8rem;font-weight:800}.monitor-value.green{color:var(--success);text-shadow:0 0 10px rgba(16,185,129,.1)}.monitor-value.red{color:var(--error);text-shadow:0 0 10px rgba(244,63,94,.1)}.audit-filters{display:flex;gap:.8rem}.table-select{background:#09090b;border:1px solid #27272a;color:#f4f4f5;padding:6px 12px;border-radius:6px;font-size:.85rem;font-family:Outfit,sans-serif;cursor:pointer;transition:border-color .15s ease}.table-select:focus{outline:none;border-color:#14b8a6}.table-select option{background:#09090b;color:#f4f4f5}.input-sm{background:#09090b;border:1px solid #27272a;color:#f4f4f5;padding:8px 12px;border-radius:8px;font-size:.85rem;font-family:Outfit,sans-serif;transition:all .15s ease}.input-sm:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 2px #14b8a626}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .3s ease}.modal-content{width:100%;max-width:680px;padding:2.5rem;max-height:90vh;overflow-y:auto;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.label-sm{display:block;font-size:.8rem;color:var(--text-muted);font-weight:600;margin-bottom:.4rem;text-transform:uppercase}.w-100{width:100%}.badge-pending{padding:4px 10px;border-radius:8px;background:#ffbd2e14;color:#ffbd2e;border:1px solid rgba(255,189,46,.18);font-weight:700;font-size:.75rem;display:inline-block;white-space:nowrap}.badge-approved{padding:4px 10px;border-radius:8px;background:#10b98114;color:#10b981;border:1px solid rgba(16,185,129,.18);font-weight:700;font-size:.75rem;display:inline-block;white-space:nowrap}.badge-rejected{padding:4px 10px;border-radius:8px;background:#f43f5e14;color:#f43f5e;border:1px solid rgba(244,63,94,.18);font-weight:700;font-size:.75rem;display:inline-block;white-space:nowrap}.secondary-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#d4d4d8;padding:8px 16px;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.secondary-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#fff}.secondary-btn.btn-sm{padding:4px 10px;font-size:.75rem;border-radius:6px}.secondary-btn.btn-approve{background:#10b98114;border-color:#10b98126;color:#10b981}.secondary-btn.btn-approve:hover{background:#10b98126;border-color:#10b9814d;color:#34d399}.secondary-btn.btn-reject,.secondary-btn.btn-delete-user,.secondary-btn.btn-delete-device,.secondary-btn.btn-delete-sc,.secondary-btn.btn-delete-algo,.secondary-btn.btn-delete-synonym,.secondary-btn.btn-delete-scene{background:#f43f5e14;border-color:#f43f5e26;color:#f43f5e}.secondary-btn.btn-reject:hover,.secondary-btn.btn-delete-user:hover,.secondary-btn.btn-delete-device:hover,.secondary-btn.btn-delete-sc:hover,.secondary-btn.btn-delete-algo:hover,.secondary-btn.btn-delete-synonym:hover,.secondary-btn.btn-delete-scene:hover{background:#f43f5e26;border-color:#f43f5e4d;color:#fb7185}.secondary-btn.btn-edit-algo,.secondary-btn.btn-edit-synonym,.secondary-btn.btn-edit-scene{background:#06b6d414;border-color:#06b6d426;color:#06b6d4}.secondary-btn.btn-edit-algo:hover,.secondary-btn.btn-edit-synonym:hover,.secondary-btn.btn-edit-scene:hover{background:#06b6d426;border-color:#06b6d44d;color:#22d3ee}.secondary-btn.btn-transfer{background:#14b8a614;border-color:#14b8a626;color:#14b8a6}.secondary-btn.btn-transfer:hover{background:#14b8a626;border-color:#14b8a64d;color:#2dd4bf}.primary-btn{background:#0d9488;border:1px solid transparent;color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 12px #0d948833}.primary-btn:hover{background:#0f766e;box-shadow:0 4px 16px #0d94884d}@media (max-width: 991px){.admin-layout{grid-template-columns:1fr;height:auto;overflow:visible}.admin-sidebar{padding:1rem;height:auto}.nav-links{flex-direction:row;flex-wrap:wrap;gap:.5rem}.nav-btn{padding:8px 14px;font-size:.85rem}.admin-content{padding:1rem}}