@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Cinzel", "Outfit", serif;--bg-main: #0B0A09;--bg-card: rgba(22, 19, 17, .75);--bg-sidebar: #0E0C0B;--border-color: rgba(212, 175, 55, .08);--border-active: rgba(212, 175, 55, .35);--color-primary: #C5A059;--color-primary-glow: rgba(197, 160, 89, .12);--color-primary-hover: #AA8440;--color-accent: #2A9D8F;--color-accent-glow: rgba(42, 157, 143, .15);--color-accent-hover: #218074;--color-success: #2ECC71;--color-error: #E74C3C;--color-warning: #F39C12;--text-main: #F4F3F2;--text-muted: #A39E99;--text-inverse: #0B0A09;--glass-bg: rgba(22, 19, 17, .65);--glass-blur: blur(16px);--shadow-lg: 0 10px 30px -5px rgba(0, 0, 0, .7), 0 4px 12px -4px rgba(0, 0, 0, .8), 0 0 40px rgba(197, 160, 89, .02);--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1);--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px}html[data-theme=light]{--bg-main: #FAF9F6;--bg-card: #FFFFFF;--bg-sidebar: #F4F2EE;--border-color: rgba(197, 160, 89, .18);--border-active: rgba(197, 160, 89, .5);--color-primary: #AA8440;--color-primary-glow: rgba(170, 132, 64, .08);--color-primary-hover: #8B6B30;--color-accent: #218074;--color-accent-glow: rgba(33, 128, 116, .08);--color-accent-hover: #175E55;--text-main: #2C2825;--text-muted: #7A746E;--text-inverse: #FAF9F6;--glass-bg: rgba(255, 255, 255, .8);--shadow-lg: 0 10px 30px -5px rgba(170, 132, 64, .06), 0 4px 12px -4px rgba(0, 0, 0, .04)}html[data-theme=light] body{color:#2c2825!important;background-color:#faf9f6!important}html[data-theme=light] .main-content{background:radial-gradient(circle at 50% 0%,rgba(197,160,89,.05) 0%,transparent 60%)!important}html[data-theme=light] .main-content *{color:#2c2825}html[data-theme=light] .main-content div:not(.btn):not(.badge):not(.status-indicator):not(.btn-primary):not(.btn-danger):not(.btn-accent):not(.badge-success):not(.badge-danger),html[data-theme=light] .main-content span:not(.btn):not(.badge):not(.status-indicator):not(.btn-primary):not(.btn-danger):not(.btn-accent):not(.badge-success):not(.badge-danger):not(.status-online):not(.status-offline),html[data-theme=light] .main-content p,html[data-theme=light] .main-content h1,html[data-theme=light] .main-content h2,html[data-theme=light] .main-content h3,html[data-theme=light] .main-content h4,html[data-theme=light] .main-content h5,html[data-theme=light] .main-content h6,html[data-theme=light] .main-content strong,html[data-theme=light] .main-content b,html[data-theme=light] .main-content i,html[data-theme=light] .main-content label,html[data-theme=light] .main-content li,html[data-theme=light] .main-content td,html[data-theme=light] .main-content td *,html[data-theme=light] .main-content th,html[data-theme=light] .main-content code,html[data-theme=light] .main-content pre{color:#2c2825!important}html[data-theme=light] code{background:#0000000a!important}html[data-theme=light] pre{background:#f4f2ee!important;color:#2c2825!important;border-color:#c5a0594d!important}html[data-theme=light] .modal-content{background:#fff!important;background-color:#fff!important;border:1px solid rgba(197,160,89,.3)!important;box-shadow:0 20px 50px #0000001a!important}html[data-theme=light] .modal-content *,html[data-theme=light] .modal-title{color:#2c2825!important}html[data-theme=light] .modal-overlay{background:#0006!important}html[data-theme=light] .switch span{background-color:#e4e1db!important}html[data-theme=light] .switch input:checked+span{background-color:#2a9d8f!important}html[data-theme=light] .switch input:not(:checked)+span{background-color:#e4e1db!important}html[data-theme=light] .switch span span{background-color:#fff!important;box-shadow:0 2px 4px #0000001a!important}html[data-theme=light] input:disabled,html[data-theme=light] input[disabled],html[data-theme=light] select:disabled,html[data-theme=light] textarea:disabled,html[data-theme=light] input[readonly],html[data-theme=light] textarea[readonly],html[data-theme=light] .form-input:disabled,html[data-theme=light] .form-select:disabled{color:#2c2825!important;background-color:#f4f2ee!important;border-color:#c5a0594d!important;opacity:1!important;-webkit-text-fill-color:#2C2825!important}html[data-theme=light] svg circle[stroke="rgba(255, 255, 255, 0.05)"],html[data-theme=light] svg circle[stroke="rgba(255,255,255,0.05)"]{stroke:#00000014!important}html[data-theme=light] .chart-bar{background:linear-gradient(to top,var(--color-primary),#059669)!important}html[data-theme=light] .chart-bar-value{color:#2c2825!important}html[data-theme=light] .sidebar .sidebar-link,html[data-theme=light] .sidebar .sidebar-link *{color:#5c5650!important}html[data-theme=light] .sidebar .sidebar-link.active,html[data-theme=light] .sidebar .sidebar-link.active *,html[data-theme=light] .sidebar-brand *{color:var(--color-primary)!important}html[data-theme=light] .sidebar-title{background:linear-gradient(135deg,#2c2825,#7a746e)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}html[data-theme=light] .sidebar-link:hover,html[data-theme=light] .sidebar-link:hover *{color:var(--color-primary)!important;background:#00000005!important}html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea,html[data-theme=light] .form-input,html[data-theme=light] .form-select{color:#2c2825!important;background:#fff!important;border-color:#c5a0594d!important}html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder,html[data-theme=light] input::-webkit-input-placeholder,html[data-theme=light] textarea::-webkit-input-placeholder,html[data-theme=light] input::-moz-placeholder,html[data-theme=light] textarea::-moz-placeholder{color:#a39e99!important;opacity:1!important}html[data-theme=light] .custom-table td,html[data-theme=light] .custom-table td *{color:#4a4540!important}html[data-theme=light] .custom-table tr:hover td,html[data-theme=light] .custom-table tr:hover td *{background:#00000003!important;color:#2c2825!important}html[data-theme=light] .btn-primary{background:linear-gradient(135deg,#c5a059,#aa8440)!important;color:#faf9f6!important}html[data-theme=light] .btn-primary:hover{background:linear-gradient(135deg,#aa8440,#8b6b30)!important;color:#faf9f6!important}html[data-theme=light] .btn-primary *,html[data-theme=light] .btn-danger,html[data-theme=light] .btn-danger *,html[data-theme=light] .btn-accent,html[data-theme=light] .btn-accent *{color:#faf9f6!important}html[data-theme=light] .badge,html[data-theme=light] .badge *{color:inherit!important}html[data-theme=light] .status-indicator,html[data-theme=light] .status-indicator *{color:#4a4540!important}html[data-theme=light] .tab-btn{color:var(--text-muted)!important}html[data-theme=light] .tab-btn.active{color:var(--color-primary)!important;background:var(--color-primary-glow)!important}html[data-theme=light] .sidebar-submenu .sub-link{color:#7a746e!important}html[data-theme=light] .sidebar-submenu .sub-link:hover{color:var(--color-primary)!important}html[data-theme=light] .sidebar-submenu .sub-link.active{color:var(--color-primary)!important;font-weight:600!important}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001a}html[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0003}html[data-theme=light] .top-bar{background:#faf9f6cc!important}html[data-theme=light] button.active-tab{font-weight:700!important}html[data-theme=light] button.active-tab:nth-child(1){color:var(--color-primary)!important}html[data-theme=light] button.active-tab:nth-child(2){color:#d97706!important;background-color:#f59e0b26!important}html[data-theme=light] button.active-tab:nth-child(3){color:#7c3aed!important;background-color:#8b5cf626!important}html[data-theme=light] button.active-tab:nth-child(4){color:#0f766e!important;background-color:#2a9d8f26!important}html[data-theme=light] button.active-tab:nth-child(5){color:#dc2626!important;background-color:#ef444426!important}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}a{color:inherit;text-decoration:none}.login-container{display:flex;min-height:100vh;background:#070a10;overflow:hidden}.login-left-side{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:#070a10;position:relative;z-index:10}.login-right-side{display:none;flex:1.2;position:relative;background:linear-gradient(135deg,#0b0a09,#171310 30%,#302117 70%,#152422);overflow:hidden;align-items:center;justify-content:center;padding:60px;border-left:1px solid rgba(212,175,55,.04)}@media (min-width: 992px){.login-right-side{display:flex}}.login-glow-orb-1{position:absolute;top:10%;right:15%;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(197,160,89,.15) 0%,transparent 70%);filter:blur(45px);animation:floatOrb1 15s infinite alternate ease-in-out}.login-glow-orb-2{position:absolute;bottom:10%;left:10%;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(42,157,143,.12) 0%,transparent 70%);filter:blur(55px);animation:floatOrb2 20s infinite alternate ease-in-out}.login-glow-orb-3{position:absolute;top:40%;left:30%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(231,76,60,.08) 0%,transparent 70%);filter:blur(40px);animation:floatOrb3 18s infinite alternate ease-in-out}@keyframes floatOrb1{0%{transform:translate(0) scale(1)}to{transform:translate(50px,30px) scale(1.1)}}@keyframes floatOrb2{0%{transform:translate(0) scale(1)}to{transform:translate(-40px,-40px) scale(.9)}}@keyframes floatOrb3{0%{transform:translate(0) scale(1)}to{transform:translate(60px,-50px) scale(1.15)}}.login-quote-card{width:100%;max-width:500px;background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:48px;box-shadow:0 25px 60px #0006,inset 0 1px #ffffff1a;position:relative;z-index:5;text-align:left;transition:transform .3s ease,border-color .3s ease}.login-quote-card:hover{transform:translateY(-5px);border-color:#10b9814d}.login-quote-symbol{position:absolute;top:15px;left:20px;font-size:6rem;font-family:serif;line-height:1;color:#10b98114;pointer-events:none}.login-quote-text{font-size:1.35rem;font-weight:500;color:#fff;line-height:1.6;margin-bottom:24px;position:relative;z-index:2;text-shadow:0 2px 10px rgba(0,0,0,.2)}.login-quote-author{font-size:1.08rem;font-weight:600;color:#10b981;margin-bottom:6px;text-shadow:0 2px 5px rgba(0,0,0,.2)}.login-quote-category{display:inline-block;font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;border:1px solid rgba(255,255,255,.15);padding:4px 10px;border-radius:4px;background:#ffffff0d}.login-card{width:100%;max-width:420px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-lg);text-align:center;animation:slideUp .5s ease-out}.login-logo{font-size:3.5rem;margin-bottom:15px;filter:drop-shadow(0 0 15px var(--color-primary-glow));animation:float 4s ease-in-out infinite}.login-title{font-size:1.75rem;margin-bottom:8px;color:#fff}.login-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:30px}.form-group{margin-bottom:20px;text-align:left}.form-label{display:block;font-size:.85rem;font-weight:500;margin-bottom:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;color:#fff;font-family:inherit;font-size:.95rem;transition:var(--transition-smooth)}.form-input:focus{outline:none;border-color:var(--color-primary);background:#ffffff0f;box-shadow:0 0 0 4px var(--color-primary-glow)}.form-select{width:100%;background:#141b2df2;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;color:#fff;font-family:inherit;font-size:.95rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;transition:var(--transition-smooth)}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow)}.btn-primary{width:auto;background:linear-gradient(135deg,var(--color-primary),#059669);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:10px 20px;font-family:inherit;font-weight:600;font-size:.88rem;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #10b98133;white-space:nowrap;letter-spacing:.01em}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary.btn-block{width:100%;padding:14px}.btn-danger{width:auto;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--radius-md);padding:10px 20px;font-family:inherit;font-weight:600;font-size:.88rem;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #ef444433;white-space:nowrap}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444459}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-accent{width:auto;background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:10px 20px;font-family:inherit;font-weight:600;font-size:.88rem;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #f59e0b33;white-space:nowrap}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b59}.btn-accent:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-sm{padding:6px 14px!important;font-size:.82rem!important;gap:6px!important}.btn-lg{padding:14px 28px!important;font-size:1rem!important;gap:10px!important}.error-text{color:var(--color-error);font-size:.85rem;margin-top:8px;display:block}.layout-container{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100;transition:var(--transition-smooth)}.sidebar-brand{padding:24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-color)}.sidebar-logo{font-size:2rem;filter:drop-shadow(0 0 8px var(--color-primary-glow))}.sidebar-title{font-size:1.15rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#fff,var(--text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-menu{list-style:none;padding:24px 16px;display:flex;flex-direction:column;gap:8px;flex-grow:1}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--text-muted);font-weight:500;font-size:.95rem;transition:var(--transition-smooth)}.sidebar-link:hover{color:#fff;background:#ffffff08}.sidebar-link.active{color:#fff;background:var(--color-primary-glow);border-left:3px solid var(--color-primary);padding-left:13px}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color)}.btn-logout{width:100%;background:transparent;border:1px solid rgba(239,68,68,.2);color:var(--color-error);padding:10px;border-radius:var(--radius-md);font-family:inherit;font-weight:500;font-size:.9rem;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:8px}.btn-logout:hover{background:#ef444414;border-color:var(--color-error)}.main-content{margin-left:260px;flex-grow:1;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0%,rgba(16,185,129,.03) 0%,transparent 60%)}.top-bar{height:70px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);background:#090d1680;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-title{font-size:1.5rem;color:#fff}.status-indicator{display:flex;align-items:center;gap:8px;font-size:.85rem;padding:6px 12px;border-radius:20px;background:#ffffff08;border:1px solid var(--border-color)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 8px currentColor}.status-online{color:var(--color-success)}.status-offline{color:var(--color-error)}.content-body{padding:40px;flex-grow:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;align-items:center;transition:var(--transition-smooth)}.stat-card:hover{transform:translateY(-4px);border-color:var(--border-active)}.stat-info h4{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.stat-value{font-size:2.25rem;font-weight:700;color:#fff;font-family:var(--font-display)}.stat-icon{width:54px;height:54px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary);background:var(--color-primary-glow)}.stat-card:nth-child(2) .stat-icon{color:var(--color-accent);background:var(--color-accent-glow)}.stat-card:nth-child(3) .stat-icon{color:#3b82f6;background:#3b82f61a}.dashboard-sections{display:grid;grid-template-columns:2fr 1fr;gap:24px}.panel-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-lg);margin-bottom:24px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.panel-title{font-size:1.25rem;color:#fff;display:flex;align-items:center;gap:10px}.chart-placeholder{height:260px;display:flex;flex-direction:column;justify-content:flex-end;gap:15px;padding:20px 0;border-bottom:1px solid var(--border-color)}.chart-bars{display:flex;justify-content:space-around;align-items:flex-end;height:100%}.chart-bar-container{display:flex;flex-direction:column;align-items:center;gap:8px;flex-grow:1}.chart-bar{width:40px;background:linear-gradient(to top,var(--color-primary),#059669);border-radius:6px 6px 0 0;position:relative;transition:var(--transition-smooth);animation:growBar 1s ease-out forwards}.chart-bar:hover{filter:brightness(1.2)}.chart-bar-label{font-size:.75rem;color:var(--text-muted)}.chart-bar-value{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:.8rem;font-weight:600;color:#fff}.table-responsive{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color)}.custom-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.custom-table th{background:#ffffff05;color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:16px 20px;border-bottom:1px solid var(--border-color)}.custom-table td{padding:16px 20px;border-bottom:1px solid var(--border-color);color:#d1d5db}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:#ffffff03;color:#fff}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.badge-success{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.badge-danger{background:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.badge-warning{background:#f59e0b1a;color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.badge-info{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.action-buttons{display:flex;gap:8px}.btn-icon{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#ffffff05;color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center}.btn-icon:hover{color:#fff;border-color:var(--text-muted);background:#ffffff0d}.btn-icon.edit:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-glow)}.btn-icon.delete:hover{color:var(--color-error);border-color:var(--color-error);background:#ef44441a}.btn-icon.send:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-glow)}.btn-secondary{background:#ffffff08;color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 24px;font-family:inherit;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.btn-secondary:hover{background:#ffffff0f;border-color:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#070a10cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{width:100%;max-width:500px;background:#0e1626;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out forwards}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:30px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.pagination-buttons{display:flex;gap:8px}.pagination-btn{padding:8px 16px;background:#ffffff08;border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);font-family:inherit;font-size:.85rem}.pagination-btn:hover:not(:disabled){background:#ffffff14}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.filter-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-input-wrapper{flex-grow:1;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes growBar{0%{height:0}to{height:var(--bar-height)}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99}@media (max-width: 992px){.dashboard-sections{grid-template-columns:1fr}.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar.mobile-open .menu-toggle{display:inline-flex!important}.main-content{margin-left:0}.menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer}.hide-mobile{display:none!important}}@media (max-width: 576px){.content-body{padding:16px}.top-bar{padding:0 16px}.login-card{padding:24px}.panel-card{padding:16px!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-anim{animation:spin 1.2s linear infinite}.sidebar-submenu{list-style:none;padding-left:14px;margin-top:6px;display:flex;flex-direction:column;gap:6px;border-left:1px dashed rgba(255,255,255,.1);margin-left:28px;padding-bottom:6px}.sidebar-submenu .sub-link{font-size:.82rem;padding:6px 12px;color:#ffffff80;display:flex;align-items:center;gap:8px;border-radius:var(--radius-sm);transition:var(--transition-smooth);text-decoration:none}.sidebar-submenu .sub-link:hover{color:#fff;background:#ffffff08}.sidebar-submenu .sub-link.active{color:var(--color-primary);background:#3b82f614;font-weight:600;border-left:2px solid var(--color-primary);padding-left:10px}