*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-body);background:var(--color-bg-layout);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}::selection{background:var(--color-primary-bg);color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:var(--color-primary);transition:color var(--transition-duration) var(--transition-easing);text-decoration:none}a:hover{color:var(--color-primary-hover)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.route-enter{animation:.35s cubic-bezier(.4,0,.2,1) both fadeInUp}.stagger-container{--stagger-delay:50ms}.stagger-item{opacity:0;animation:.35s cubic-bezier(.4,0,.2,1) forwards fadeInUp;transform:translateY(20px)}.stagger-item:first-child{animation-delay:calc(var(--stagger-delay) * 1)}.stagger-item:nth-child(2){animation-delay:calc(var(--stagger-delay) * 2)}.stagger-item:nth-child(3){animation-delay:calc(var(--stagger-delay) * 3)}.stagger-item:nth-child(4){animation-delay:calc(var(--stagger-delay) * 4)}.stagger-item:nth-child(5){animation-delay:calc(var(--stagger-delay) * 5)}.stagger-item:nth-child(6){animation-delay:calc(var(--stagger-delay) * 6)}.stagger-item:nth-child(7){animation-delay:calc(var(--stagger-delay) * 7)}.stagger-item:nth-child(8){animation-delay:calc(var(--stagger-delay) * 8)}.stagger-item:nth-child(9){animation-delay:calc(var(--stagger-delay) * 9)}.stagger-item:nth-child(10){animation-delay:calc(var(--stagger-delay) * 10)}.skeleton-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite shimmer}@keyframes slideInLeft{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.ant-layout-sider .ant-menu-dark .ant-menu-item-selected{position:relative}.ant-layout-sider .ant-menu-dark .ant-menu-item-selected:before{content:"";background:linear-gradient(#1677ff,#4096ff);border-radius:0 3px 3px 0;width:3px;animation:.2s cubic-bezier(.4,0,.2,1) slideInLeft;position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 0 8px #1677ff80}@media (width>=769px){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-quaternary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}}@media (width<=768px){.mobile-card-list{flex-direction:column;gap:12px;display:flex}.mobile-card{box-shadow:var(--shadow-card);background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:16px}.mobile-card-row{justify-content:space-between;align-items:center;padding:4px 0;font-size:14px;display:flex}.mobile-card-label{color:#999;flex-shrink:0}.mobile-card-value{color:#333;text-align:right;font-weight:500}.mobile-card-actions{border-top:1px solid #f5f5f5;gap:8px;margin-top:12px;padding-top:12px;display:flex}.mobile-filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.mobile-filter-bar .ant-select,.mobile-filter-bar .ant-input-affix-wrapper{flex:1;min-width:120px}.mobile-form-actions{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));z-index:100;background:#fff;border-top:1px solid #f0f0f0;gap:12px;display:flex;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000f;position:fixed!important}.mobile-form-actions button{flex:1}.ant-modal{max-width:100vw!important;margin:0!important;top:auto!important;bottom:0!important}.ant-modal-content{max-height:90vh;overflow-y:auto;border-radius:16px 16px 0 0!important}}@media (width>=769px){.mobile-card-list,.mobile-card,.mobile-form-actions{display:none!important}}:root{--color-primary:#1677ff;--color-primary-hover:#4096ff;--color-primary-active:#0958d9;--color-primary-bg:#e6f4ff;--color-success:#52c41a;--color-success-bg:#f6ffed;--color-warning:#faad14;--color-warning-bg:#fffbe6;--color-error:#ff4d4f;--color-error-bg:#fff2f0;--color-info:#1677ff;--color-bg:#f5f5f5;--color-bg-container:#fff;--color-bg-elevated:#fff;--color-bg-layout:#f0f2f5;--color-border:#d9d9d9;--color-border-secondary:#f0f0f0;--color-text:#1f1f1f;--color-text-secondary:#8c8c8c;--color-text-tertiary:#bfbfbf;--color-text-quaternary:#d9d9d9;--color-text-heading:#141414;--color-text-body:#333;--color-text-caption:#999;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-card:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--shadow-elevated:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--shadow-popover:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--shadow-drawer:-6px 0 16px 0 #00000014, -3px 0 6px -4px #0000000d;--shadow-hover:0 6px 16px 0 #1677ff1f, 0 3px 6px -4px #1677ff14;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-xxl:32px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition-duration:.2s;--transition-duration-slow:.3s;--transition-easing:cubic-bezier(.4, 0, .2, 1);--sidebar-width:200px;--sidebar-collapsed-width:80px;--sidebar-bg:#001529;--sidebar-logo-height:64px;--header-height:64px;--bottom-nav-height:56px;--z-sidebar:100;--z-header:99;--z-bottom-nav:1000;--z-modal:1000;--z-popover:1030;--z-drawer:1000}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transition:opacity var(--transition-duration-slow) var(--transition-easing), transform var(--transition-duration-slow) var(--transition-easing);transform:translateY(0)}.content-card{background:var(--color-bg-container);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-lg);transition:box-shadow var(--transition-duration) var(--transition-easing)}.content-card:hover{box-shadow:var(--shadow-elevated)}.content-card+.content-card{margin-top:var(--spacing-md)}.ant-card{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-card)!important;transition:box-shadow var(--transition-duration) var(--transition-easing), transform var(--transition-duration) var(--transition-easing)!important}.ant-card:hover{box-shadow:var(--shadow-elevated)!important}.ant-card .ant-card-head{border-bottom:1px solid var(--color-border-secondary);min-height:48px;padding:0 var(--spacing-lg);font-weight:var(--font-weight-semibold)}.ant-card .ant-card-body{padding:var(--spacing-lg)}.ant-table-wrapper .ant-table-thead>tr>th{font-weight:var(--font-weight-semibold);white-space:nowrap}.ant-table-wrapper .ant-table-tbody>tr>td{padding:var(--spacing-sm) var(--spacing-md)}.ant-form-item{margin-bottom:var(--spacing-lg)}.ant-form-item-label>label{font-weight:var(--font-weight-medium)}.ant-btn{border-radius:var(--radius-sm);transition:all var(--transition-duration) var(--transition-easing)}.stat-icon-gradient{border-radius:var(--radius-md);color:#fff;width:48px;height:48px;margin-right:var(--spacing-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:inline-flex}.stat-icon-gradient-blue{background:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);box-shadow:0 4px 12px #1677ff4d}.stat-icon-gradient-green{background:linear-gradient(135deg,#52c41a 0%,#73d13d 100%);box-shadow:0 4px 12px #52c41a4d}.stat-icon-gradient-yellow{background:linear-gradient(135deg,#faad14 0%,#ffc53d 100%);box-shadow:0 4px 12px #faad144d}.stat-icon-gradient-red{background:linear-gradient(135deg,#ff4d4f 0%,#ff7875 100%);box-shadow:0 4px 12px #ff4d4f4d}.stat-icon-gradient-purple{background:linear-gradient(135deg,#722ed1 0%,#9254de 100%);box-shadow:0 4px 12px #722ed14d}.stat-icon-gradient-cyan{background:linear-gradient(135deg,#13c2c2 0%,#36cfc9 100%);box-shadow:0 4px 12px #13c2c24d}.stat-card-hover{cursor:pointer;transition:transform var(--transition-duration) var(--transition-easing), box-shadow var(--transition-duration) var(--transition-easing)!important}.stat-card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)!important}.stat-card-hover:active{transform:translateY(0)}.activity-timeline{padding-left:var(--spacing-xl);position:relative}.activity-timeline:before{content:"";background:var(--color-border-secondary);width:2px;position:absolute;top:4px;bottom:4px;left:11px}.activity-timeline-item{padding-bottom:var(--spacing-lg);position:relative}.activity-timeline-item:last-child{padding-bottom:0}.activity-timeline-dot{left:calc(-1 * var(--spacing-xl) + 4px);background:var(--color-primary-bg);border:3px solid var(--color-primary);z-index:1;border-radius:50%;width:16px;height:16px;position:absolute;top:4px}.activity-timeline-content{padding-left:var(--spacing-sm)}.brand-gradient-text{background:linear-gradient(135deg,#1677ff 0%,#4096ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-heading);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);display:flex}.section-title:before{content:"";background:linear-gradient(180deg, var(--color-primary), var(--color-primary-hover));border-radius:2px;width:3px;height:16px;display:inline-block}.header-search-bar{width:240px;transition:width var(--transition-duration) var(--transition-easing)}.header-search-bar:focus-within{width:320px}.notification-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);transition:background var(--transition-duration) var(--transition-easing), color var(--transition-duration) var(--transition-easing);cursor:pointer;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.notification-btn:hover{background:var(--color-primary-bg);color:var(--color-primary)}@media (width<=768px){.ant-btn,.ant-menu-item,.ant-select,.ant-picker,.ant-input-affix-wrapper,.ant-input-search-button,.ant-table-thead>tr>th,.ant-table-tbody>tr>td,.ant-form-item-control-input-content>*{min-height:44px}.ant-btn-sm{min-height:36px}.bottom-nav-item{min-height:44px;padding:8px 16px!important}.ant-modal{max-width:100vw!important;margin:0!important;top:auto!important;bottom:0!important}.ant-modal-content{max-height:90vh;overflow-y:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important}.ant-modal-header{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.mobile-card{padding:var(--spacing-md)!important}.mobile-card-row{padding:6px 0!important}.mobile-form-actions{padding:var(--spacing-md)!important;padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0))!important;gap:var(--spacing-md)!important}}@media (width>=769px){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-quaternary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}}@media print{.ant-layout-sider,.ant-layout-header,.bottom-nav,.ant-btn{display:none!important}.ant-layout-content{margin:0!important;padding:0!important}body{background:#fff!important}}