body{margin: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;background-color:#f5f5f5}#root{min-height:100vh}*{box-sizing:border-box}.ant-layout{min-height:100vh}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 992px){@keyframes fadeInLeft{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}:root{--primary-green: #52c41a;--primary-dark: #389e0d;--primary-light: #95de64;--category-production: #52c41a;--category-operations: #1890ff;--category-management: #722ed1;--category-admin: #8c8c8c;--gray-100: #f5f5f5;--gray-200: #e8e8e8;--gray-500: #8c8c8c;--gray-900: #262626;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .75);--transition-base: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1)}.sidebar-logo-container{height:72px;padding:16px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease;background:#ffffff0a}.sidebar-logo-container .logo-text{color:var(--text-primary);font-weight:600;font-size:18px;letter-spacing:.5px}.sidebar-collapsed .sidebar-logo-container .logo-text{font-size:14px}.sidebar-logo-container img{max-height:40px;max-width:100%;object-fit:contain}.menu-group{position:relative;margin:8px 0}.menu-group-title{padding:8px 24px;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;opacity:.7;margin-top:16px;margin-bottom:4px}.menu-group-divider{height:1px;background:#ffffff14;margin:16px 24px}.ant-menu-dark .ant-menu-item,.ant-menu-dark .ant-menu-submenu-title{min-height:44px!important;line-height:44px!important;margin:2px 8px!important;border-radius:6px!important;transition:all .2s ease!important;color:var(--text-secondary)!important}.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-submenu-title:hover{background-color:#ffffff14!important;color:var(--text-primary)!important}.ant-menu-dark.ant-menu-dark .ant-menu-item-selected{background-color:var(--primary-green)!important;color:#fff!important;font-weight:500;box-shadow:0 2px 8px #52c41a40}.ant-menu-dark .ant-menu-item:focus-visible,.ant-menu-dark .ant-menu-submenu-title:focus-visible{outline:2px solid var(--primary-green)!important;outline-offset:-2px!important}.menu-item-production .anticon{color:var(--category-production)}.menu-item-operations .anticon{color:var(--category-operations)}.menu-item-management .anticon{color:var(--category-management)}.menu-item-admin .anticon{color:var(--category-admin)}.ant-menu-dark .ant-menu-item>span,.ant-menu-dark .ant-menu-submenu-title>span{color:inherit!important}.ant-menu-dark .ant-menu-sub{background:#0003!important}.ant-menu-dark .ant-menu-sub .ant-menu-item{padding-left:48px!important;min-height:40px!important;line-height:40px!important}.ant-menu-inline-collapsed>.ant-menu-item,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title{padding:0 calc(50% - 8px)!important}.ant-layout-sider::-webkit-scrollbar{width:6px}.ant-layout-sider::-webkit-scrollbar-track{background:#ffffff0d}.ant-layout-sider::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.ant-layout-sider::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.ant-layout-sider{position:fixed!important;left:0;top:0;bottom:0;z-index:1000;height:100vh!important;overflow-y:auto}.ant-layout.ant-layout-has-sider{margin-left:200px;transition:margin-left .2s ease;min-height:100vh}.ant-layout.ant-layout-has-sider.sidebar-collapsed{margin-left:80px}.ant-layout-has-sider>.ant-layout{min-height:100vh;display:flex;flex-direction:column}.ant-layout-has-sider .ant-layout-header{flex-shrink:0}.ant-layout-has-sider .ant-layout-content{flex:1;overflow:auto;display:flex;flex-direction:column}@media (max-width: 768px){.ant-layout{margin-left:0!important}.ant-layout-sider-collapsed{width:0!important;min-width:0!important;max-width:0!important}.sidebar-mobile-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;z-index:999}}@media (min-width: 769px) and (max-width: 1023px){.ant-layout.sidebar-collapsed{margin-left:80px}}.menu-item-disabled{opacity:.4;cursor:not-allowed!important;pointer-events:none}.menu-item-badge{position:absolute;top:8px;right:16px;background:#ff4d4f;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600}.ant-layout-sider,.ant-layout-sider-collapsed{transition:var(--transition-base)!important}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.ant-menu-item,.ant-menu-submenu-title{animation:slideInFromLeft .3s ease-out;animation-fill-mode:both}.ant-menu-item:nth-child(1){animation-delay:.05s}.ant-menu-item:nth-child(2){animation-delay:.1s}.ant-menu-item:nth-child(3){animation-delay:.15s}.ant-menu-item:nth-child(4){animation-delay:.2s}.ant-menu-item:nth-child(5){animation-delay:.25s}.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-submenu-title:hover{transform:translate(4px);box-shadow:0 2px 8px #00000026}@keyframes pulse{0%{box-shadow:0 0 #52c41a66}70%{box-shadow:0 0 0 10px #52c41a00}to{box-shadow:0 0 #52c41a00}}.ant-menu-dark.ant-menu-dark .ant-menu-item-selected{animation:pulse 2s infinite}.menu-item-active-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--primary-green);border-radius:0 2px 2px 0;transition:var(--transition-fast)}.menu-notification-count{position:absolute;top:12px;right:24px;min-width:18px;height:18px;padding:0 4px;background:#ff4d4f;color:#fff;font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;animation:slideInFromLeft .3s ease-out}.sidebar-mobile-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease-out;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-item-production.ant-menu-item-selected,.menu-item-production .ant-menu-submenu-selected{background:linear-gradient(135deg,var(--category-production),var(--primary-dark))!important}.menu-item-production:hover{border-left:3px solid var(--category-production);padding-left:21px!important}.menu-item-operations.ant-menu-item-selected,.menu-item-operations .ant-menu-submenu-selected{background:linear-gradient(135deg,var(--category-operations),#096dd9)!important}.menu-item-operations:hover{border-left:3px solid var(--category-operations);padding-left:21px!important}.menu-item-management.ant-menu-item-selected,.menu-item-management .ant-menu-submenu-selected{background:linear-gradient(135deg,var(--category-management),#531dab)!important}.menu-item-management:hover{border-left:3px solid var(--category-management);padding-left:21px!important}.menu-item-admin.ant-menu-item-selected,.menu-item-admin .ant-menu-submenu-selected{background:linear-gradient(135deg,var(--category-admin),#595959)!important}.menu-item-admin:hover{border-left:3px solid var(--category-admin);padding-left:21px!important}@media (min-width: 768px) and (max-width: 1023px){.ant-layout-sider:not(.ant-layout-sider-collapsed){box-shadow:2px 0 8px #00000026}.ant-layout-sider-collapsed .ant-menu-item{position:relative}.ant-layout-sider-collapsed .ant-menu-item:after{content:attr(data-tooltip);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:8px;padding:4px 8px;background:#000000d9;color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s}.ant-layout-sider-collapsed .ant-menu-item:hover:after{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.menu-loading-skeleton{height:40px;margin:8px 16px;border-radius:6px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}