.modern-layout{background:var(--color-gray-50);position:relative;min-height:100vh}.modern-layout .site-layout{margin-left:0!important}.modern-sider{background:var(--color-white)!important;box-shadow:var(--shadow-lg);position:fixed!important;left:0;top:0;bottom:0;height:100vh;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--color-gray-100);transition:all var(--duration-normal) var(--easing-ease-in-out);z-index:100}.modern-sider.ant-layout-sider-collapsed{width:80px!important;min-width:80px!important}.modern-sider.ant-layout-sider-collapsed .sidebar-logo{max-width:40px}.modern-sider.ant-layout-sider-collapsed .user-details{display:none}.modern-sider.ant-layout-sider-collapsed .ant-menu-item{padding-left:24px!important;padding-right:24px!important}.modern-sider.ant-layout-sider-collapsed .ant-menu-item span{display:none}.modern-sider:before{display:none}.sider-header{padding:var(--spacing-5);border-bottom:1px solid var(--color-gray-100);position:relative;z-index:1;background:var(--color-white);display:flex;align-items:center;justify-content:center;min-height:80px}.logo-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);transition:all var(--duration-normal) var(--easing-ease-in-out);border-radius:var(--radius-md)}.logo-container:hover{background:var(--color-gray-50)}.sidebar-logo{width:100%;max-width:180px;height:auto;object-fit:contain;transition:all var(--duration-normal) var(--easing-ease-in-out);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.modern-menu{background:var(--color-white)!important;border:none!important;padding:var(--spacing-4) var(--spacing-3);padding-bottom:120px}.modern-menu .ant-menu-item{border-radius:var(--radius-base);margin:var(--spacing-1) 0;height:48px;line-height:48px;color:var(--color-gray-600);font-weight:500;font-size:var(--font-size-sm);transition:all var(--duration-normal) var(--easing-ease-in-out);display:flex;align-items:center;gap:var(--spacing-3);position:relative;overflow:hidden}.modern-menu .ant-menu-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary-500);transform:scaleY(0);transition:transform var(--duration-normal) var(--easing-ease-in-out);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.modern-menu .ant-menu-item .anticon,.modern-menu .ant-menu-item svg{font-size:18px;min-width:18px;transition:all var(--duration-normal) var(--easing-ease-in-out)}.modern-menu .ant-menu-item:hover{background:var(--color-gray-50)!important;color:var(--color-primary-600);transform:translate(4px)}.modern-menu .ant-menu-item:hover .anticon,.modern-menu .ant-menu-item:hover svg{color:var(--color-primary-500);transform:scale(1.1)}.modern-menu .ant-menu-item-selected{background:var(--color-primary-50)!important;color:var(--color-primary-700)!important;font-weight:600;transform:translate(4px)}.modern-menu .ant-menu-item-selected:before{transform:scaleY(1)}.modern-menu .ant-menu-item-selected .anticon,.modern-menu .ant-menu-item-selected svg{color:var(--color-primary-600);transform:scale(1.1)}.modern-menu .ant-menu-item-selected:after{display:none}.sider-footer{position:fixed;bottom:0;left:0;width:280px;padding:var(--spacing-4);border-top:1px solid var(--color-gray-100);background:var(--color-white);z-index:101;transition:width var(--duration-normal) var(--easing-ease-in-out)}.modern-sider.ant-layout-sider-collapsed .sider-footer{width:80px}.user-info-card{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-md);background:var(--color-gray-50);transition:all var(--duration-normal) var(--easing-ease-in-out);cursor:pointer;border:1px solid var(--color-gray-100)}.user-info-card:hover{background:var(--color-primary-50);border-color:var(--color-primary-200);transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-avatar{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);font-weight:600;box-shadow:var(--shadow-sm);border:2px solid var(--color-white)}.user-details{flex:1}.user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-900);margin-bottom:2px;line-height:1.3}.user-role{font-size:var(--font-size-xs);color:var(--color-gray-500);line-height:1.3}.modern-header{background:var(--color-white)!important;padding:0 16px!important;height:56px!important;display:flex;align-items:center;justify-content:space-between;position:fixed!important;top:0;right:0;left:280px;z-index:99;border-bottom:1px solid var(--color-gray-100);box-shadow:var(--shadow-base);transition:left var(--duration-normal) var(--easing-ease-in-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modern-layout .ant-layout-sider-collapsed+.site-layout .modern-header{left:80px}.header-left{flex:1;display:flex;align-items:center;gap:12px;height:56px}.menu-icon{font-size:18px;color:var(--color-gray-600);cursor:pointer;transition:all var(--duration-normal) var(--easing-ease-in-out);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-base);background:var(--color-gray-50);border:1px solid var(--color-gray-200)}.menu-icon:hover{color:var(--color-primary-600);background:var(--color-primary-50);border-color:var(--color-primary-200);transform:scale(1.05)}.header-search{max-width:400px;border-radius:var(--radius-full);border:1px solid var(--color-gray-200);height:36px;background:var(--color-gray-50);transition:all var(--duration-normal) var(--easing-ease-in-out)}.header-search .ant-input{border:none;background:transparent;height:34px;font-size:13px}.header-search .ant-input-prefix{margin-right:8px;color:var(--color-gray-400)}.header-search:hover,.header-search:focus-within{border-color:var(--color-primary-300);background:var(--color-white);box-shadow:0 0 0 2px #3b82f61a}.header-right{display:flex;align-items:center;gap:12px;height:56px}.header-bell-icon{font-size:18px;color:var(--color-gray-600);cursor:pointer;transition:all var(--duration-normal) var(--easing-ease-in-out);display:flex;align-items:center;padding:8px;border-radius:var(--radius-base)}.header-bell-icon:hover{color:var(--color-primary-600);background:var(--color-primary-50);transform:scale(1.1)}.notification-badge{display:flex;align-items:center;height:100%}.notification-badge .ant-badge-count{background:linear-gradient(135deg,var(--color-error) 0%,#dc2626 100%);box-shadow:0 2px 4px #ef44444d;border:2px solid var(--color-white);font-size:10px;font-weight:600;min-width:18px;height:18px;line-height:14px}.user-menu{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--easing-ease-in-out);height:40px;border:1px solid transparent}.user-menu:hover{background:var(--color-gray-50);border-color:var(--color-gray-200);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.user-avatar-header{font-weight:600;flex-shrink:0;background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);box-shadow:var(--shadow-sm);border:2px solid var(--color-white);width:32px;height:32px;font-size:14px}.user-info-header{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.3}.user-name-header{font-weight:600;color:var(--color-gray-900);font-size:13px;line-height:1.3}.user-role-header{font-size:11px;color:var(--color-gray-500);line-height:1.3}.modern-content{background:var(--color-gray-50)!important;min-height:calc(100vh - 56px);padding:68px 12px 12px!important}.modern-layout .site-layout{margin-left:280px!important;transition:margin-left var(--duration-normal) var(--easing-ease-in-out)}.modern-layout .ant-layout-sider-collapsed+.site-layout{margin-left:80px!important}.content-wrapper{max-width:1600px;margin:0 auto}.content-wrapper-full{width:100%;max-width:100%}.ant-card{border-radius:var(--radius-md);box-shadow:var(--shadow-base);border:1px solid var(--color-gray-100);transition:all var(--duration-slow) var(--easing-ease-in-out);overflow:hidden}.ant-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--color-gray-200)}.ant-card-head{background:var(--color-white);border-bottom:1px solid var(--color-gray-100);padding:var(--spacing-5) var(--spacing-6)}.ant-btn-primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border:none;border-radius:var(--radius-base);font-weight:600;box-shadow:0 2px 4px #3b82f633;transition:all var(--duration-normal) var(--easing-ease-in-out)}.ant-btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%)!important;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.ant-table{border-radius:var(--radius-md);overflow:hidden}.ant-table-thead>tr>th{background:var(--color-gray-50);color:var(--color-gray-700);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-gray-100)}.ant-input,.ant-input-number,.ant-select-selector{border-radius:var(--radius-base);border:1px solid var(--color-gray-200);transition:all var(--duration-normal) var(--easing-ease-in-out)}.ant-modal-content{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-2xl)}.ant-modal-header{background:var(--color-white);border-bottom:1px solid var(--color-gray-100);padding:var(--spacing-5) var(--spacing-6)}.ant-modal-title{color:var(--color-gray-900);font-weight:600;font-size:var(--font-size-lg)}.ant-modal-close{color:var(--color-gray-500);transition:all var(--duration-normal) var(--easing-ease-in-out)}.ant-modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.ant-tabs-tab{border-radius:var(--radius-base) var(--radius-base) 0 0;font-weight:500;transition:all var(--duration-normal) var(--easing-ease-in-out)}.ant-tabs-tab-active{background:transparent}@media (max-width: 768px){.modern-sider{width:80px!important;min-width:80px!important}.sidebar-logo{max-width:40px}.user-details,.user-info-header{display:none}.modern-header{padding:0 10px!important;left:80px!important;height:52px!important}.header-left,.header-right{height:52px;gap:8px}.header-search{max-width:150px;height:32px}.header-search .ant-input{height:30px;font-size:12px}.menu-icon{width:32px;height:32px;font-size:16px}.header-bell-icon{font-size:16px;padding:6px}.user-avatar-header{width:28px;height:28px;font-size:12px}.modern-content{padding:60px 8px 8px!important}.modern-layout .site-layout{margin-left:80px!important}.sider-footer{width:80px!important}.user-info-card{justify-content:center}}@media (max-width: 480px){.modern-header{padding:0 8px!important;height:48px!important}.header-left,.header-right{gap:6px;height:48px}.header-search{display:none}.menu-icon{width:30px;height:30px}.user-menu{padding:4px 6px;height:36px}.user-avatar-header{width:26px;height:26px;font-size:11px}.modern-content{padding:54px 6px 6px!important}}.notification-bell-button{display:flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:50%;transition:all .3s ease}.notification-bell-button:hover{background:#0000000d}.notification-dropdown-modern{width:420px;max-height:600px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;overflow:hidden}.notification-header-modern{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:#fff}.notification-header-modern h3{margin:0;font-size:18px;font-weight:600;color:#262626}.notification-badge-count{background:#10b981;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.notification-list-modern{max-height:450px;overflow-y:auto}.notification-list-modern::-webkit-scrollbar{width:6px}.notification-list-modern::-webkit-scrollbar-track{background:#f5f5f5}.notification-list-modern::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.notification-list-modern::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.notification-item-modern{padding:16px 24px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f5f5f5;display:flex;gap:12px;align-items:flex-start}.notification-item-modern:hover{background:#fafafa}.notification-item-modern.unread{background:#e6f7ff}.notification-item-modern.unread:hover{background:#d6f0ff}.notification-icon-modern{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-top:2px}.notification-dot-unread{width:10px;height:10px;background:#1890ff;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.notification-content-modern{flex:1;min-width:0}.notification-title-modern{font-weight:600;color:#262626;font-size:14px;margin-bottom:4px;line-height:1.4}.notification-message-modern{color:#595959;font-size:13px;line-height:1.5;margin-bottom:6px;word-wrap:break-word}.notification-time-modern{color:#8c8c8c;font-size:12px}.notification-footer-modern{padding:12px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;background:#fafafa}.notification-footer-modern .ant-btn-link{padding:0;height:auto;font-size:13px}.notification-confirm-modal .ant-modal-content{border-radius:16px;overflow:hidden}.notification-modal-content{text-align:center;padding:20px}.notification-modal-icon{margin-bottom:24px}.notification-modal-icon-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#e6f7ff,#bae7ff);display:flex;align-items:center;justify-content:center;margin:0 auto;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.notification-modal-title{font-size:20px;font-weight:600;color:#262626;margin:0 0 12px}.notification-modal-message{font-size:14px;color:#595959;line-height:1.6;margin:0 0 8px}.notification-modal-time{font-size:12px;color:#8c8c8c;margin:0 0 32px}.notification-modal-actions{display:flex;gap:12px;justify-content:center}.notification-accept-btn{background:#10b981!important;border-color:#10b981!important;border-radius:8px;height:44px;padding:0 32px;font-weight:500;box-shadow:0 2px 8px #10b9814d}.notification-accept-btn:hover{background:#059669!important;border-color:#059669!important;box-shadow:0 4px 12px #10b98166}.notification-reject-btn{border-radius:8px;height:44px;padding:0 32px;font-weight:500;border-color:#ff4d4f;color:#ff4d4f}.notification-reject-btn:hover{background:#ff4d4f!important;border-color:#ff4d4f!important;color:#fff!important}.search-input-field{height:40px;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fafbfc;font-size:14px;display:flex;align-items:center}.search-input-field input{font-size:14px;height:40px;line-height:40px;padding:0 40px 0 52px}.search-input-field .ant-input-prefix{margin-right:8px;position:static}.search-input-field .ant-input-clear-icon{position:absolute;right:12px;display:flex;align-items:center;height:100%}.search-input-field:hover{border-color:#3b82f6;background:#fff}.search-input-field:focus-within{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614;background:#fff}@media (max-width: 768px){.search-input-field{width:100%!important}}.clinic-management{padding:22px;min-height:100vh}.clinic-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.clinic-header h2{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px;line-height:1.2;letter-spacing:-.5px}.clinic-subtitle{font-size:14px;color:#64748b;margin:0;font-weight:400;line-height:1.5}.clinic-search-section{background:#fff;padding:24px;border-radius:20px;margin-bottom:24px;box-shadow:0 4px 20px #0000000f;border:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.clinic-search-section:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.clinic-refresh-button{border-radius:12px;height:40px;font-weight:500;border:1px solid #e2e8f0;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff}.clinic-refresh-button:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px);box-shadow:0 2px 8px #00000014}.clinic-add-button{border-radius:10px;height:44px;padding:0 24px;font-weight:600;font-size:15px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 12px #3b82f64d;transition:all .2s ease}.clinic-add-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.clinic-table-container{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000f;border:none}.clinic-table-container .ant-table{font-size:14px}.clinic-table-container .ant-table-thead>tr>th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);color:#475569;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;padding:16px}.clinic-table-container .ant-table-tbody>tr{transition:all .2s ease}.clinic-table-container .ant-table-tbody>tr:hover>td{background:#f8fafc}.clinic-table-container .ant-table-tbody>tr>td{padding:16px;border-bottom:1px solid #f1f5f9}.clinic-contact-info{display:flex;flex-direction:column;gap:6px}.clinic-contact-item{font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px}.clinic-status-tag{border-radius:20px;font-weight:500;padding:4px 12px;font-size:12px}.clinic-action-button{border-radius:8px;transition:all .2s ease;border:1.5px solid #e2e8f0}.clinic-edit-button:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633}.clinic-delete-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #ef444433}.clinic-modal .ant-modal-content{border-radius:24px;box-shadow:0 20px 60px #0003;border:none;overflow:hidden}.clinic-modal .ant-modal-header{padding:20px 24px;border-bottom:none;background:#fff;border-radius:24px 24px 0 0}.clinic-modal .ant-modal-title{font-size:18px;font-weight:600;color:#1a202c}.clinic-modal .ant-modal-body{padding:0 24px 24px;max-height:65vh;overflow-y:auto}.clinic-modal .ant-modal-body::-webkit-scrollbar{width:6px}.clinic-modal .ant-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.clinic-modal .ant-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.clinic-modal .ant-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.clinic-modal .ant-modal-footer{padding:16px 24px;border-top:1px solid #f1f5f9;background:#fafbfc;border-radius:0 0 24px 24px}.clinic-modal .ant-form-item{margin-bottom:16px}.clinic-modal .ant-form-item-label>label{font-size:12px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.clinic-modal .ant-input,.clinic-modal .ant-select-selector,.clinic-modal .ant-input-number,.clinic-modal .ant-picker{min-height:38px;border-radius:12px;font-size:14px;border:1px solid #e2e8f0;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fafbfc}.clinic-modal .ant-input:hover,.clinic-modal .ant-select-selector:hover,.clinic-modal .ant-input-number:hover,.clinic-modal .ant-picker:hover{border-color:#3b82f6;background:#fff}.clinic-modal .ant-input:focus,.clinic-modal .ant-select-focused .ant-select-selector,.clinic-modal .ant-input-number:focus,.clinic-modal .ant-picker-focused{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f614}.clinic-gps-card{border-radius:16px;border:none;box-shadow:0 2px 8px #0000000a;background:#f8fafc}.clinic-gps-card .ant-card-head{background:transparent;border-bottom:none;border-radius:16px 16px 0 0;padding:16px 20px}.clinic-gps-card .ant-card-head-title{font-size:13px;font-weight:600;color:#475569}.clinic-gps-card .ant-card-body{padding:20px}.clinic-gps-button{border-radius:8px;font-weight:500;border:1.5px solid #3b82f6;color:#3b82f6;transition:all .2s ease}.clinic-gps-button:hover{background:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f640}.clinic-auto-order-card,.clinic-contact-card,.clinic-config-item-card{border-radius:16px;border:none;box-shadow:0 2px 8px #0000000a;background:#f8fafc}.clinic-auto-order-card .ant-card-head,.clinic-contact-card .ant-card-head,.clinic-config-item-card .ant-card-head{background:transparent;border-bottom:none;border-radius:16px 16px 0 0;padding:16px 20px}.clinic-auto-order-card .ant-card-head-title,.clinic-contact-card .ant-card-head-title,.clinic-config-item-card .ant-card-head-title{font-size:13px;font-weight:600;color:#475569}.clinic-auto-order-card .ant-card-body,.clinic-contact-card .ant-card-body,.clinic-config-item-card .ant-card-body{padding:20px}@media (max-width: 768px){.clinic-management{padding:16px}.clinic-header h2{font-size:24px}.clinic-search-input{min-width:100%}.clinic-modal .ant-modal-body{padding:16px}}.dashboard-container{padding:12px;background:#f8f9fa;min-height:calc(100vh - 64px)}.dashboard-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:flex-start}.dashboard-header h1{font-size:20px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.3}.dashboard-subtitle{font-size:13px;color:#666;margin:4px 0 0;font-weight:400}.dashboard-welcome{display:flex;align-items:center;justify-content:center;height:calc(100vh - 200px);background:var(--color-white);border-radius:var(--radius-xl);margin:var(--spacing-6);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-100)}.welcome-content{text-align:center;color:var(--color-gray-700);padding:var(--spacing-12)}.welcome-icon{font-size:80px;margin-bottom:var(--spacing-6);animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.welcome-content h1{font-size:var(--font-size-4xl);font-weight:700;margin:0 0 var(--spacing-4) 0;color:var(--color-gray-900);line-height:1.2}.welcome-content p{font-size:var(--font-size-lg);color:var(--color-gray-600);margin:0;font-weight:400}.filter-card{margin-bottom:16px;border-radius:12px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;background:#fff;transition:all .2s ease}.filter-card:hover{box-shadow:0 2px 6px #0000001a}.filter-card .ant-card-body{padding:12px 16px}.filter-header{margin-bottom:12px}.filter-header h3{font-size:15px;font-weight:600;color:#1a1a1a;margin:0}.filter-item{display:flex;flex-direction:column;gap:6px}.filter-item label{font-size:12px;font-weight:500;color:#4b5563}.stats-row{margin-bottom:16px}.stat-card{border-radius:12px;box-shadow:0 1px 3px #00000014;transition:all .2s ease;border:1px solid #e5e7eb;position:relative;overflow:hidden;background:#fff}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb);transform:scaleX(0);transition:transform .3s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-card .ant-card-body{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.stat-card-header{display:flex;align-items:center;gap:10px}.stat-title{flex:1;font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1.3}.stat-value{font-size:18px;font-weight:700;line-height:1.2;margin-top:4px}.stat-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.stat-card:hover .stat-icon{transform:scale(1.05)}.stat-card-blue .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f633}.stat-card-green .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98133}.stat-card-orange .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b33}.stat-card-purple .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px #8b5cf633}.stat-card-primary .stat-icon{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 2px 8px #0ea5e933}.charts-row{margin-bottom:16px}.chart-card{border-radius:12px;box-shadow:0 1px 3px #00000014;transition:all .2s ease;border:1px solid #e5e7eb;background:#fff;overflow:hidden;position:relative}.chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb,#3b82f6);opacity:0;transition:opacity .3s ease}.chart-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.chart-card:hover:before{opacity:1}.chart-card .ant-card-head{border-bottom:1px solid #e5e7eb;background:#fafafa;border-radius:12px 12px 0 0;padding:12px 16px;min-height:auto}.chart-card .ant-card-head-title{font-size:15px;font-weight:600;color:#1a1a1a;padding:0}.chart-card .ant-card-body{padding:16px;background:#fff}.dashboard-table-section{margin-top:var(--spacing-10)}.dashboard-recent-orders{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-100);overflow:hidden;position:relative;margin:var(--spacing-6) 0}.dashboard-recent-orders:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-success) 0%,#059669 50%,var(--color-success) 100%);opacity:0;transition:opacity var(--duration-slow) var(--easing-ease-in-out)}.dashboard-recent-orders:hover:before{opacity:1}.dashboard-recent-orders .ant-card-head{background:linear-gradient(135deg,var(--color-gray-25) 0%,var(--color-white) 100%);border-bottom:1px solid var(--color-gray-100);padding:var(--spacing-6) var(--spacing-8)}.dashboard-recent-orders .ant-card-head-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-gray-900);letter-spacing:-.025em}.dashboard-recent-orders .ant-card-body{padding:0}.chart-section{margin:var(--spacing-8) 0}.chart-section:first-child{margin-top:0}@media (max-width: 768px){.dashboard-container{padding:8px}.dashboard-header h1{font-size:18px}.dashboard-subtitle{font-size:12px}.stat-card .ant-card-body{padding:10px 12px}.stat-icon{width:32px;height:32px}.stat-title{font-size:10px}.stat-value{font-size:16px}.chart-card .ant-card-body{padding:12px}.chart-card .ant-card-head{padding:10px 12px}.chart-card .ant-card-head-title{font-size:14px}.filter-card .ant-card-body{padding:10px 12px}.filter-item label{font-size:11px}}.login-container{min-height:100vh;height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:20px;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:50%;z-index:0}.login-container:after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:linear-gradient(135deg,#764ba215,#667eea15);border-radius:50%;z-index:0}.login-content{position:relative;z-index:1;width:100%;max-width:440px;max-height:90vh;overflow-y:auto}.login-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;overflow:hidden;border:1px solid #f0f0f0}.login-card .ant-card-body{padding:0}.login-header{text-align:center;padding:48px 32px 32px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.login-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:#fff;border-radius:30px 30px 0 0}.login-logo{width:100px;height:100px;margin:0 auto 20px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0000001f;position:relative;z-index:1}.logo-image{width:80%;height:80%;object-fit:contain}.login-title{font-size:26px;font-weight:700;margin:0 0 8px;color:#fff;position:relative;z-index:1}.login-subtitle{font-size:15px;margin:0;color:#ffffffe6;position:relative;z-index:1}.login-form{padding:32px 32px 24px}.login-form .ant-form-item{margin-bottom:20px}.login-input{height:48px;border-radius:12px;font-size:15px;border:2px solid #e8e8e8;transition:all .3s ease;background:#fafafa}.login-input:hover{border-color:#d0d0d0;background:#fff}.login-input:focus,.login-input.ant-input-focused{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea14}.login-form .ant-input-prefix{color:#999;font-size:16px;margin-right:12px}.login-form .ant-input-affix-wrapper{padding:0 16px;background:#fafafa;border:2px solid #e8e8e8;border-radius:12px;transition:all .3s ease}.login-form .ant-input-affix-wrapper:hover{border-color:#d0d0d0;background:#fff}.login-form .ant-input-affix-wrapper-focused{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea14}.login-button{height:48px;border-radius:12px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 16px #667eea4d;transition:all .3s ease;margin-top:8px}.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)}.login-footer{text-align:center;padding:20px 32px 32px;background:#fafafa;border-top:1px solid #f0f0f0}.login-footer p{font-size:13px;color:#999;margin:0;font-weight:500}@media (max-width: 480px){.login-container{padding:16px}.login-container:before,.login-container:after{display:none}.login-content{max-height:95vh}.login-header{padding:40px 24px 24px}.login-logo{width:80px;height:80px}.login-title{font-size:22px}.login-subtitle{font-size:14px}.login-form{padding:24px 24px 20px}.login-input,.login-button{height:44px}.login-footer{padding:16px 24px 24px}}@media (max-width: 360px){.login-header{padding:32px 20px 20px}.login-logo{width:70px;height:70px}.login-title{font-size:20px}.login-form{padding:20px 20px 16px}.login-input,.login-button{height:42px;font-size:14px}.login-footer{padding:14px 20px 20px}}.login-button:disabled{opacity:.7;cursor:not-allowed}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:fadeInUp .5s ease}.sample-collection-page{min-height:100vh;max-width:100vw;overflow-x:hidden;padding:24px}.page-header{margin-bottom:24px;background:transparent;padding:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.page-header h2{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px;line-height:1.2;letter-spacing:-.5px}.header-subtitle{font-size:14px;color:#64748b;margin:0;font-weight:400;line-height:1.5}.page-header .ant-space{flex-wrap:wrap}.page-header .ant-btn{border-radius:10px;height:44px;padding:0 20px;font-weight:600;font-size:14px;transition:all .2s ease;border:1.5px solid #e2e8f0}.page-header .ant-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 12px #3b82f64d}.page-header .ant-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.page-header .ant-btn:not(.ant-btn-primary):hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.filter-section{display:flex;gap:10px;margin-bottom:24px;background:#fff;padding:24px;border-radius:20px;box-shadow:0 4px 20px #0000000f}.filter-section:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.filter-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.filter-left .ant-select,.filter-left .ant-picker{height:40px;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-left .ant-select .ant-select-selector,.filter-left .ant-picker{height:40px;line-height:40px;border-radius:12px;border:1px solid #e2e8f0;background:#fafbfc;display:flex;align-items:center}.filter-left .ant-select .ant-select-selection-item,.filter-left .ant-select .ant-select-selection-placeholder{line-height:38px}.filter-left .ant-select:hover .ant-select-selector,.filter-left .ant-picker:hover{border-color:#3b82f6;background:#fff}.status-tabs{margin-bottom:24px;background:#fff;border-radius:20px;padding:16px;box-shadow:0 4px 20px #0000000f;border:none}.status-tabs .ant-tabs-nav{margin:0}.status-tabs .ant-tabs-tab{border-radius:10px;margin:4px;padding:10px 18px;font-weight:600;font-size:14px;transition:all .2s ease;border:1.5px solid transparent;color:#64748b}.status-tabs .ant-tabs-tab:hover{background:#f8fafc;color:#3b82f6}.status-tabs .ant-tabs-tab-active{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd;color:#1e40af;box-shadow:0 2px 8px #3b82f626}.status-tabs .ant-tabs-ink-bar{display:none}.priority-row{background:linear-gradient(90deg,#fef2f2,#fee2e2)!important;border-left:4px solid #ef4444!important;box-shadow:0 2px 8px #ef444426!important}.priority-row:hover{background:linear-gradient(90deg,#fee2e2,#fecaca)!important;box-shadow:0 4px 12px #ef444433!important}.highlighted-row{animation:highlightPulse 3s ease-in-out;background:linear-gradient(90deg,#e9d5ff,#f3e8ff,#e9d5ff)!important;border-left:4px solid #9333ea!important;box-shadow:0 0 20px #9333ea4d!important}@keyframes highlightPulse{0%{background:linear-gradient(90deg,#e9d5ff,#f3e8ff,#e9d5ff);box-shadow:0 0 20px #9333ea80}50%{background:linear-gradient(90deg,#ddd6fe,#ede9fe,#ddd6fe);box-shadow:0 0 30px #9333ea99}to{background:linear-gradient(90deg,#e9d5ff,#f3e8ff,#e9d5ff);box-shadow:0 0 20px #9333ea4d}}.sample-collection-page .ant-table{background:#fff;border-radius:20px;overflow:hidden}.sample-collection-page .ant-table-thead>tr>th{text-align:center!important;background:#f8fafc;color:#475569;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f1f5f9;padding:16px}.sample-collection-page .ant-table-tbody>tr>td{text-align:center!important;padding:16px;border-bottom:1px solid #f8fafc;font-size:14px}.sample-collection-page .ant-table-tbody>tr{transition:all .2s cubic-bezier(.4,0,.2,1)}.sample-collection-page .ant-table-tbody>tr:hover>td{background:#f8fafc}.sample-collection-page .ant-table-fixed-left{z-index:2;box-shadow:4px 0 8px #0000000f}.sample-collection-page .ant-table-fixed-right{z-index:2;box-shadow:-4px 0 8px #0000000f}.sample-collection-page .ant-table-tbody>tr>td.ant-table-cell-fix-left,.sample-collection-page .ant-table-tbody>tr>td.ant-table-cell-fix-right{background:#fff;position:sticky}.sample-collection-page .ant-table-thead>tr>th.ant-table-cell-fix-left,.sample-collection-page .ant-table-thead>tr>th.ant-table-cell-fix-right{background:linear-gradient(180deg,#f8fafc,#f1f5f9);position:sticky}.sample-collection-page .ant-tag{border-radius:20px;font-weight:500;padding:4px 12px;font-size:12px;border:none}.sample-collection-page .ant-btn{border-radius:8px;font-weight:500;transition:all .2s ease;border:1.5px solid #e2e8f0}.sample-collection-page .ant-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.sample-collection-page .ant-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 2px 8px #3b82f640}.sample-collection-page .ant-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f659}.sample-collection-page .ant-pagination{margin-top:24px}.sample-collection-page .ant-pagination-item{border-radius:8px;border:1.5px solid #e2e8f0;transition:all .2s ease}.sample-collection-page .ant-pagination-item:hover{border-color:#3b82f6;transform:translateY(-1px)}.sample-collection-page .ant-pagination-item-active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 2px 8px #3b82f640}.sample-collection-page .ant-pagination-item-active a{color:#fff}@media (min-width: 1600px){.filter-left{flex-wrap:nowrap;justify-content:space-between}}@media (max-width: 1599px) and (min-width: 1200px){.filter-left{flex-wrap:wrap;gap:12px}.filter-left>*{margin-bottom:0}}@media (max-width: 1199px){.sample-collection-page{padding:16px}.filter-left{flex-wrap:wrap;gap:12px}.filter-left>*{margin-bottom:0}}@media (max-width: 768px){.sample-collection-page{padding:16px}.page-header h2{font-size:24px}.header-subtitle{font-size:13px}.filter-section{padding:16px}.filter-left{flex-direction:column;width:100%;gap:12px}.filter-left>*{width:100%!important;margin-bottom:0}.status-tabs{padding:8px}.status-tabs .ant-tabs-tab{padding:8px 14px;font-size:13px}.sample-collection-page .ant-table-thead>tr>th,.sample-collection-page .ant-table-tbody>tr>td{padding:12px;font-size:13px}}.schedule-management{padding:24px;background:#f8f9fa;min-height:100vh}.schedule-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.schedule-header h2{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 4px;line-height:1.3}.schedule-subtitle{font-size:13px;color:#666;margin:0;font-weight:400}.schedule-filters{background:#fff;padding:12px 14px;border-radius:12px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;flex-wrap:wrap;gap:10px}.schedule-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.schedule-modal .ant-modal-content{border-radius:12px;box-shadow:0 4px 16px #00000026}.schedule-modal .ant-modal-header{padding:14px 16px;border-bottom:1px solid #e5e7eb}.schedule-modal .ant-modal-title{font-size:16px;font-weight:600}.schedule-modal .ant-modal-body{padding:16px;max-height:70vh;overflow-y:auto}.schedule-modal .ant-modal-footer{padding:12px 16px;border-top:1px solid #e5e7eb;background:#fafafa}.schedule-modal .ant-form-item{margin-bottom:14px}.schedule-modal .ant-form-item-label>label{font-size:12px;font-weight:500;color:#4b5563}.schedule-modal .ant-input,.schedule-modal .ant-select-selector,.schedule-modal .ant-picker{min-height:36px;border-radius:8px;font-size:13px}@media (max-width: 768px){.schedule-management{padding:8px}.schedule-header h1{font-size:18px}.schedule-modal .ant-modal-body{padding:12px}}.schedule-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;margin-bottom:16px;position:relative}.schedule-table-container{overflow-x:auto;overflow-y:visible;position:relative}.schedule-table{width:max-content;border-collapse:collapse;font-size:16px}.schedule-table thead th{background:#f8f9fa;padding:14px 10px;font-size:15px;font-weight:600;border-bottom:2px solid #e5e7eb;text-align:center;white-space:nowrap}.schedule-table thead th.name-column{min-width:200px;width:200px;max-width:200px;text-align:left;padding-left:20px!important;position:sticky;left:0;background:#f8f9fa!important;z-index:100!important;border-right:3px solid #d1d5db}.schedule-table .day-column{min-width:80px;max-width:80px;padding:10px 5px}.schedule-table .day-column.weekend{background:#fef3c7}.schedule-table .day-header{display:flex;flex-direction:column;align-items:center;gap:4px}.schedule-table .day-name{font-size:12px;color:#666;text-transform:uppercase;font-weight:500}.schedule-table .day-number{font-size:16px;font-weight:600;color:#1a1a1a}.schedule-table tbody tr{border-bottom:1px solid #e5e7eb}.schedule-table tbody tr:hover{background:#f9fafb}.schedule-table tbody td.name-cell{padding:14px 20px;font-weight:600;font-size:15px;position:sticky;left:0;background:#fff!important;border-right:3px solid #d1d5db;z-index:50!important;min-width:200px;width:200px;max-width:200px;white-space:nowrap}.schedule-table tbody tr:hover td.name-cell{background:#f9fafb!important}.schedule-table .shift-cell{padding:10px 5px;text-align:center;cursor:pointer;transition:background .2s}.schedule-table .shift-cell:hover{background:#e0f2fe}.schedule-table .shift-cell.weekend{background:#fffbeb}.schedule-table .shift-cell.weekend:hover{background:#fef3c7}.schedule-table .shift-tag{margin:0;font-size:13px;padding:4px 10px;line-height:24px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px;display:inline-block;font-weight:600}.legend-container{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.legend-header{margin-bottom:12px}.legend-title{font-size:14px;font-weight:600;margin:0 0 4px;color:#1a1a1a}.legend-subtitle{font-size:12px;color:#666;margin:0}.legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.legend-card{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.legend-tag{margin:0;font-size:10px;padding:2px 8px;white-space:nowrap}.legend-description{font-size:12px;color:#4b5563}.month-navigation{display:flex;align-items:center;gap:8px}.current-month{font-size:16px;font-weight:600;color:#1a1a1a;padding:0 12px}.nav-button,.today-button{font-size:13px}.role-management{padding:12px;background:#f8f9fa;min-height:100vh}.role-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.role-header h1{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 4px;line-height:1.3}.role-subtitle{font-size:13px;color:#666;margin:0;font-weight:400}.role-filters{background:#fff;padding:12px 14px;border-radius:12px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;flex-wrap:wrap;gap:10px}.role-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.role-modal .ant-modal-content{border-radius:12px;box-shadow:0 4px 16px #00000026}.role-modal .ant-modal-header{padding:14px 16px;border-bottom:1px solid #e5e7eb}.role-modal .ant-modal-title{font-size:16px;font-weight:600}.role-modal .ant-modal-body{padding:16px;max-height:70vh;overflow-y:auto}.role-modal .ant-modal-footer{padding:12px 16px;border-top:1px solid #e5e7eb;background:#fafafa}.role-modal .ant-form-item{margin-bottom:14px}.role-modal .ant-form-item-label>label{font-size:12px;font-weight:500;color:#4b5563}.role-modal .ant-input,.role-modal .ant-input-textarea{min-height:36px;border-radius:8px;font-size:13px}.permissions-section{margin-top:12px}.permissions-section h4{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:10px}.permission-group{margin-bottom:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.permission-group-title{font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.permission-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.permission-checkboxes .ant-checkbox-wrapper{font-size:12px;color:#4b5563}@media (max-width: 768px){.role-management{padding:8px}.role-header h1{font-size:18px}.role-modal .ant-modal-body{padding:12px}.permission-checkboxes{grid-template-columns:1fr}}.supply-management{padding:24px;min-height:100vh}.supply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.supply-header h2{margin:0;font-size:28px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:14px;letter-spacing:-.5px}.supply-header-icon{font-size:36px;color:#3b82f6}.supply-add-button{height:44px;border-radius:10px;font-weight:600;padding:0 28px;font-size:15px;box-shadow:0 4px 6px #3b82f640;transition:all .3s cubic-bezier(.4,0,.2,1)}.supply-add-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #3b82f659}.supply-search-section{margin-bottom:24px}.supply-table-container .ant-table{font-size:14px}.supply-table-container .ant-table-thead>tr>th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);color:#475569;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid #cbd5e1;padding:18px 14px}.supply-table-container .ant-table-tbody>tr{transition:all .2s cubic-bezier(.4,0,.2,1)}.supply-table-container .ant-table-tbody>tr:hover{background:#f8fafc;box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.supply-table-container .ant-table-tbody>tr>td{padding:18px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.supply-image-preview{width:64px;height:64px;object-fit:cover;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid #e2e8f0;box-shadow:0 2px 4px #00000014}.supply-image-preview:hover{transform:scale(1.2);box-shadow:0 8px 16px #0003;border-color:#3b82f6;z-index:10}.supply-stock-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:24px;font-weight:700;font-size:14px;transition:all .2s ease;box-shadow:0 2px 4px #00000014}.supply-stock-normal{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:2px solid #6ee7b7}.supply-stock-low{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #fca5a5;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 8px #ef444400}}.supply-stock-badge svg{font-size:18px}.supply-modal .ant-modal-content{border-radius:16px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.supply-modal .ant-modal-header{border-bottom:2px solid #e2e8f0;padding:24px 28px;background:linear-gradient(135deg,#f8fafc,#fff)}.supply-modal .ant-modal-title{font-size:22px;font-weight:700;color:#1e293b}.supply-modal .ant-modal-body{padding:28px;max-height:70vh;overflow-y:auto}.supply-modal .ant-form-item-label>label{font-weight:600;color:#475569;font-size:14px}.supply-modal .ant-input,.supply-modal .ant-input-number,.supply-modal .ant-select-selector,.supply-modal .ant-input-number-input{border-radius:8px;border:2px solid #e2e8f0;transition:all .2s ease}.supply-modal .ant-input:hover,.supply-modal .ant-input-number:hover,.supply-modal .ant-select-selector:hover{border-color:#94a3b8}.supply-modal .ant-input:focus,.supply-modal .ant-input-number:focus,.supply-modal .ant-select-focused .ant-select-selector{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.history-modal .ant-table{font-size:13px}.history-modal .ant-modal-header{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom:2px solid #93c5fd}.adjust-modal .current-stock-info{display:flex;align-items:center;gap:14px;padding:20px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;margin-bottom:24px;border-left:5px solid #3b82f6;box-shadow:0 4px 6px #3b82f626}.adjust-modal .current-stock-info svg{color:#3b82f6;font-size:26px}.adjust-modal .current-stock-info strong{color:#1e40af;font-size:16px;font-weight:700}.supply-table-container .ant-pagination{margin-top:28px;padding-top:20px;border-top:2px solid #f1f5f9}.supply-table-container .ant-pagination-item{border-radius:8px;border:2px solid #e2e8f0;transition:all .2s ease;font-weight:600}.supply-table-container .ant-pagination-item:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 2px 4px #3b82f633}.supply-table-container .ant-pagination-item-active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;font-weight:700;box-shadow:0 4px 6px #3b82f64d}.supply-table-container .ant-pagination-item-active a{color:#fff}.supply-table-container .ant-btn-text{border-radius:8px;transition:all .2s ease;padding:8px}.supply-table-container .ant-btn-text:hover{background:#f1f5f9;transform:scale(1.1)}.ant-dropdown-menu{border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:8px;border:1px solid #e2e8f0}.ant-dropdown-menu-item{border-radius:8px;padding:12px 14px;transition:all .2s ease;font-weight:500}.ant-dropdown-menu-item:hover{background:#f1f5f9;transform:translate(4px)}.ant-dropdown-menu-item-danger:hover{background:#fee2e2;color:#dc2626}.ant-tag{border-radius:8px;padding:6px 14px;font-weight:700;border:none;font-size:13px}.ant-upload-list-picture-card-container{border-radius:10px}.ant-upload.ant-upload-select-picture-card{border-radius:10px;border:2px dashed #cbd5e1;transition:all .3s ease;background:#f8fafc}.ant-upload.ant-upload-select-picture-card:hover{border-color:#3b82f6;background:#eff6ff;transform:scale(1.02)}@media (max-width: 768px){.supply-management{padding:16px}.supply-header h2{font-size:24px}.supply-table-container{padding:16px}.supply-image-preview{width:48px;height:48px}}.management-container{padding:32px;background:#f0f4f8;min-height:100vh}.management-header{margin-bottom:28px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.management-header-content h1{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 8px;line-height:1.2;letter-spacing:-.5px}.management-header-subtitle{font-size:14px;color:#64748b;margin:0;font-weight:400;line-height:1.5}.management-filters{background:#fff;padding:24px;border-radius:20px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0000000f;border:none;flex-wrap:wrap;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.management-filters:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.btn-compact{border-radius:12px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:38px;padding:0 18px;font-size:14px;border:1px solid #e2e8f0}.btn-primary-compact{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 12px #3b82f64d;color:#fff}.btn-primary-compact:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;color:#fff}.btn-secondary-compact{background:#fff;border:1px solid #e2e8f0;color:#475569}.btn-secondary-compact:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.management-table{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000f;border:none}.management-table .ant-table{font-size:14px}.management-table .ant-table-thead>tr>th{background:#f8fafc;color:#475569;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f1f5f9;padding:16px;white-space:nowrap}.management-table .ant-table-tbody>tr>td{padding:16px;border-bottom:1px solid #f8fafc;vertical-align:middle}.management-table .ant-table-tbody>tr{transition:all .2s cubic-bezier(.4,0,.2,1)}.management-table .ant-table-tbody>tr:hover>td{background:#f8fafc}.modal-compact .ant-modal-content{border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0003;border:none}.modal-compact .ant-modal-header{background:#fff;border-bottom:none;padding:20px 24px;border-radius:24px 24px 0 0}.modal-compact .ant-modal-title{color:#1a202c;font-size:18px;font-weight:600}.modal-compact .ant-modal-body{padding:0 24px 24px;max-height:65vh;overflow-y:auto}.modal-compact .ant-modal-body::-webkit-scrollbar{width:6px}.modal-compact .ant-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.modal-compact .ant-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.modal-compact .ant-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-compact .ant-modal-footer{border-top:1px solid #f1f5f9;padding:16px 24px;background:#fafbfc;border-radius:0 0 24px 24px}.modal-compact .ant-form-item{margin-bottom:16px}.modal-compact .ant-form-item-label{padding-bottom:6px}.modal-compact .ant-form-item-label>label{font-weight:500;color:#64748b;font-size:12px;height:auto;text-transform:uppercase;letter-spacing:.5px}.modal-compact .ant-input,.modal-compact .ant-input-number,.modal-compact .ant-select-selector,.modal-compact .ant-picker,.modal-compact .ant-input-textarea{border-radius:12px;border:1px solid #e2e8f0;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:38px;font-size:14px;background:#fafbfc}.modal-compact .ant-input:hover,.modal-compact .ant-input-number:hover,.modal-compact .ant-select-selector:hover,.modal-compact .ant-picker:hover,.modal-compact .ant-input-textarea:hover{border-color:#3b82f6;background:#fff}.modal-compact .ant-input:focus,.modal-compact .ant-input-number:focus,.modal-compact .ant-select-focused .ant-select-selector,.modal-compact .ant-picker-focused,.modal-compact .ant-input-textarea:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f614}.tag-compact{border-radius:20px;font-weight:500;font-size:12px;padding:4px 12px;border:none}.action-buttons-compact{display:flex;gap:8px}.action-btn-compact{border-radius:10px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid #e2e8f0;height:32px;padding:0 12px;font-size:13px}.action-btn-compact:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}@media (max-width: 768px){.management-container{padding:16px}.management-header-content h1{font-size:24px}.management-filters{padding:16px}.management-table .ant-table-thead>tr>th,.management-table .ant-table-tbody>tr>td{padding:12px}.modal-compact .ant-modal-body{padding:0 16px 16px}.modal-compact .ant-modal-header{padding:16px}.modal-compact .ant-modal-footer{padding:12px 16px}}.allocation-management{padding:24px;min-height:100vh}.allocation-filter-select{width:180px}.allocation-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.allocation-header h2{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 4px;line-height:1.3}.allocation-subtitle{font-size:13px;color:#666;margin:0;font-weight:400}.allocation-filters{background:#fff;padding:12px 14px;border-radius:12px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;flex-wrap:wrap;gap:10px}.allocation-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.allocation-modal .ant-modal-content{border-radius:12px;box-shadow:0 4px 16px #00000026}.allocation-modal .ant-modal-header{padding:14px 16px;border-bottom:1px solid #e5e7eb}.allocation-modal .ant-modal-title{font-size:16px;font-weight:600}.allocation-modal .ant-modal-body{padding:16px;max-height:70vh;overflow-y:auto}.allocation-modal .ant-modal-footer{padding:12px 16px;border-top:1px solid #e5e7eb;background:#fafafa}.allocation-modal .ant-form-item{margin-bottom:14px}.allocation-modal .ant-form-item-label>label{font-size:12px;font-weight:500;color:#4b5563}.allocation-modal .ant-input,.allocation-modal .ant-input-number,.allocation-modal .ant-select-selector,.allocation-modal .ant-picker{min-height:36px;border-radius:8px;font-size:13px}.allocation-modal .ant-input-number{height:40px!important;display:flex!important;align-items:center!important}.allocation-modal .ant-input-number-input{height:34px!important;text-align:center!important;padding:0 11px!important}.allocation-modal .ant-input-number-handler-wrap{opacity:1!important}.allocation-status-pending{background:#fef3c7;color:#d97706;border:1px solid #fde68a;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:500}.allocation-status-prepared{background:#dbeafe;color:#2563eb;border:1px solid #bfdbfe;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:500}.allocation-status-delivered{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:500}.allocation-image-preview{width:50px;height:50px;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform .2s}.allocation-image-preview:hover{transform:scale(1.1)}.allocation-modal .ant-modal-body img,.confirm-modal .ant-modal-body img{max-width:90vw;max-height:90vh;object-fit:contain}.allocation-modal .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img,.allocation-modal .ant-upload.ant-upload-select-picture-card img,.confirm-modal .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img,.confirm-modal .ant-upload.ant-upload-select-picture-card img{max-width:100px;max-height:100px;object-fit:cover}@media (max-width: 768px){.allocation-management{padding:8px}.allocation-header h1{font-size:18px}.allocation-modal .ant-modal-body{padding:12px}.allocation-image-preview{width:40px;height:40px}}.allocation-modal .ant-upload-list-picture-card .ant-upload-list-item{width:100px;height:100px}.allocation-modal .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{object-fit:cover;max-width:100%;max-height:100%}.allocation-modal .ant-image-preview-img{max-width:90vw;max-height:90vh;object-fit:contain}.allocation-modal .ant-upload-select{width:100px!important;height:100px!important}.allocation-modal .ant-upload-list{display:flex;flex-wrap:wrap;gap:8px}.allocation-table .ant-image{width:50px;height:50px}.allocation-table .ant-image img{object-fit:cover;border-radius:4px}.allocation-modal .ant-btn-dashed{border:1px dashed #d9d9d9!important;border-color:#e5e7eb!important;color:#6b7280!important}.allocation-modal .ant-btn-dashed:hover{border-color:#3b82f6!important;color:#3b82f6!important}.modern-table-container{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-gray-200);overflow:hidden;margin:var(--spacing-4) 0;position:relative;max-width:100%;width:100%}.modern-table .ant-table{margin:0}.modern-table .ant-table-container{overflow:auto;position:relative;max-width:100%}.modern-table .ant-table-content{overflow-x:auto;overflow-y:visible;max-width:100%;position:relative}.modern-table .ant-table-thead>tr>th{background:var(--color-gray-50);color:var(--color-gray-700);font-weight:600;font-size:var(--font-size-sm);border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-4) var(--spacing-3);text-align:center;border-right:1px solid var(--color-gray-100);height:48px;white-space:nowrap;position:relative}.modern-table .ant-table-thead>tr>th:last-child{border-right:none}.modern-table .ant-table-tbody>tr{transition:background-color .2s ease;border-bottom:1px solid var(--color-gray-100);position:relative}.modern-table .ant-table-tbody>tr:hover{background:var(--color-gray-25)}.modern-table .ant-table-tbody>tr>td{padding:var(--spacing-4) var(--spacing-3);border-bottom:1px solid var(--color-gray-100);border-right:1px solid var(--color-gray-50);vertical-align:middle;text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-700);height:64px;word-wrap:break-word;overflow-wrap:break-word;position:relative}.modern-table .ant-table-tbody>tr>td:last-child{border-right:none}.modern-table .ant-table-tbody>tr:nth-child(2n){background:var(--color-gray-25)}.modern-table .ant-table-tbody>tr:nth-child(2n):hover{background:var(--color-gray-50)}.modern-table .ant-table-cell{position:relative;z-index:1}.modern-table .ant-table-cell-fix-left{position:sticky!important;left:0!important;z-index:10!important;background:var(--color-white)!important;box-shadow:2px 0 4px #0000001a!important}.modern-table .ant-table-cell-fix-right{position:sticky!important;right:0!important;z-index:10!important;background:var(--color-white)!important;box-shadow:-2px 0 4px #0000001a!important}.modern-table .ant-table-thead .ant-table-cell-fix-left,.modern-table .ant-table-thead .ant-table-cell-fix-right{background:var(--color-gray-50)!important;z-index:11!important}.modern-table .ant-table-tbody>tr:hover .ant-table-cell-fix-left,.modern-table .ant-table-tbody>tr:hover .ant-table-cell-fix-right{background:var(--color-gray-25)!important}.modern-table .ant-table-tbody>tr:nth-child(2n) .ant-table-cell-fix-left,.modern-table .ant-table-tbody>tr:nth-child(2n) .ant-table-cell-fix-right{background:var(--color-gray-25)!important}.modern-table .ant-table-tbody>tr:nth-child(2n):hover .ant-table-cell-fix-left,.modern-table .ant-table-tbody>tr:nth-child(2n):hover .ant-table-cell-fix-right{background:var(--color-gray-50)!important}.modern-table .priority-row .ant-table-cell-fix-left,.modern-table .priority-row .ant-table-cell-fix-right{background:#fef2f2!important}.modern-table .priority-row:hover .ant-table-cell-fix-left,.modern-table .priority-row:hover .ant-table-cell-fix-right{background:#fee2e2!important}.modern-table .ant-table-container{overflow-x:auto;overflow-y:visible}.modern-table .ant-table-body{overflow-x:auto!important;overflow-y:visible!important}.modern-table .ant-table-body::-webkit-scrollbar{height:6px}.modern-table .ant-table-body::-webkit-scrollbar-track{background:#f1f1f1}.modern-table .ant-table-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modern-table .ant-table-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.cell-content{display:flex;flex-direction:column;gap:var(--spacing-1);align-items:center;justify-content:center;min-height:40px;padding:var(--spacing-2);word-wrap:break-word;overflow-wrap:break-word}.cell-content.align-left{align-items:flex-start;text-align:left}.cell-content.align-right{align-items:flex-end;text-align:right}.cell-main{font-weight:500;color:var(--color-gray-900);font-size:var(--font-size-sm);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.cell-sub{color:var(--color-gray-500);font-size:var(--font-size-xs);line-height:1.3;font-weight:400;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.modern-status-tag{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-weight:500;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent}.modern-status-tag.success{background:#dcfce7;color:#166534;border-color:#bbf7d0}.modern-status-tag.warning{background:#fef3c7;color:#92400e;border-color:#fde68a}.modern-status-tag.error{background:#fee2e2;color:#991b1b;border-color:#fecaca}.modern-status-tag.info{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.modern-status-tag.primary{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.modern-status-tag.neutral{background:var(--color-gray-100);color:var(--color-gray-700);border-color:var(--color-gray-200)}.status-group{display:flex;flex-direction:column;gap:var(--spacing-1);align-items:center;min-height:40px;justify-content:center}.tag-group{display:flex;flex-wrap:wrap;gap:var(--spacing-1);justify-content:center;align-items:center;max-width:160px}.action-group{display:flex;gap:var(--spacing-2);justify-content:center;align-items:center;padding:var(--spacing-2) 0;min-width:120px;flex-wrap:nowrap}.table-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-base);border:1px solid var(--color-gray-300);background:var(--color-white);color:var(--color-gray-600);transition:all .2s ease;cursor:pointer;font-size:14px;flex-shrink:0}.table-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.table-action-btn.view:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.table-action-btn.edit:hover{border-color:#10b981;color:#10b981;background:#ecfdf5}.table-action-btn.delete:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.modern-table .priority-row{background:#fef2f2!important;border-left:3px solid #ef4444!important}.modern-table .priority-row:hover{background:#fee2e2!important}.modern-table .ant-table-pagination{padding:var(--spacing-4) var(--spacing-6);margin:0;background:var(--color-gray-25);border-top:1px solid var(--color-gray-200)}.modern-table .ant-spin-container{position:relative}.modern-table .ant-spin{background:#ffffffe6}.modern-table .ant-empty{padding:var(--spacing-12) var(--spacing-4)}.modern-table .ant-empty-description{color:var(--color-gray-500);font-size:var(--font-size-sm)}.table-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding:var(--spacing-4) var(--spacing-6);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-gray-200)}.table-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0}.table-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-top:var(--spacing-1);font-weight:400}.modern-table .ant-table-ping-left .ant-table-container:before{position:absolute;top:0;left:140px;bottom:0;width:20px;background:linear-gradient(90deg,rgba(0,0,0,.05),transparent);content:"";z-index:5;pointer-events:none}.modern-table .ant-table-ping-right .ant-table-container:after{position:absolute;top:0;right:160px;bottom:0;width:20px;background:linear-gradient(270deg,rgba(0,0,0,.05),transparent);content:"";z-index:5;pointer-events:none}.modern-table .ant-table-body::-webkit-scrollbar{display:none}.modern-table .ant-table-body{-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden}.modern-table .ant-dropdown-menu{border-radius:var(--radius-base);box-shadow:0 4px 12px #00000026;border:1px solid var(--color-gray-200);padding:var(--spacing-1)}.modern-table .ant-dropdown-menu-item{border-radius:var(--radius-sm);margin:1px 0;transition:all .2s ease;padding:var(--spacing-2) var(--spacing-3)}.modern-table .ant-dropdown-menu-item:hover{background:var(--color-primary-50);color:var(--color-primary-600)}.modern-table .ant-dropdown-menu-item-danger:hover{background:var(--color-error-50);color:var(--color-error-600)}@media (max-width: 1200px){.modern-table .ant-table-thead>tr>th,.modern-table .ant-table-tbody>tr>td{padding:var(--spacing-3) var(--spacing-2)}.modern-table-container{margin:var(--spacing-3) 0}}@media (max-width: 768px){.modern-table-container{border-radius:var(--radius-base);margin:var(--spacing-2) -var(--spacing-2)}.modern-table .ant-table-thead>tr>th,.modern-table .ant-table-tbody>tr>td{padding:var(--spacing-2) var(--spacing-1);font-size:var(--font-size-xs);border-right:none}.table-action-btn{width:28px;height:28px;font-size:12px}.modern-status-tag{padding:2px var(--spacing-2);font-size:10px}.cell-content{min-height:32px;padding:var(--spacing-1);gap:2px}.cell-main{font-size:12px}.cell-sub{font-size:11px}.action-group{min-width:80px;padding:var(--spacing-1) 0}}:root{--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #06b6d4;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--radius-sm: 4px;--radius-base: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--easing-ease-in-out: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-sans);font-size:var(--font-size-sm);line-height:1.5;color:var(--color-gray-900);background:var(--color-gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-radius:var(--radius-sm);transition:background var(--duration-normal) var(--easing-ease-in-out)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%)}.ant-btn{font-weight:600;border-radius:var(--radius-base);transition:all var(--duration-normal) var(--easing-ease-in-out);box-shadow:var(--shadow-sm);border:none}.ant-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.ant-btn-primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);box-shadow:0 2px 4px #3b82f633}.ant-btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);box-shadow:0 4px 8px #3b82f64d}.ant-btn-default{background:var(--color-white);border:1px solid var(--color-gray-200);color:var(--color-gray-700)}.ant-btn-default:hover{border-color:var(--color-primary-300);color:var(--color-primary-600)}.ant-card{border-radius:var(--radius-md);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-base);transition:all var(--duration-slow) var(--easing-ease-in-out);overflow:hidden}.ant-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ant-card-head{border-bottom:1px solid var(--color-gray-100);background:var(--color-white);padding:var(--spacing-5) var(--spacing-6)}.ant-card-head-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900)}.ant-card-body{padding:var(--spacing-6)}.ant-input,.ant-input-number,.ant-select-selector{border-radius:var(--radius-base);border:1px solid var(--color-gray-200);transition:all var(--duration-normal) var(--easing-ease-in-out);font-size:var(--font-size-sm);min-height:40px;padding:var(--spacing-3) var(--spacing-4)}.ant-input:hover,.ant-input-number:hover,.ant-select-selector:hover{border-color:var(--color-primary-300)}.ant-input:focus,.ant-input-number:focus,.ant-select-focused .ant-select-selector{border-color:var(--color-primary-500);box-shadow:0 0 0 2px #3b82f61a}.ant-table-wrapper{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-base);overflow:hidden}.ant-table{border-radius:var(--radius-md)}.ant-table-thead>tr>th{background:var(--color-gray-50);color:var(--color-gray-700);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-gray-100);padding:var(--spacing-4) var(--spacing-5)}.ant-table-tbody>tr:hover>td{background:var(--color-gray-50)}.ant-table-tbody>tr>td{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-gray-100)}.ant-modal-content{border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 20px 60px #00000026;border:1px solid var(--color-gray-100);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ant-modal-header{background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid var(--color-gray-100);padding:var(--spacing-8) var(--spacing-8) var(--spacing-6);position:relative}.ant-modal-header:after{content:"";position:absolute;bottom:0;left:var(--spacing-8);right:var(--spacing-8);height:2px;background:linear-gradient(90deg,var(--color-primary-500),transparent)}.ant-modal-title{color:var(--color-gray-900);font-weight:700;font-size:var(--font-size-xl);letter-spacing:-.025em}.ant-modal-body{padding:var(--spacing-8);background:var(--color-white);max-height:70vh;overflow-y:auto}.ant-modal-footer{border-top:1px solid var(--color-gray-100);padding:var(--spacing-6) var(--spacing-8);background:linear-gradient(135deg,#f8fafc,#fff);display:flex;gap:var(--spacing-3);justify-content:flex-end}.ant-modal-close{top:var(--spacing-6);right:var(--spacing-6);width:40px;height:40px;border-radius:var(--radius-lg);background:#ffffffe6;border:1px solid var(--color-gray-200);transition:all var(--duration-normal) var(--easing-ease-in-out)}.ant-modal-close:hover{background:var(--color-gray-50);transform:scale(1.05)}.ant-modal-close-x{font-size:16px;color:var(--color-gray-600);line-height:40px}.ant-modal-mask{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ant-tag{border-radius:var(--radius-full);padding:var(--spacing-1) var(--spacing-3);font-weight:500;font-size:var(--font-size-xs);border:none}.ant-tabs-tab{border-radius:var(--radius-base) var(--radius-base) 0 0;font-weight:500;padding:var(--spacing-3) var(--spacing-5);transition:all var(--duration-normal) var(--easing-ease-in-out)}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--color-primary-600);font-weight:600}.ant-tabs-ink-bar{background:var(--color-primary-500);height:3px}.ant-form-item-label>label{font-weight:500;color:var(--color-gray-700);font-size:var(--font-size-sm)}.ant-form-item-required:before{color:var(--color-error)}.ant-select-dropdown{border-radius:var(--radius-base);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-200)}.ant-select-item{border-radius:var(--radius-sm);margin:2px 4px;transition:all var(--duration-fast) var(--easing-ease-in-out)}.ant-select-item-option-selected{background:var(--color-primary-50);color:var(--color-primary-600);font-weight:500}.ant-select-item-option-active{background:var(--color-gray-50)}.ant-dropdown{border-radius:var(--radius-base);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-200)}.ant-dropdown-menu{border-radius:var(--radius-base);padding:var(--spacing-2)}.ant-dropdown-menu-item{border-radius:var(--radius-sm);margin:1px 0;transition:all var(--duration-fast) var(--easing-ease-in-out)}.ant-dropdown-menu-item:hover{background:var(--color-gray-50)}.ant-dropdown-menu-item-selected{background:var(--color-primary-50);color:var(--color-primary-600)}.ant-notification{border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.ant-message{border:none!important}.ant-message *{border:none!important;border-top:none!important;border-bottom:none!important;border-left:none!important;border-right:none!important}.ant-message-notice-content{border:none!important;border-top:none!important;border-bottom:none!important;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d!important;background:#fff!important}.ant-message-notice{border:none!important;border-top:none!important;border-bottom:none!important}.ant-message-notice:before,.ant-message-notice:after,.ant-message-notice-content:before,.ant-message-notice-content:after{content:none!important;display:none!important;border:none!important}.ant-message .ant-message-notice-wrapper,.ant-message-success .ant-message-notice-content,.ant-message-error .ant-message-notice-content,.ant-message-info .ant-message-notice-content,.ant-message-warning .ant-message-notice-content{border:none!important}.ant-spin-dot-item{background-color:var(--color-primary-500)}.ant-skeleton-content .ant-skeleton-title{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%)}.ant-skeleton-content .ant-skeleton-paragraph>li{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%)}.ant-btn:focus,.ant-input:focus,.ant-select:focus .ant-select-selector,.ant-checkbox-input:focus+.ant-checkbox-inner,.ant-radio-input:focus+.ant-radio-inner{outline:2px solid var(--color-primary-500);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}