:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.ant-modal,.ant-drawer,.ant-modal-mask,.ant-drawer-mask{animation-duration:0s!important;transition-duration:0s!important}.ant-modal-root .ant-modal-wrap{transition:none!important}.ant-modal-root .ant-modal{animation:none!important}.ant-drawer .ant-drawer-content-wrapper{transition:none!important}.ant-table-wrapper,.ant-table-body,.ant-select-dropdown{transform:translateZ(0);will-change:transform}.ant-table-tbody>tr{contain:layout style paint}.ant-modal-mask,.ant-drawer-mask{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.ant-select-dropdown{contain:layout style paint}.ant-select-item{will-change:auto}.ant-tooltip{animation-duration:.1s!important}.ant-btn:hover,.ant-btn:focus{transform:none!important}.ant-table-wrapper{contain:layout}.ant-card,.ant-modal-content{transition:box-shadow 0s!important}.ant-modal-body{overflow-y:auto;-webkit-overflow-scrolling:touch}.ant-color-picker-panel{will-change:auto}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(135deg,#1a1d29,#2d1f3d)}.login-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:linear-gradient(135deg,#667eea,#764ba2);top:-250px;left:-250px;animation-delay:0s}.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-200px;right:-200px;animation-delay:7s}.orb-3{width:300px;height:300px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(100px,-50px) scale(1.1)}66%{transform:translate(-50px,100px) scale(.9)}}.login-card{position:relative;z-index:1;background:#fffffff2;backdrop-filter:blur(20px);border-radius:24px;padding:48px;width:420px;max-width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .6s cubic-bezier(.16,1,.3,1);border:1px solid rgba(255,255,255,.2)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:24px;animation:logoAppear .8s cubic-bezier(.16,1,.3,1) .2s both;height:140px;min-height:140px;max-height:140px;overflow:visible}.login-logo{display:flex;align-items:center;justify-content:center;animation:logoEntrance .8s ease-out}.login-logo img{height:180px;width:auto;filter:drop-shadow(0 8px 24px rgba(255,215,0,.3));transition:all .3s ease}@keyframes logoAppear{0%{opacity:0;transform:translateY(-20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.login-title{font-size:32px;font-weight:700;text-align:center;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleAppear .8s cubic-bezier(.16,1,.3,1) .3s both}.login-subtitle{text-align:center;color:#6b7280;font-size:15px;margin-bottom:32px;animation:titleAppear .8s cubic-bezier(.16,1,.3,1) .4s both}@keyframes titleAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-form{animation:formAppear .8s cubic-bezier(.16,1,.3,1) .5s both}@keyframes formAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-input{border-radius:12px;border:2px solid #e5e7eb;padding:12px 16px;font-size:15px;transition:all .3s ease}.login-input:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-input:focus,.login-input.ant-input-focused{border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.input-icon{color:#9ca3af;font-size:18px;margin-right:8px}.login-button{height:48px;border-radius:12px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);border:none;margin-top:8px;box-shadow:0 4px 12px #667eea4d;transition:all .3s ease}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a3f8f);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.login-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;animation:footerAppear .8s cubic-bezier(.16,1,.3,1) .6s both}.login-footer p{color:#9ca3af;font-size:13px;margin:0}@keyframes footerAppear{0%{opacity:0}to{opacity:1}}@media (max-width: 640px){.login-card{padding:32px 24px}.login-title{font-size:28px}.gradient-orb{filter:blur(60px)}}.login-form .ant-form-item{margin-bottom:20px}.login-form .ant-input-affix-wrapper{border-radius:12px;border:2px solid #e5e7eb;padding:8px 16px;transition:all .3s ease}.login-form .ant-input-affix-wrapper:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-form .ant-input-affix-wrapper-focused{border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.login-form .ant-input{font-size:15px}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.stat-card{animation:slideInUp .6s cubic-bezier(.4,0,.2,1) backwards;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #00000026}.stat-card: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 3s infinite;pointer-events:none}.chart-card{animation:scaleIn .5s cubic-bezier(.4,0,.2,1) backwards;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f}.chart-card:nth-child(1){animation-delay:.5s}.chart-card:nth-child(2){animation-delay:.6s}.chart-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.chart-card .ant-card-head-title{position:relative;font-weight:600;font-size:16px}.chart-card .ant-card-head-title:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:2px}.chart-card:hover .ant-card-head-title:after{width:50px}.orders-list .ant-list-item{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:16px;border-radius:8px;margin-bottom:4px}.orders-list .ant-list-item:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);transform:translate(8px);box-shadow:0 2px 8px #667eea1a}.ant-statistic-content-value{animation:countUp .8s cubic-bezier(.4,0,.2,1) backwards;animation-delay:.3s}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.new-order-badge{animation:pulse 2s ease-in-out infinite}.stat-card-gradient{position:relative;overflow:hidden}.stat-card-gradient:after{content:"";position:absolute;inset:-50%;background:linear-gradient(to bottom,#fff0,#ffffff4d,#fff0);transform:rotate(45deg);animation:glow 3s linear infinite;pointer-events:none}@keyframes glow{0%{transform:translateY(-100%) rotate(45deg)}to{transform:translateY(100%) rotate(45deg)}}.ant-plots-container{transition:all .3s cubic-bezier(.4,0,.2,1)}.ant-skeleton{animation:shimmerSkeleton 1.5s ease-in-out infinite}@keyframes shimmerSkeleton{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media (max-width: 768px){.stat-card{animation-duration:.4s}.stat-card:hover{transform:translateY(-4px) scale(1.01)}.chart-card:hover{transform:translateY(-2px)}.orders-list .ant-list-item:hover{transform:translate(4px)}}.ant-tag{transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;border-radius:12px;padding:2px 12px}.ant-tag:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.orders-list .ant-list-item-meta-title{transition:color .3s cubic-bezier(.4,0,.2,1)}.orders-list .ant-list-item:hover .ant-list-item-meta-title{color:#667eea}.order-price{transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600}.orders-list .ant-list-item:hover .order-price{transform:scale(1.1);color:#764ba2!important}html{scroll-behavior:smooth}.ant-card{will-change:transform,box-shadow}.custom-loading{display:inline-block;animation:spin 1s linear infinite}@keyframes fadeInPage{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.table-page-container{animation:fadeInPage .5s cubic-bezier(.4,0,.2,1)}@keyframes scaleInStats{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.stats-card{animation:scaleInStats .6s cubic-bezier(.4,0,.2,1) backwards;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f;border-radius:12px}.stats-card:nth-child(1){animation-delay:.1s}.stats-card:nth-child(2){animation-delay:.2s}.stats-card:nth-child(3){animation-delay:.3s}.stats-card:nth-child(4){animation-delay:.4s}.stats-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 24px #0000001f}@keyframes slideInTable{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.main-table-card{animation:slideInTable .6s cubic-bezier(.4,0,.2,1) .3s backwards;box-shadow:0 4px 12px #00000014;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow-x:auto}.main-table-card:hover{box-shadow:0 8px 20px #0000001f}.ant-table-wrapper{overflow-x:auto}.ant-table{min-width:800px}.action-button{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #667eea33;border-radius:8px}.action-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px #667eea66}.action-button:active{transform:translateY(-1px) scale(1.02)}.ant-table-tbody>tr{transition:all .3s cubic-bezier(.4,0,.2,1)}.ant-table-tbody>tr:hover{background:linear-gradient(135deg,#667eea08,#764ba208);transform:translate(4px);box-shadow:0 2px 8px #667eea14}.ant-table-cell{transition:all .2s cubic-bezier(.4,0,.2,1)}.action-icon{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.action-icon:hover{transform:scale(1.2) rotate(5deg);color:#667eea}.action-icon-delete:hover{color:#f5222d;transform:scale(1.2) rotate(-5deg)}.ant-modal{animation:modalZoomIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ant-modal-content{border-radius:12px;box-shadow:0 12px 32px #00000026}.ant-modal-header{border-radius:12px 12px 0 0;background:linear-gradient(135deg,#667eea,#764ba2)}.ant-modal-title{color:#fff!important;font-weight:600}.ant-modal-close-x{color:#fff!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.ant-modal-close-x:hover{transform:rotate(90deg)}.ant-drawer-content-wrapper{animation:drawerSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.ant-drawer-header{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.ant-drawer-title{color:#fff!important;font-weight:600}.ant-drawer-close{color:#fff!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.ant-drawer-close:hover{transform:rotate(90deg)}.ant-form-item{animation:fadeInForm .4s cubic-bezier(.4,0,.2,1) backwards}.ant-form-item:nth-child(1){animation-delay:.05s}.ant-form-item:nth-child(2){animation-delay:.1s}.ant-form-item:nth-child(3){animation-delay:.15s}.ant-form-item:nth-child(4){animation-delay:.2s}.ant-form-item:nth-child(5){animation-delay:.25s}.ant-form-item:nth-child(6){animation-delay:.3s}@keyframes fadeInForm{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.ant-input:focus,.ant-input-number:focus,.ant-select-focused .ant-select-selector{border-color:#667eea!important;box-shadow:0 0 0 2px #667eea33!important}.ant-tag{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;font-weight:500;padding:4px 12px}.ant-tag:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.search-input{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px}.search-input:focus{width:120%!important;box-shadow:0 4px 12px #667eea33}.ant-statistic-title{font-weight:500;font-size:14px;margin-bottom:8px}.ant-statistic-content{font-weight:700}.ant-statistic-content-value{animation:countUp .8s cubic-bezier(.4,0,.2,1) backwards}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ant-spin-container{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.ant-spin-blur{opacity:.5;pointer-events:none}.ant-pagination-item{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:6px}.ant-pagination-item:hover{transform:scale(1.1);border-color:#667eea}.ant-pagination-item-active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent}.ant-pagination-item-active a{color:#fff!important}.ant-popover-inner{border-radius:8px;box-shadow:0 8px 24px #00000026}.ant-popover-message-title{padding-left:0}.ant-popover-buttons{margin-top:12px}.ant-table-row-selected{background:linear-gradient(135deg,#667eea14,#764ba214)!important}.ant-table-row-selected:hover{background:linear-gradient(135deg,#667eea1f,#764ba21f)!important}@media (max-width: 768px){.stats-card{animation-duration:.4s}.stats-card:hover{transform:translateY(-3px) scale(1.01)}.main-table-card{animation-duration:.4s}.ant-table-tbody>tr:hover{transform:translate(2px)}.search-input:focus{width:100%!important}}.loading-spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes pulseNew{0%,to{box-shadow:0 0 #667eea66}50%{box-shadow:0 0 0 10px #667eea00}}.new-item{animation:pulseNew 2s ease-in-out}.page-header{margin-bottom:24px;animation:fadeInPage .5s cubic-bezier(.4,0,.2,1)}.page-title{font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ant-descriptions-item-label{font-weight:600;color:#595959}.ant-descriptions-item-content{color:#262626}.content-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-button{border:none;border-radius:8px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a;position:relative;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.modern-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .5s,height .5s}.modern-button:hover:before{width:300px;height:300px}.modern-button:active{transform:scale(.98)}.modern-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.modern-btn-small{padding:6px 16px;font-size:13px;height:32px}.modern-btn-medium{padding:10px 24px;font-size:14px;height:40px}.modern-btn-large{padding:12px 32px;font-size:16px;height:48px}.modern-btn-primary{background:#1890ff;color:#fff}.modern-btn-primary:hover{background:#40a9ff;box-shadow:0 4px 16px #1890ff66;transform:translateY(-2px)}.modern-btn-primary.modern-btn-gradient{background:linear-gradient(135deg,#667eea,#764ba2)}.modern-btn-primary.modern-btn-gradient:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 8px 24px #667eea80}.modern-btn-secondary{background:#f0f2f5;color:#595959;border:1px solid #d9d9d9}.modern-btn-secondary:hover{background:#e6e8eb;border-color:#40a9ff;color:#1890ff;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.modern-btn-success{background:#52c41a;color:#fff}.modern-btn-success:hover{background:#73d13d;box-shadow:0 4px 16px #52c41a66;transform:translateY(-2px)}.modern-btn-success.modern-btn-gradient{background:linear-gradient(135deg,#52c41a,#237804)}.modern-btn-success.modern-btn-gradient:hover{background:linear-gradient(135deg,#73d13d,#389e0d);box-shadow:0 8px 24px #52c41a80}.modern-btn-danger{background:#ff4d4f;color:#fff}.modern-btn-danger:hover{background:#ff7875;box-shadow:0 4px 16px #ff4d4f66;transform:translateY(-2px)}.modern-btn-danger.modern-btn-gradient{background:linear-gradient(135deg,#ff4d4f,#cf1322)}.modern-btn-danger.modern-btn-gradient:hover{background:linear-gradient(135deg,#ff7875,#f5222d);box-shadow:0 8px 24px #ff4d4f80}.modern-btn-warning{background:#faad14;color:#fff}.modern-btn-warning:hover{background:#ffc53d;box-shadow:0 4px 16px #faad1466;transform:translateY(-2px)}.modern-btn-warning.modern-btn-gradient{background:linear-gradient(135deg,#faad14,#d46b08)}.modern-btn-warning.modern-btn-gradient:hover{background:linear-gradient(135deg,#ffc53d,#fa8c16);box-shadow:0 8px 24px #faad1480}.modern-btn-info{background:#1890ff;color:#fff}.modern-btn-info:hover{background:#40a9ff;box-shadow:0 4px 16px #1890ff66;transform:translateY(-2px)}.modern-btn-info.modern-btn-gradient{background:linear-gradient(135deg,#1890ff,#096dd9)}.modern-btn-info.modern-btn-gradient:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);box-shadow:0 8px 24px #1890ff80}.modern-btn-icon-left .anticon,.modern-btn-icon-left svg{margin-right:8px}.modern-btn-icon-right .icon-right{margin-left:8px;display:inline-flex;align-items:center}.modern-button .anticon,.modern-button svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.modern-button:hover .anticon,.modern-button:hover svg{transform:scale(1.1)}.modern-button.ant-btn-loading{pointer-events:none}.modern-button.ant-btn-loading .anticon-loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modern-button.glow-effect:hover{box-shadow:0 0 20px currentColor}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.modern-button.pulse-animation{animation:pulse 2s ease-in-out infinite}.modern-button.shimmer-effect{background-size:1000px 100%;animation:shimmer 2s linear infinite}@media (max-width: 768px){.modern-btn-large{padding:10px 24px;font-size:14px;height:42px}.modern-btn-medium{padding:8px 20px;font-size:13px;height:36px}.modern-btn-small{padding:6px 14px;font-size:12px;height:30px}}.sidebar-logo{display:flex;align-items:center;justify-content:center;padding:0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px;position:relative;overflow:hidden;height:120px;min-height:120px;max-height:120px}.sidebar-logo:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s;z-index:0;overflow:hidden}.sidebar-logo:hover:before{left:100%}.anje-logo-image{display:flex;align-items:center;justify-content:center;transition:all .3s cubic-in-out;position:relative;z-index:1}.logo-img{height:260px;width:auto;filter:drop-shadow(0 8px 16px rgba(255,215,0,.2));transition:all .3s cubic-in-out}.sidebar-logo:hover .anje-logo-image{transform:scale(1.1)}.sidebar-logo:hover .logo-img{filter:drop-shadow(0 12px 30px rgba(212,175,55,.7)) brightness(1.2)}.sidebar-menu{padding:0 12px}.sidebar-menu .ant-menu-item-group-title{color:#ffffff73!important;font-size:11px;font-weight:600;letter-spacing:1.5px;padding:16px 16px 8px!important;text-transform:uppercase}.sidebar-menu .ant-menu-item{margin:4px 0!important;padding:12px 16px!important;height:auto!important;line-height:1.5!important;border-radius:10px!important;color:#fffc!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden}.sidebar-menu .ant-menu-item:hover{background:#ffffff1a!important;color:#fff!important;transform:translate(4px)}.sidebar-menu .ant-menu-item-selected{background:linear-gradient(135deg,#667eea33,#764ba233)!important;color:#fff!important;font-weight:600!important;border-left:3px solid #667eea;box-shadow:0 4px 12px #667eea40}.sidebar-menu .ant-menu-item-selected:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px 0 0 2px;box-shadow:0 0 12px #667eeacc}.sidebar-menu .ant-menu-item .anticon,.sidebar-menu .ant-menu-item svg{font-size:20px!important;margin-right:12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-menu .ant-menu-item:hover .anticon,.sidebar-menu .ant-menu-item:hover svg{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,255,255,.6))}.super-admin-menu-item{background:linear-gradient(135deg,#667eea4d,#764ba24d)!important;border:1px solid rgba(102,126,234,.4)!important;margin-top:12px!important}.super-admin-menu-item:hover{background:linear-gradient(135deg,#667eea66,#764ba266)!important;border-color:#667eea99!important;box-shadow:0 0 20px #667eea66}.sidebar-menu .ant-menu-item-divider{background:#ffffff1a!important;margin:16px 0!important}.sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:16px;background:#0003;border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:12px}.user-profile{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.user-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #667eea66;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-profile:hover .user-avatar{transform:scale(1.05);box-shadow:0 6px 16px #667eea99}.user-info{display:flex;flex-direction:column;min-width:0;flex:1}.user-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.logout-btn{width:36px;height:36px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.logout-btn:hover{background:#ef444433;border-color:#ef444466;color:#ef4444;transform:scale(1.05)}.modern-sidebar::-webkit-scrollbar{width:6px}.modern-sidebar::-webkit-scrollbar-track{background:#0003}.modern-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px;transition:background .3s}.modern-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.sidebar-menu .ant-menu-item{animation:slideIn .3s ease-out backwards}.sidebar-menu .ant-menu-item:nth-child(1){animation-delay:.05s}.sidebar-menu .ant-menu-item:nth-child(2){animation-delay:.1s}.sidebar-menu .ant-menu-item:nth-child(3){animation-delay:.15s}.sidebar-menu .ant-menu-item:nth-child(4){animation-delay:.2s}.sidebar-menu .ant-menu-item:nth-child(5){animation-delay:.25s}.sidebar-menu .ant-menu-item:nth-child(6){animation-delay:.3s}.modern-header{backdrop-filter:blur(8px);background:#fffffff2!important}.modern-header .ant-input-affix-wrapper{transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-header .ant-input-affix-wrapper:focus,.modern-header .ant-input-affix-wrapper-focused{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}@media (max-width: 768px){.modern-sidebar{position:absolute!important;z-index:1000}.logo-text h2{font-size:20px}.sidebar-menu .ant-menu-item{padding:10px 12px!important}}@media (prefers-color-scheme: dark){.modern-header{background:#1a1a2ef2!important}}