:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000000e0;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.admin-layout{min-height:100vh;background:#f5f7fa}.admin-layout .ant-layout{transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-sidebar{background:#fff!important;box-shadow:2px 0 12px #0000000f!important;border-right:1px solid #e5e7eb!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.sidebar-header{height:80px;display:flex;align-items:center;justify-content:center;padding:0 20px;border-bottom:1px solid #e5e7eb;margin:0 16px 16px}.logo-container{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea33}.logo-symbol{font-size:20px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.logo-text{display:flex;flex-direction:column;gap:2px}.sidebar-logo{color:#1f2937!important;margin:0!important;font-weight:700!important;font-size:20px!important;letter-spacing:.5px;line-height:1!important}.logo-accent{color:#667eea!important;font-weight:800!important}.logo-subtitle{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin-top:-2px}.logo-collapsed{width:45px;height:45px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea33;transition:all .3s ease}.logo-collapsed:hover{transform:scale(1.05);box-shadow:0 6px 16px #667eea4d}.logo-symbol-collapsed{font-size:22px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.admin-menu{border-right:none!important;background:transparent!important;font-weight:500;padding:0 16px!important}.admin-menu .ant-menu-item{height:48px!important;line-height:48px!important;margin:4px 0!important;border-radius:10px!important;padding-left:16px!important;padding-right:16px!important;transition:all .2s ease!important;color:#6b7280!important;border:none!important}.admin-menu .ant-menu-item:hover{background:#eff6ff!important;color:#475569!important;border:1px solid #bfdbfe!important}.admin-menu .ant-menu-item:hover .ant-menu-item-icon{color:#475569!important}.admin-menu .ant-menu-item-selected{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;color:#fff!important;font-weight:600!important;box-shadow:0 3px 8px #0ea5e940}.admin-menu .ant-menu-item-icon{font-size:18px!important;margin-right:12px!important}.admin-menu .ant-menu-item-selected .ant-menu-item-icon{color:#fff!important}.admin-header{padding:0 24px!important;background:#fff!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000a!important}.header-toggle-btn{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#64748b!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border-radius:6px!important}.header-toggle-btn:hover{background:#f1f5f9!important;color:#334155!important}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{background:#2563eb!important;transition:all .2s ease}.user-avatar:hover{background:#1d4ed8!important}.admin-content{margin:24px!important;padding:18px!important;background:#fff!important;border-radius:8px!important;box-shadow:0 1px 3px #0000000a!important;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-footer{text-align:center!important;background:#f8fafc!important;border-top:1px solid #e2e8f0!important;padding:16px 24px!important;color:#64748b}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000a;transition:all .2s ease}.dashboard-card:hover{box-shadow:0 4px 6px #00000012}.stat-card{background:#fff;border-radius:8px;padding:20px;border:1px solid #e2e8f0;transition:all .2s ease}.stat-card:hover{box-shadow:0 2px 4px #0000000f}.elegant-button{background:#2563eb!important;border:none!important;border-radius:6px!important;transition:all .2s ease!important}.elegant-button:hover{background:#1d4ed8!important}@media (max-width: 768px){.admin-content{margin:16px!important;padding:20px!important;border-radius:8px!important}.admin-menu .ant-menu-item{margin:2px 8px!important;padding-left:16px!important}.sidebar-header{padding:0 16px}}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar-enter{transform:translate(-100%);opacity:0}.sidebar-enter-active{transform:translate(0);opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-exit{transform:translate(0);opacity:1}.sidebar-exit-active{transform:translate(-100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.layout-transition{transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.admin-menu::-webkit-scrollbar{width:4px}.admin-menu::-webkit-scrollbar-track{background:transparent}.admin-menu::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.admin-menu::-webkit-scrollbar-thumb:hover{background:#9ca3af}.action-btn{width:28px;height:28px;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.action-btn-view{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 4px #3b82f626}.action-btn-view:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px #3b82f640}.action-btn-edit{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b98126}.action-btn-edit:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px #10b98140}.action-btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef444426}.action-btn-delete:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px #ef444440}.action-buttons-group{display:flex;gap:4px}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}#root{min-height:100vh}.login-blur-overlay{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#0000004d;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ant-input:focus,.ant-input-password:focus,.ant-input:hover,.ant-input-password:hover{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:hover{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.login-button-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}