.api-mode-indicator{display:inline-block;margin-right:10px}.api-mode-button{border-radius:20px;font-size:.8rem;font-weight:700;padding:4px 12px;cursor:pointer;border:none;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;display:flex;align-items:center}.api-mode-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.api-mode-button.local{background-color:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.api-mode-button.remote{background-color:#fff7e6;color:#fa8c16;border:1px solid #ffd591}@media (max-width: 768px){.api-mode-button{font-size:.7rem;padding:2px 8px}}.ai-chat-button{position:relative;z-index:9999!important;box-shadow:0 2px 8px #00000026;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.ai-chat-button.ai-chat-button-fixed{position:fixed;bottom:24px;width:56px;height:56px;box-shadow:0 4px 12px #00000026}.ai-chat-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}.ai-chat-button-bottomRight{right:24px}.ai-chat-button-bottomLeft{left:24px}.ai-chat-drawer{z-index:10000!important}.ai-chat-drawer .ant-drawer-mask{z-index:9999!important}.ai-chat-drawer .ant-drawer-body{padding:0;display:flex;flex-direction:column;height:100%}.ai-chat-container{display:flex;flex-direction:column;height:100%}.ai-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#f5f5f5}.ai-chat-message{display:flex;flex-direction:column;max-width:80%;animation:fadeIn .3s ease}.ai-chat-message-user{align-self:flex-end}.ai-chat-message-assistant{align-self:flex-start}.ai-chat-message-content{padding:12px 16px;border-radius:12px;word-wrap:break-word;white-space:pre-wrap;line-height:1.5;font-size:14px}.ai-chat-message-user .ai-chat-message-content{background:#1890ff;color:#fff;border-bottom-right-radius:4px}.ai-chat-message-assistant .ai-chat-message-content{background:#fff;color:#333;border:1px solid #e0e0e0;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000d}.ai-chat-message-time{font-size:11px;color:#999;margin-top:4px;padding:0 4px}.ai-chat-message-user .ai-chat-message-time{text-align:right}.ai-chat-message-assistant .ai-chat-message-time{text-align:left}.ai-chat-input-container{padding:16px;border-top:1px solid #e0e0e0;background:#fff;display:flex;gap:8px;align-items:flex-end}.ai-chat-input{flex:1;resize:none}.ai-chat-send-button{height:auto;padding:4px 16px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.ai-chat-button{width:48px;height:48px;bottom:16px;right:16px}.ai-chat-drawer{width:100%!important}.ai-chat-message{max-width:85%}}.ai-chat-messages::-webkit-scrollbar{width:6px}.ai-chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.ai-chat-messages::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:#555}.layout{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-light) 100%);animation:fadeIn .6s ease-out;overflow:visible;position:relative;z-index:1}.layout:has(.dashboard-wrapper){background:var(--color-surface)!important;min-height:100vh!important;height:auto!important;overflow:visible!important;position:relative;z-index:10}.layout-content{flex:1;padding:0;background:transparent;animation:slideInUp .8s ease-out;overflow:hidden;min-height:0}.layout-content:has(.dashboard-wrapper){overflow-y:auto!important;min-height:calc(100vh - 80px)!important;height:auto!important;background:var(--color-surface)!important;position:relative}.layout-content:has(.login-wrapper),.layout-content:has(.register-wrapper){overflow:visible!important;overflow-y:auto!important;height:auto!important;min-height:auto!important}.layout-content:has(.demand-details-wrapper){overflow:visible!important;overflow-y:auto!important;height:auto!important;min-height:auto!important;-webkit-overflow-scrolling:touch!important;position:relative!important;background:transparent!important}.layout-content:has(.profile-wrapper),.layout-content:has(.public-profile-container){overflow:visible!important;overflow-y:auto!important;height:auto!important;min-height:auto!important;background:transparent!important}.layout-content:has(.demand-reports-wrapper),.layout-content:has(.upload-proofs-wrapper),.layout-content:has(.sales-to-date-wrapper){overflow:visible!important;overflow-y:auto!important;height:auto!important;min-height:auto!important;background:transparent!important}@media (max-width: 768px){.layout-content:has(.demand-details-wrapper){overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;max-height:none!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}}.header{background:linear-gradient(135deg,#1e3a8a,#3b82f6,#06b6d4)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:blur(20px) saturate(180%)!important;box-shadow:0 8px 32px #1e3a8a40,0 4px 16px #1e3a8a26,inset 0 1px #fff3!important;position:sticky!important;top:0!important;z-index:1100!important;width:100%!important;animation:slideDown .6s ease-out!important;transform-style:preserve-3d!important;border-bottom:2px solid rgba(255,255,255,.1)!important}.header-container{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:var(--spacing-md) var(--spacing-xl)!important;max-width:1200px;margin:0 auto;width:100%;flex-wrap:wrap;gap:var(--spacing-sm);position:relative;min-height:60px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header h1{font-size:1.4rem!important;font-weight:600!important;margin:0!important;color:var(--color-text)!important}.header-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0;flex-wrap:wrap;padding-right:120px;padding-left:0;box-sizing:border-box}.home-section{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex:1;min-width:0}.app-title{display:flex;flex-direction:column;gap:2px;justify-content:center}.app-name{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1);line-height:1.2}.app-subtitle{font-size:.8rem;color:#ffffffe6;font-weight:500;text-transform:none;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block;text-align:center}.header-title-wrapper{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;justify-content:center}.header-welcome{font-size:clamp(.75rem,2vw,.9rem);color:#fffffff2;font-weight:600;line-height:1.3}.header-page-name{font-size:clamp(.65rem,1.5vw,.75rem);color:#fffc;font-weight:400;line-height:1.2;opacity:.9}.header-left .ant-btn-link{color:#1f2937;transition:all .3s ease}.header-left .ant-btn-link:hover{color:#1890ff;transform:translate(-2px)}.header-notification-wrapper{display:flex!important;align-items:center!important;gap:.5rem!important;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);z-index:1100;height:100%}.header-notification-button{color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:32px!important;width:32px!important;height:32px!important;padding:0!important;flex-shrink:0!important}.header-notification-button:hover{background:#fff3!important}.header-right{display:flex!important;align-items:center!important;gap:var(--spacing-md)!important;justify-content:flex-end!important;position:relative!important;z-index:1090!important;flex-shrink:0;flex-wrap:wrap;margin-right:100px}.header-controls{display:flex!important;align-items:center!important;gap:var(--spacing-md)!important}.user-controls{display:flex!important;align-items:center!important;gap:var(--spacing-sm)!important}.header-right .auth-links,.header-right .user-menu{display:flex!important;align-items:center!important;gap:12px!important}.header-right .user-menu .ant-btn{color:#fff!important;border-color:#ffffff4d!important;background:#ffffff1a!important}.header-right .user-menu .ant-btn:hover{color:#fff!important;border-color:#ffffff80!important;background:#fff3!important}.header-right .profile-link{color:#fff!important;text-decoration:none;font-weight:500}.header-right .profile-link:hover{color:#fffc!important}.header-right .profile-link{display:flex!important;align-items:center!important;color:#000000d9!important;font-weight:500!important;margin-left:12px!important;visibility:visible!important;opacity:1!important;z-index:1000!important;position:relative!important}.header-right .profile-link svg{margin-right:3px!important}.header-right .profile-link:hover{background-color:#f0f7ff!important}.action-buttons{display:flex;align-items:center;gap:12px}.profile-section{display:flex;align-items:center;gap:12px;border-radius:24px;margin-right:8px;transition:all .3s ease}.profile-section:hover{transform:translateY(-1px)}.profile-section .profile-image{width:36px;height:36px;border-radius:50%;object-fit:cover;box-shadow:0 2px 4px #0000001a}.profile-section .profile-icon{color:#1890ff;width:36px;height:36px;padding:6px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a}.profile-section .profile-name{font-size:16px;color:#1f2937;font-weight:500}.notification-button,.logout-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.notification-button:hover,.logout-button:hover{background:#f5f5f5}.logout-button{color:#ff4d4f}.logout-button:hover{color:#ff7875}@media (max-width: 1024px){.header-container{padding:var(--spacing-sm) var(--spacing-lg)!important}.app-name{font-size:1.3rem}.app-subtitle{font-size:.75rem}.header-welcome{font-size:clamp(.7rem,2vw,.85rem)}.header-page-name{font-size:clamp(.6rem,1.5vw,.7rem)}.header-left{gap:var(--spacing-md);padding-right:100px;padding-left:0}.mobile-menu-button{margin-left:-.5rem}.header-right{gap:var(--spacing-sm);margin-right:100px}}@media (max-width: 768px){.header{padding:8px 16px}.header-container{padding:var(--spacing-sm) var(--spacing-md)!important;flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.header-left{justify-content:flex-start;order:1;padding-right:100px;align-items:center}.header-right{justify-content:center;order:2;width:100%;margin-right:100px}.app-name{font-size:1.2rem}.app-subtitle{font-size:.7rem}.header-welcome{font-size:clamp(.7rem,2.5vw,.85rem)}.header-page-name{font-size:clamp(.6rem,2vw,.7rem)}.header-title-wrapper{gap:1px}.home-section{gap:var(--spacing-sm)}.header-left .home-button{width:36px;height:36px}.profile-section{gap:8px}.profile-section .profile-name{font-size:14px}.profile-section .profile-image,.profile-section .profile-icon{width:32px;height:32px}.user-controls{gap:var(--spacing-xs)!important}}@media (max-width: 480px){.header-container{padding:var(--spacing-xs) var(--spacing-sm)!important}.app-name{font-size:1.1rem}.app-subtitle{font-size:.65rem}.header-welcome{font-size:clamp(.65rem,3vw,.8rem)}.header-page-name{font-size:clamp(.55rem,2.5vw,.65rem)}.header-title-wrapper{gap:1px}.header-left .home-button{width:32px;height:32px}.home-section{gap:var(--spacing-xs)}.profile-section .profile-name{display:none}.profile-section .profile-image,.profile-section .profile-icon{width:28px;height:28px}.notification-button,.logout-button{width:32px;height:32px}.user-controls{gap:4px!important}.header-right .auth-links,.header-right .user-menu{gap:8px!important}}@media (max-width: 320px){.header-container{padding:4px 8px!important}.app-name{font-size:1rem}.app-subtitle{font-size:.6rem}.header-left .home-button{width:28px;height:28px}.profile-section .profile-image,.profile-section .profile-icon{width:24px;height:24px}.notification-button,.logout-button{width:28px;height:28px}}.notification-button{position:relative}.notification-button:hover{background-color:#0000000d}.notification-time{font-size:12px;color:#888;white-space:nowrap}.ant-drawer-title{font-size:16px!important;font-weight:400!important;text-transform:none!important}.notification-drawer .ant-drawer-header{padding:1rem 1.25rem!important;border-bottom:1px solid #f0f0f0!important;display:flex!important;align-items:center!important}.notification-drawer .ant-drawer-header-title{width:100%!important;display:flex!important;align-items:center!important}.notification-drawer .ant-drawer-title{flex:1!important;display:flex!important;align-items:center!important}.notification-drawer-header{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;gap:.75rem!important}.notification-drawer-title{font-size:1rem!important;font-weight:600!important;color:#262626!important;flex:0 0 auto!important}.notification-drawer-actions{display:flex!important;align-items:center!important;gap:.5rem!important;flex:0 0 auto!important;flex-wrap:nowrap!important}.notification-action-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:.375rem!important;padding:.25rem .75rem!important;height:auto!important;min-height:2rem!important;line-height:1.5!important;font-size:.875rem!important;white-space:nowrap!important;border-radius:.375rem!important;transition:all .2s!important}.notification-action-button:hover{background-color:#f5f5f5!important}.notification-action-button .anticon,.notification-action-button svg{font-size:.875rem!important;margin-right:0!important;flex-shrink:0!important}.notification-drawer .ant-drawer-header .ant-space{display:flex!important;align-items:center!important}.notification-drawer .ant-drawer-header .ant-btn{display:flex!important;align-items:center!important;justify-content:center!important}.notification-drawer .ant-btn-text{font-size:14px!important;color:#1890ff!important;text-transform:none!important}.notification-drawer .ant-list-item{padding:16px!important;transition:background-color .3s!important;margin-bottom:8px!important;border-radius:8px!important;border-bottom:none!important;display:flex!important;flex-direction:column!important}.notification-drawer .ant-list-item .ant-btn{display:flex!important;align-items:center!important;justify-content:center!important;min-width:32px!important;height:32px!important}.notification-drawer .ant-list-item:hover{background-color:#f9f9f9!important}.notification-drawer .ant-list-item-meta-title{font-size:14px!important;color:#333!important;margin-bottom:4px!important}.notification-drawer .ant-list-item-meta-description{font-size:13px!important;color:#666!important}.notification-drawer .ant-empty{margin:32px 0!important}.notification-drawer .ant-empty-description{font-size:14px!important}.notification-drawer .ant-list,.notification-drawer .ant-drawer-body{padding:8px!important}.notification-drawer .ant-btn-link{color:#1890ff!important;text-transform:none!important}.language-selector-wrapper{margin:0 8px;display:flex;align-items:center}.header-right .action-buttons{display:flex;align-items:center}.language-selector-wrapper .ant-select-selection-item{font-weight:500}@media (max-width: 768px){.language-selector-wrapper{margin:0 4px}.profile-name{display:none}}.subscription-tag{margin-right:16px;cursor:pointer;display:flex;align-items:center;font-weight:500}.subscription-tag .anticon{margin-right:2px}.card-actions{position:relative;display:flex;align-items:center;justify-content:flex-start;margin-top:auto;padding:12px;background:#fff;border-top:1px solid #f0f0f0;z-index:1}.card-view-button{flex:1;height:32px;border-radius:6px;font-size:13px;display:flex;align-items:center;justify-content:center}.ant-dropdown{z-index:1050}.ant-dropdown-menu{padding:var(--spacing-xs);min-width:120px;border-radius:var(--radius-md);box-shadow:var(--shadow-xl);border:2px solid rgba(255,255,255,.3);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ant-dropdown-menu-item{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm);transition:var(--transition-normal);color:var(--color-text)}.ant-dropdown-menu-item:hover{background:var(--color-primary-light);color:var(--color-primary);transform:translateY(-1px)}.ant-dropdown-menu-item .anticon{font-size:1rem}.admin-action-button{margin-left:8px;border-radius:6px;background:#f0f0f0;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #d9d9d9;transition:all .3s}.admin-action-button:hover{background:#e6e6e6;border-color:#d9d9d9}.header-right .language-selector-compact{margin-right:16px}.header-right .ant-select-selector{padding:0 8px!important;border:none;background:transparent}.header-right .ant-select-arrow{right:4px}.login-container .language-selector-compact .ant-select{font-size:14px;border:1px solid #e8e8e8;border-radius:4px;padding:2px 8px}.admin-auth-container{display:flex!important;align-items:center!important;gap:12px!important;visibility:visible!important;z-index:999!important}.user-menu{display:flex!important;align-items:center!important;visibility:visible!important;opacity:1!important;z-index:1000!important}.notification-drawer{z-index:2000!important}.notification-drawer .ant-drawer-content{z-index:2000!important;width:100%!important}.notification-drawer .ant-drawer-mask{z-index:1999!important}.notification-drawer .ant-drawer-content-wrapper{width:100%!important}.header{position:relative;z-index:1000}.header-right{position:relative;z-index:1001}.user-menu{position:relative;z-index:1002}.ant-badge-count{z-index:1003}.ant-btn[type=text]{z-index:1004}.ant-drawer-body{z-index:2001!important}.ant-list-item{z-index:2002!important}.ant-btn-link{z-index:2003!important}.mobile-menu-button{display:flex;align-items:center;flex-shrink:0;margin-left:-.5rem}.mobile-menu-trigger{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.mobile-menu-trigger:hover{color:#fff;background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.mobile-menu-drawer,.mobile-menu-drawer .ant-drawer-content{z-index:2000!important}.mobile-menu-drawer .ant-drawer-mask{z-index:1999!important}.mobile-menu-drawer .ant-drawer-header{border-bottom:1px solid #f0f0f0;padding:16px 24px}.mobile-menu-drawer .ant-drawer-title{display:flex;align-items:center;gap:12px}.mobile-menu-drawer .ant-drawer-title img{width:32px;height:32px;object-fit:contain;border-radius:4px}.mobile-menu-content{height:100%;display:flex;flex-direction:column}.mobile-nav-links .ant-btn{font-size:16px;font-weight:500}.mobile-nav-links .ant-btn .anticon{margin-right:6px;font-size:18px}.header-back-button{display:flex;align-items:center;flex-shrink:0}.header-back-button-trigger{color:#fff!important;display:flex;align-items:center;justify-content:center;padding:0;width:40px;height:40px;border-radius:8px;transition:all .3s ease;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.header-back-button-trigger:hover{color:#fff!important;background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}@media (max-width: 768px){.header-right{display:none!important}.header-notification-wrapper{right:.5rem!important;position:absolute!important;display:flex!important;gap:.5rem!important}.header-left{justify-content:flex-start;width:100%;padding-right:100px;padding-left:0;align-items:center}.mobile-menu-button{margin-left:-.5rem}.home-section{flex:1;justify-content:flex-start;align-items:center}}@media (max-width: 480px){.mobile-menu-trigger{width:36px;height:36px}}@media (max-width: 320px){.mobile-menu-trigger{width:2rem;height:2rem}.notification-drawer-header{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.notification-drawer-actions{width:100%!important;justify-content:flex-start!important}.notification-action-button{font-size:.75rem!important;padding:.25rem .5rem!important;min-height:2rem!important}}@media (max-width: 480px){.notification-drawer-header{flex-wrap:wrap!important;gap:.625rem!important}.notification-drawer-title{font-size:.9375rem!important}.notification-action-button{font-size:.8125rem!important;padding:.25rem .625rem!important;min-height:2rem!important}}.loader-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center}.loader-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loader-spinner{position:relative;display:flex;align-items:center;justify-content:center}.loader-ring{position:relative;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,var(--color-primary, #1890ff) 90deg,transparent 360deg);animation:rotate 2s linear infinite}.loader-ring-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:50%}.loader-dots{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:.25rem}.loader-dot{width:.375rem;height:.375rem;background:var(--color-primary, #1890ff);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.loader-dot:nth-child(2){animation-delay:.2s}.loader-dot:nth-child(3){animation-delay:.4s}.loader-small .loader-ring{width:2rem;height:2rem}.loader-small .loader-ring-inner{width:1.5rem;height:1.5rem}.loader-small .loader-dot{width:.25rem;height:.25rem}.loader-medium .loader-ring{width:3rem;height:3rem}.loader-medium .loader-ring-inner{width:2.25rem;height:2.25rem}.loader-medium .loader-dot{width:.375rem;height:.375rem}.loader-large .loader-ring{width:4rem;height:4rem}.loader-large .loader-ring-inner{width:3rem;height:3rem}.loader-large .loader-dot{width:.5rem;height:.5rem}.loader-message{font-size:1rem;font-weight:500;color:var(--color-text, #333);text-align:center;animation:fadeInOut 2s ease-in-out infinite}.loader-small .loader-message{font-size:.875rem}.loader-large .loader-message{font-size:1.125rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@media (prefers-color-scheme: dark){.loader-overlay{background:#000c}.loader-ring-inner{background:#1f1f1f}.loader-message{color:#e0e0e0}}@media (max-width: 768px){.loader-large .loader-ring{width:3rem;height:3rem}.loader-large .loader-ring-inner{width:2.25rem;height:2.25rem}.loader-message{font-size:.875rem}}@media (prefers-reduced-motion: reduce){.loader-ring,.loader-dot,.loader-message{animation:none}.loader-ring{background:var(--color-primary, #1890ff)}.loader-dot{opacity:1;transform:scale(1)}.loader-message{opacity:1}}:root{--color-primary: #1890ff;--color-text: #333}.loader-container.theme-green .loader-ring{background:conic-gradient(from 0deg,transparent 0deg,#52c41a 90deg,transparent 360deg)}.loader-container.theme-green .loader-dot{background:#52c41a}.loader-container.theme-purple .loader-ring{background:conic-gradient(from 0deg,transparent 0deg,#722ed1 90deg,transparent 360deg)}.loader-container.theme-purple .loader-dot{background:#722ed1}.loader-container.theme-orange .loader-ring{background:conic-gradient(from 0deg,transparent 0deg,#fa8c16 90deg,transparent 360deg)}.loader-container.theme-orange .loader-dot{background:#fa8c16}.layout:has(.login-wrapper){overflow:hidden!important;height:100vh!important;min-height:100vh!important}.layout:has(.login-wrapper) .layout-content{overflow:hidden!important;overflow-y:hidden!important;height:100vh!important;padding:0!important;margin:0!important}.login-wrapper{min-height:100vh;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;background:#f5f5f5;padding:0;margin:0;box-sizing:border-box}.login-background{display:none}.login-container{max-width:450px;width:100%;padding:48px 40px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;position:relative;z-index:2;margin:0 auto;box-sizing:border-box}@media (min-width: 769px){.login-container{max-width:450px;width:100%;padding:48px 40px;border-radius:8px;box-shadow:0 2px 6px #0000001a;min-height:auto;display:block}.guest-login-section.desktop-demo{display:none!important}.guest-login-section.mobile-banner,.demo-toggle-mobile{display:flex!important}}@media (min-width: 481px) and (max-width: 768px){.login-container{max-width:100%;padding:40px 32px}.guest-buttons{flex-direction:row;gap:12px}}.login-header{text-align:center;margin-bottom:32px;position:relative}.demo-toggle-mobile{display:flex;position:absolute;right:-45px;top:0;width:40px;height:50px;background:linear-gradient(135deg,#1a73e8,#34a853);border:none;border-radius:12px 0 0 12px;color:#fff;cursor:pointer;align-items:center;justify-content:center;font-size:16px;box-shadow:-2px 0 8px #00000026;z-index:1001;transition:all .3s ease;padding:0}.demo-toggle-mobile:hover{background:linear-gradient(135deg,#1557b0,#2d8e47);box-shadow:-2px 0 12px #0003}.logo-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin-bottom:0}.logo-icon{font-size:48px;color:#34a853;margin:0}.login-header h1{font-size:24px;font-weight:400;color:#202124;margin:0;letter-spacing:0;font-family:Google Sans,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-form{width:100%}.login-form .ant-form-item{margin-bottom:24px}.login-form .ant-form-item-label{padding-bottom:8px}.login-form .ant-form-item-label>label{font-size:14px;font-weight:400;color:#202124;height:auto}.login-form .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before{display:none}.login-form .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):after{display:inline-block;margin-right:4px;color:#d93025;font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:"*"}.input-wrapper{position:relative;width:100%}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#5f6368;font-size:18px;z-index:1;pointer-events:none}.modern-input{width:100%;padding:13px 16px 13px 48px;font-size:16px;line-height:24px;color:#202124;background-color:#fff;border:1px solid #dadce0;border-radius:4px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.modern-input:hover{border-color:#8e8e93}.modern-input:focus,.modern-input.ant-input-focused{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a;outline:none}.modern-input::placeholder{color:#9aa0a6}.ant-input-password.modern-input{padding-right:48px}.ant-input-password .ant-input{padding-right:0}.ant-input-password-icon{color:#5f6368;right:16px}.forgot-password{margin-top:-8px;margin-bottom:24px}.forgot-password a{color:#1a73e8;font-size:14px;text-decoration:none;font-weight:500}.forgot-password a:hover{color:#1557b0;text-decoration:underline}.error-message{background-color:#fce8e6;border:1px solid #f28b82;border-radius:4px;padding:12px 16px;margin-bottom:16px;color:#c5221f;font-size:14px;display:flex;align-items:center;gap:8px}.pending-message{background-color:#e8f0fe;border:1px solid #aecbfa;border-radius:4px;padding:12px 16px;margin-bottom:16px;color:#1967d2;font-size:14px}.login-button:not(.signup-button){width:100%;height:48px;background-color:#1a73e8;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,box-shadow .2s;font-family:Google Sans,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-transform:none;letter-spacing:0}.login-button:not(.signup-button):hover{background-color:#1557b0;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.login-button:not(.signup-button):active{background-color:#1348a0;box-shadow:0 1px 2px #0000001f}.login-button:not(.signup-button):disabled,.login-button:not(.signup-button).ant-btn-loading{background-color:#dadce0;color:#80868b;cursor:not-allowed;box-shadow:none}.biometric-login-section{margin-top:24px;padding-top:24px;border-top:1px solid #dadce0;text-align:center}.biometric-divider{display:flex;align-items:center;margin-bottom:16px;color:#5f6368;font-size:14px}.biometric-divider:before,.biometric-divider:after{content:"";flex:1;height:1px;background:#dadce0}.biometric-divider span{padding:0 16px}.biometric-button{width:100%;padding:12px 24px;border:1px solid #dadce0;border-radius:4px;background:#fff;color:#1a73e8;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px}.biometric-button:hover{background-color:#f8f9fa}.biometric-button:disabled{background-color:#f8f9fa;color:#80868b;cursor:not-allowed}.guest-login-section{margin-top:32px;padding-top:32px;border-top:1px solid #dadce0}.guest-login-section.mobile-banner{display:flex;position:fixed;right:0;top:20px;margin:0;padding:0;background:transparent;border-radius:0;box-shadow:none;z-index:1000;border-top:none;width:auto;transition:transform .3s ease}.guest-login-section.mobile-banner.hidden .banner-content{transform:translate(100%);opacity:0;pointer-events:none}.banner-content{padding:16px 12px;background:linear-gradient(135deg,#1a73e8,#34a853);border-radius:12px 0 0 12px;box-shadow:-2px 0 8px #00000026;transition:transform .3s ease,opacity .3s ease;transform:translate(0);opacity:1}.guest-login-section.mobile-banner.visible .banner-content{transform:translate(0);opacity:1}.guest-login-section.mobile-banner p{display:none}.guest-login-section.mobile-banner .guest-buttons{flex-direction:column;gap:8px;min-width:80px}.guest-login-section.mobile-banner .guest-button{padding:10px 12px;font-size:12px;white-space:nowrap;border:1px solid rgba(255,255,255,.3);background:#fffffff2;color:#1a73e8;font-weight:600;border-radius:6px;min-width:80px}.guest-login-section.mobile-banner .guest-button.demo-buyer{background:#fffffff2;color:#1a73e8;border-color:#ffffff80}.guest-login-section.mobile-banner .guest-button.demo-buyer:hover{background:#fff;transform:scale(1.05)}.guest-login-section.mobile-banner .guest-button.demo-seller{background:#fffffff2;color:#34a853;border-color:#ffffff80}.guest-login-section.mobile-banner .guest-button.demo-seller:hover{background:#fff;transform:scale(1.05)}.guest-login-section.desktop-demo{display:none}.guest-login-section p{text-align:center;color:#5f6368;margin-bottom:16px;font-size:14px}.guest-buttons{display:flex;gap:12px;justify-content:center}.guest-button{flex:1;padding:12px 20px;border:1px solid #dadce0;border-radius:4px;background:#fff;color:#1a73e8;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.guest-button:hover{background-color:#f8f9fa}.guest-button:disabled{background-color:#f8f9fa;color:#80868b;cursor:not-allowed}.guest-button.demo-buyer{background:#1a73e8;color:#fff;border-color:#1a73e8}.guest-button.demo-buyer:hover{background:#1557b0;border-color:#1557b0}.guest-button.demo-seller{background:#34a853;color:#fff;border-color:#34a853}.guest-button.demo-seller:hover{background:#2d8e47;border-color:#2d8e47}.guest-note{text-align:center;color:#9aa0a6;margin-top:12px;font-size:12px;font-style:italic}.signup-link{margin-top:32px;text-align:center;padding-top:24px;border-top:1px solid #dadce0;display:block!important;visibility:visible!important;opacity:1!important}.signup-link p{color:#5f6368;font-size:14px;margin-bottom:16px}.signup-button{width:100%!important;height:48px!important;background-color:#fff!important;border:1px solid #dadce0!important;border-radius:4px!important;color:#1a73e8!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:background-color .2s!important;font-family:Google Sans,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;display:block!important;visibility:visible!important;opacity:1!important;margin:0!important;padding:0!important}.signup-button:hover{background-color:#f8f9fa!important;border-color:#dadce0!important}.signup-button .button-text{display:inline-block;color:#1a73e8}@media (max-width: 768px){.login-container{max-width:100%;width:100%;padding:32px 24px;border-radius:0;box-shadow:none;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.login-header h1{font-size:22px}.logo-icon{font-size:40px}.modern-input{font-size:16px}.guest-login-section.desktop-demo{display:none!important}.guest-login-section.mobile-banner,.demo-toggle-mobile{display:flex!important}}@media (max-width: 480px){.login-container{padding:24px 16px}.login-header{margin-bottom:24px}.login-header h1{font-size:20px}.logo-icon{font-size:36px}.guest-buttons{flex-direction:column;gap:10px}.guest-button{padding:12px 16px;font-size:14px}}@media (max-width: 360px){.login-container{padding:20px 12px}.login-header h1{font-size:18px}.logo-icon{font-size:32px}.modern-input{font-size:16px;padding:12px 14px 12px 44px}.input-icon{left:14px;font-size:16px}}@media (min-width: 1200px){.login-container{max-width:450px}}@supports (-webkit-touch-callout: none){.modern-input{font-size:16px}.login-container{-webkit-overflow-scrolling:touch}}@media screen and (-webkit-min-device-pixel-ratio: 2){.login-container{-webkit-font-smoothing:antialiased}}.login-wrapper.animating{animation:fadeIn .3s ease-out}.login-container{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.layout:has(.register-wrapper){overflow:hidden!important;height:100vh!important;min-height:100vh!important}.layout:has(.register-wrapper) .layout-content{overflow:hidden!important;overflow-y:hidden!important;height:100vh!important}.register-wrapper{min-height:100vh;height:100vh;display:flex;align-items:flex-start;justify-content:center;position:relative;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,#2196f3,#1976d2,#009688);padding:var(--spacing-md) var(--spacing-lg);padding-top:var(--spacing-sm);padding-bottom:var(--spacing-md);box-sizing:border-box;margin:0;animation:gradientShift 15s ease infinite;background-size:200% 200%}.register-wrapper.animating{animation:fadeInUp .6s ease-out}.register-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.shape-1{width:120px;height:120px;top:15%;left:8%;background:radial-gradient(circle at 30% 30%,#4facfe99,#00f2fe66);animation-delay:0s}.shape-2{width:160px;height:160px;top:55%;right:8%;background:radial-gradient(circle at 30% 30%,#00968899,#00968866);animation-delay:2s}.shape-3{width:90px;height:90px;bottom:18%;left:18%;background:radial-gradient(circle at 30% 30%,#fa709a99,#fee14066);animation-delay:4s}.shape-4{width:140px;height:140px;top:8%;right:25%;background:radial-gradient(circle at 30% 30%,#30cfd099,#33086766);animation-delay:1s}.register-container{max-width:650px;width:100%;padding:var(--spacing-lg) var(--spacing-lg);background:#fffffff2;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-radius:28px;box-shadow:0 16px 64px #2196f340,0 32px 128px #1976d226,inset 0 1px #ffffffe6;border:2px solid rgba(255,255,255,.5);position:relative;z-index:2;animation:slideIn .8s ease-out;margin:var(--spacing-xs) auto;margin-top:var(--spacing-sm);box-sizing:border-box;overflow:visible;transform-style:preserve-3d}.register-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:28px;padding:2px;background:linear-gradient(135deg,#2196f34d,#1976d24d,#0096884d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .5s;pointer-events:none;animation:rotateBorder 6s linear infinite}.register-container:hover:before{opacity:1}.register-header{text-align:center;margin-bottom:var(--spacing-2xl);animation:fadeInDown .8s ease-out .2s both}.register-header h1{font-size:2rem;font-weight:700;color:var(--color-text);margin:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-header p{color:var(--color-text-light);font-size:1rem;margin-top:var(--spacing-sm);font-weight:400}.register-form{animation:fadeInUp .8s ease-out .4s both}.register-form .ant-form-item{margin-bottom:var(--spacing-lg)}.register-form .ant-form-item-label>label{font-weight:600;color:var(--color-text);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.profile-picture-section{display:flex;justify-content:center;margin-bottom:var(--spacing-2xl)}.profile-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;height:140px;border-radius:50%;background:#f5f5f5;border:2px dashed #d9d9d9;cursor:pointer;transition:var(--transition-normal)}.profile-upload:hover{border-color:var(--color-primary);background:#2196f30d;transform:scale(1.02)}.profile-upload .anticon{font-size:28px;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.profile-upload div{color:var(--color-text-light);font-size:14px;text-align:center}.ant-upload-list-picture-circle .ant-upload-list-item{border-radius:50%;width:140px!important;height:140px!important}.ant-upload-list-picture-circle .ant-upload-list-item-thumbnail{border-radius:50%}.register-form h3{border-bottom:1px solid #f0f0f0;padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-xl);color:var(--color-text);font-size:1.2rem;font-weight:600}.register-button{width:100%;height:52px;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:16px;color:#fff;font-weight:700;font-size:1.05rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 24px #2196f366,0 4px 12px #0000001a,inset 0 1px #ffffff4d;animation:fadeInUp .8s ease-out .6s both;transform-style:preserve-3d;overflow:hidden;position:relative}.register-button:before{content:"";position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,#ffffff4d,#fff0);border-radius:16px 16px 50% 50%;pointer-events:none}.register-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.register-button:hover:not(:disabled):after{width:300px;height:300px}.register-button:hover:not(:disabled){transform:translateY(-4px) translateZ(10px) scale(1.03);box-shadow:0 16px 48px #2196f380,0 8px 24px #00000026,inset 0 1px #fff6}.register-button:active:not(:disabled){transform:translateY(-1px) translateZ(5px) scale(.98);box-shadow:0 4px 12px #2196f366,inset 0 2px 4px #0003}.register-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none;box-shadow:none}.login-link{text-align:center;margin-top:var(--spacing-xl);animation:fadeInUp .8s ease-out .8s both}.login-link p{color:var(--color-text-light);margin-bottom:var(--spacing-md);font-size:.95rem}.login-button{display:inline-block;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:16px;text-decoration:none;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 24px #4facfe66,0 4px 12px #0000001a,inset 0 1px #ffffff4d;transform-style:preserve-3d;overflow:hidden;position:relative}.login-button:before{content:"";position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,#ffffff4d,#fff0);border-radius:16px 16px 50% 50%;pointer-events:none}.login-button:hover{transform:translateY(-4px) translateZ(10px) scale(1.05);box-shadow:0 16px 48px #4facfe80,0 8px 24px #00000026,inset 0 1px #fff6;text-decoration:none;color:#fff}.login-button:active{transform:translateY(-1px) translateZ(5px) scale(.98)}.error-message{color:var(--color-error);text-align:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #FECACA;border-radius:var(--radius-md);font-weight:500;box-shadow:0 4px 12px #dc26261a;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.register-form .ant-checkbox-wrapper{font-size:15px;color:var(--color-text)}.register-form .ant-checkbox-wrapper .ant-checkbox{margin-right:var(--spacing-sm)}.register-form .ant-btn-link{color:var(--color-primary);font-weight:600;text-decoration:underline;padding:0 var(--spacing-xs)}.register-form .ant-btn-link:hover{color:var(--color-primary-light)}@media (max-width: 768px){.register-wrapper{padding:var(--spacing-md);margin:0;min-height:100vh;height:100vh;align-items:flex-start;overflow-y:auto;overflow-x:hidden}.register-container{padding:var(--spacing-lg) var(--spacing-md);margin:var(--spacing-xs) auto;margin-top:var(--spacing-sm);max-width:100%;overflow:visible}.register-header h1,.logo-icon{font-size:1.8rem}.shape{display:none}.profile-upload{width:120px;height:120px}.ant-upload-list-picture-circle .ant-upload-list-item{width:120px!important;height:120px!important}}@media (max-width: 480px){.register-wrapper{padding:var(--spacing-sm);margin:0;min-height:100vh;height:100vh;align-items:flex-start;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm);overflow-y:auto;overflow-x:hidden}.register-container{padding:var(--spacing-md) var(--spacing-sm);max-width:100%;margin:var(--spacing-xs) auto;margin-top:var(--spacing-sm);overflow:visible}.register-header h1{font-size:1.6rem}.modern-input{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 3rem}.input-icon{left:var(--spacing-md)}.profile-upload{width:100px;height:100px}.ant-upload-list-picture-circle .ant-upload-list-item{width:100px!important;height:100px!important}}.forgot-password-wrapper{height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);padding:var(--spacing-lg);box-sizing:border-box;margin:calc(-1 * var(--spacing-md))}.forgot-password-wrapper.animating{animation:fadeInUp .6s ease-out}.forgot-password-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.auth-container{max-width:500px;width:100%;max-height:calc(100vh - 120px);padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.2);position:relative;z-index:2;animation:slideIn .8s ease-out;margin:0 auto;box-sizing:border-box;overflow-y:auto}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl);animation:fadeInDown .8s ease-out .2s both}.auth-header h1{font-size:2rem;font-weight:700;color:var(--color-text);margin:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header h2{color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:1.75rem;font-weight:600}.auth-header p{color:var(--color-text-light);font-size:1rem}.section-header{margin-top:25px;margin-bottom:15px;font-size:18px;font-weight:600;color:#333;border-bottom:1px solid #f0f0f0;padding-bottom:8px}.auth-container h1{text-align:center;color:#2d3748;margin-bottom:.5rem;font-size:1.75rem;font-weight:600}.auth-subtitle{text-align:center;color:#4a5568;font-size:1rem;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md);animation:fadeInUp .8s ease-out .4s both}.auth-form .ant-form-item{margin-bottom:var(--spacing-lg)}.auth-form .ant-form-item-label>label{color:var(--color-text);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.auth-form .ant-input-affix-wrapper{padding:8px 11px;height:42px;border-radius:4px}.auth-form .ant-input-affix-wrapper:hover,.auth-form .ant-input-affix-wrapper:focus,.auth-form .ant-input-affix-wrapper-focused{border-color:#4a90e2}.auth-form .site-form-item-icon{color:#a0aec0}.auth-button{width:100%;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-normal);box-shadow:0 4px 15px #2196f34d;animation:fadeInUp .8s ease-out .6s both}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #2196f366}.auth-button:disabled{background:var(--color-text-muted);cursor:not-allowed;transform:none;box-shadow:none}.auth-description{color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-lg)}.auth-links{margin-top:var(--spacing-md);text-align:center;display:flex;justify-content:space-between;flex-wrap:wrap;animation:fadeInUp .8s ease-out .8s both}.auth-links a,.auth-links button.no-pin-link{color:var(--color-primary);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);height:auto;font-size:14px;font-weight:500;background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-normal)}.auth-links a:hover,.auth-links button.no-pin-link:hover{color:var(--color-primary-light);background:#1890ff1a;text-decoration:none}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;color:#718096}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.auth-divider span{margin:0 1rem}@media (max-width: 768px){.forgot-password-wrapper{padding:var(--spacing-md);margin:calc(-1 * var(--spacing-md));min-height:calc(100vh - 70px)}.auth-container{padding:var(--spacing-xl) var(--spacing-lg);margin:0;max-width:100%}.auth-header h1,.logo-icon{font-size:1.8rem}.shape{display:none}.auth-links{flex-direction:column;gap:var(--spacing-md);text-align:center}}.status-message{display:flex;align-items:center;padding:12px 16px;margin-bottom:20px;border-radius:6px;background-color:#fff2e8;border:1px solid #ffbb96}.status-icon{margin-right:6px;font-size:18px}.status-text{flex:1;font-size:14px;line-height:1.5}.terms-modal-content{max-height:60vh;overflow-y:auto;padding:0 10px}.terms-section{margin-bottom:20px}.terms-section h2{font-size:18px;margin-bottom:10px;color:#1890ff}.terms-section p{margin-bottom:15px;line-height:1.6}.ant-checkbox-wrapper{display:flex;align-items:flex-start;margin-bottom:15px}.ant-checkbox{margin-top:3px}.auth-language-selector{margin-bottom:24px;display:flex;justify-content:center}.auth-language-selector .language-selector{margin-bottom:0}.demand-filters{margin-bottom:1.5rem;width:100%}.filter-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 4px 12px #00000014;padding:1.5rem;border:1px solid #e5e7eb;transition:all .3s ease}.filter-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.filter-search-row{display:flex;gap:1rem;margin-bottom:1.25rem;align-items:center;padding-bottom:1.25rem;border-bottom:2px solid #f0f0f0}.search-form-item{margin-bottom:0!important;flex:1}.search-form-item .ant-input{border-radius:10px;border:2px solid #e5e7eb;padding:.625rem 1rem;font-size:.9375rem;transition:all .2s}.search-form-item .ant-input:focus,.search-form-item .ant-input:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.toggle-filters-btn{height:44px;display:flex;align-items:center;min-width:140px;border-radius:10px;font-weight:600;border:2px solid #3b82f6;transition:all .2s}.toggle-filters-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f633}.expanded-filters{margin-bottom:0;padding-top:1.25rem;border-top:2px solid #f0f0f0;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-actions{display:flex;justify-content:flex-end;margin-top:1.5rem;padding-top:1.25rem;border-top:2px solid #f0f0f0;gap:.75rem}.filter-actions button{min-width:120px;height:44px;border-radius:10px;font-weight:600;font-size:.9375rem;transition:all .2s;box-shadow:0 2px 4px #0000001a}.filter-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.filter-actions .ant-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none}.filter-actions .ant-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.ant-input-group-compact{display:flex!important;align-items:center!important;border-radius:10px;overflow:hidden;border:2px solid #e5e7eb;transition:all .2s}.ant-input-group-compact:hover{border-color:#3b82f6}.ant-input-group-compact .ant-input{flex:1!important;text-align:center!important;border-radius:0!important;border:none!important;padding:.625rem .75rem!important;font-size:.9375rem!important;font-weight:500!important;background:#fff!important}.ant-input-group-compact .ant-input:focus{box-shadow:none!important;background:#f8f9fa!important}.ant-input-group-compact .ant-input:first-child{border-top-left-radius:8px!important;border-bottom-left-radius:8px!important}.ant-input-group-compact .ant-input:last-child{border-top-right-radius:8px!important;border-bottom-right-radius:8px!important}.ant-input-group-compact .ant-input:not(:first-child):not(:last-child){border-left:1px solid #e5e7eb!important;border-right:1px solid #e5e7eb!important}.demand-filters .ant-form-item-label>label{font-weight:600;color:#374151;font-size:.875rem}.demand-filters .ant-select,.demand-filters .ant-picker{border-radius:10px;border:2px solid #e5e7eb;transition:all .2s}.demand-filters .ant-select:hover,.demand-filters .ant-picker:hover{border-color:#3b82f6}.demand-filters .ant-select-focused,.demand-filters .ant-picker-focused{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.filter-card{padding:1rem;border-radius:12px}.filter-search-row{flex-direction:column;gap:.75rem;padding-bottom:1rem}.search-form-item{width:100%}.toggle-filters-btn{width:100%;height:40px}.filter-actions{flex-direction:column;width:100%;gap:.625rem}.filter-actions button{width:100%;margin-bottom:0;height:40px}.expanded-filters{padding-top:1rem}}@media (max-width: 480px){.filter-card{padding:.875rem}.filter-search-row{gap:.625rem}}.clickable-profile-picture{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:2px solid transparent}.clickable-profile-picture:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026;border-color:#1890ff}.clickable-profile-picture:active{transform:scale(1.05)}.password-verification-modal .input-wrapper{position:relative;display:flex;align-items:center}.password-verification-modal .input-icon{position:absolute;left:12px;color:#8c8c8c;z-index:1}.password-verification-modal .modern-input{padding-left:40px}.error-message{color:#ff4d4f;font-size:14px;margin-top:8px}.password-verification-modal.ant-modal-wrap,.ant-modal-wrap.password-verification-modal{z-index:10000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.password-verification-modal .ant-modal-mask{z-index:9999!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.password-verification-modal .ant-modal{z-index:10000!important;max-width:90vw!important;width:100%!important;position:relative!important}@media (min-width: 769px){.ant-modal-wrap.password-verification-modal{display:flex!important;align-items:center!important;justify-content:center!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.password-verification-modal .ant-modal{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;max-width:400px!important}.ant-modal-wrap.password-verification-modal .ant-modal{margin:0!important}}.ant-modal-wrap.password-verification-modal:not(.ant-modal-wrap-open){display:none!important;pointer-events:none!important;z-index:-1!important}.admin-dashboard .password-verification-modal.ant-modal-wrap,.admin-dashboard .ant-modal-wrap.password-verification-modal,.ant-modal-wrap.password-verification-modal.ant-modal-wrap-open{z-index:10000!important}.password-verification-modal .ant-modal-content{max-width:100%!important;width:100%!important}@media (max-width: 768px){.password-verification-modal .ant-modal{position:relative!important;width:90vw!important;max-width:90vw!important;margin:0 auto!important;top:0!important;left:0!important;transform:none!important}.password-verification-modal .ant-modal-content,.password-verification-modal .ant-modal-body{padding:16px!important}.password-verification-modal .ant-modal-header{padding:12px 16px!important}.password-verification-modal .ant-modal-footer{padding:8px 16px!important}}@media (max-width: 480px){.password-verification-modal .ant-modal{width:95vw!important;max-width:95vw!important}.password-verification-modal .ant-modal-content,.password-verification-modal .ant-modal-body{padding:12px!important}}.confirmation-modal .ant-modal{max-width:90vw;margin:0 auto}.confirmation-modal-content{padding:8px 0}.confirmation-message{margin-bottom:16px;font-size:16px;line-height:1.5;color:#000000d9}.confirmation-warning{display:flex;align-items:flex-start;gap:12px;padding:12px;background-color:#fff2f0;border:1px solid #ffccc7;border-radius:6px;margin-bottom:16px}.confirmation-warning .warning-icon{color:#ff4d4f;font-size:18px;margin-top:2px;flex-shrink:0}.confirmation-warning p{margin:0;color:#ff4d4f;font-weight:500;font-size:14px;line-height:1.5}.password-form{margin-top:20px}.password-form .input-wrapper{position:relative;display:flex;align-items:center}.password-form .input-icon{position:absolute;left:12px;color:#8c8c8c;z-index:1}.password-form .modern-input{padding-left:40px}.password-form .error-message{color:#ff4d4f;font-size:14px;margin-top:8px}.confirmation-modal.ant-modal-wrap,.ant-modal-wrap.confirmation-modal{z-index:10000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.confirmation-modal .ant-modal-mask{z-index:9999!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.confirmation-modal .ant-modal{z-index:10000!important;max-width:90vw!important;width:100%!important;position:relative!important}@media (min-width: 769px){.ant-modal-wrap.confirmation-modal{display:flex!important;align-items:center!important;justify-content:center!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.confirmation-modal .ant-modal{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;max-width:400px!important}.ant-modal-wrap.confirmation-modal .ant-modal{margin:0!important}}.ant-modal-wrap.confirmation-modal:not(.ant-modal-wrap-open){display:none!important;pointer-events:none!important;z-index:-1!important}.confirmation-modal .ant-modal-content{max-width:100%!important;width:100%!important}@media (max-width: 768px){.confirmation-modal .ant-modal{position:relative!important;width:90vw!important;max-width:90vw!important;margin:0 auto!important;top:0!important;left:0!important;transform:none!important}.confirmation-modal .ant-modal-content,.confirmation-modal .ant-modal-body{padding:16px!important}.confirmation-modal .ant-modal-header{padding:12px 16px!important}.confirmation-modal .ant-modal-footer{padding:8px 16px!important}.confirmation-message{font-size:14px}}@media (max-width: 480px){.confirmation-modal .ant-modal{width:95vw!important;max-width:95vw!important}.confirmation-modal .ant-modal-content,.confirmation-modal .ant-modal-body{padding:12px!important}.confirmation-message{font-size:14px}.confirmation-warning{padding:10px;gap:8px}.confirmation-warning .warning-icon{font-size:16px}.confirmation-warning p{font-size:13px}}.notifications-popup-modal .ant-modal-wrap{display:flex!important;align-items:center!important;justify-content:center!important}.notifications-popup-modal .ant-modal{margin:0 auto!important;top:0!important;padding-bottom:0!important}.notifications-popup-modal .ant-modal-body{max-height:60vh;overflow-y:auto;padding:1rem}.notification-popup-item{transition:all .2s ease}.notification-popup-item:hover{box-shadow:0 2px 8px #0000001a}.notification-popup-item.unread{background-color:#e6f7ff;border-color:#91d5ff!important}.notification-icon-container{position:relative;flex-shrink:0}.notification-icon{font-size:1.5rem}.notification-icon.success{color:#52c41a}.notification-icon.info{color:#1890ff}.notification-icon.warning{color:#faad14}.notification-icon.error{color:#ff4d4f}.notification-badge{position:absolute;top:-.5rem;right:-.5rem;background-color:#ff4d4f;color:#fff;border-radius:50%;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;padding:.125rem}.dashboard-container{max-width:100%;width:100%;height:100%;padding:var(--spacing-lg) var(--spacing-lg);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0;box-shadow:none;border:none;position:relative;z-index:2;animation:slideIn .8s ease-out;margin:0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.buyer-dashboard-container{padding:.5rem;max-width:100%;width:100%;margin:0 auto;min-height:auto;display:flex;flex-direction:column;animation:fadeIn .6s ease-out;gap:.25rem;box-sizing:border-box;overflow-x:hidden;flex:1;overflow-y:visible}.dashboard-action-button{transition:all .2s ease}@media (max-width: 768px){.dashboard-wrapper{padding:var(--spacing-md);margin:0;height:calc(100vh - 70px)}.dashboard-container{padding:var(--spacing-lg) var(--spacing-md);margin:0;max-width:100%;height:100%}.shape{display:none}.dashboard-action-button{padding:4px 8px!important;min-width:auto!important}.dashboard-action-button .anticon{margin-right:4px!important}.buyer-dashboard-container>div:first-of-type>div:last-of-type{width:100%!important;max-width:100%!important;margin-top:.5rem;justify-content:flex-start!important}.buyer-dashboard-container>div:first-of-type>div:first-of-type{width:100%!important;max-width:100%!important}}@media (max-width: 480px){.dashboard-action-button{padding:4px 6px!important}.dashboard-action-button .anticon{margin-right:3px!important}}.demands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:var(--spacing-md);padding:0;margin-top:0;width:100%;max-width:100%;overflow-x:hidden;justify-items:stretch;align-items:start;box-sizing:border-box}.buyer-dashboard-container .ant-pagination{margin:0!important;padding:.25rem 0!important;overflow:visible!important}.buyer-dashboard-container .ant-pagination .ant-pagination-total-text{padding-left:.5rem!important;padding-right:.5rem!important;white-space:nowrap!important;overflow:visible!important}.buyer-dashboard-container .ant-tabs-content-holder{padding:0!important;margin:0!important}.buyer-dashboard-container .ant-tabs-tabpane{padding:0!important;margin:0!important;margin-top:-.25rem!important}.buyer-dashboard-container .ant-tabs-content{padding:0!important;margin:0!important}.buyer-dashboard-container .ant-tabs-tab{margin-bottom:0!important;padding:.5rem 1rem!important}.buyer-dashboard-container .ant-tabs-nav{margin-bottom:0!important}@media (max-width: 768px){.demands-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px;padding:12px 0}}@media (max-width: 480px){.dashboard-wrapper{padding:0;margin:0;height:calc(100vh - 60px)}.dashboard-container{padding:var(--spacing-md) var(--spacing-xs);padding-left:0;padding-right:0;max-width:100%;height:100%;border-radius:0}.demands-grid{grid-template-columns:1fr;gap:8px;padding:var(--spacing-sm) var(--spacing-xs)}}.ant-modal-body{overflow-y:auto!important;overflow-x:hidden!important}.ant-modal .ant-modal-body{max-height:calc(100vh - 200px)!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.ant-modal .ant-modal-body>div{overflow-y:visible!important;overflow-x:hidden!important}.common-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;border-radius:20px!important;overflow:visible!important;box-shadow:0 8px 16px #0000001f,0 4px 8px #00000014,inset 0 1px #ffffff80!important;position:relative!important;border:1px solid rgba(255,255,255,.3)!important;background:linear-gradient(145deg,#fffffff2,#f8fafcf2)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:blur(20px) saturate(180%)!important;min-height:auto!important;height:auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;transform-style:preserve-3d!important;margin:0!important;align-self:start!important}.common-card.news-card,.common-card.news-card .card-content{min-height:auto!important;height:auto!important}.common-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:2px!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)!important;opacity:.8!important;z-index:1!important}.common-card:after{content:""!important;position:absolute!important;top:-50%!important;left:-50%!important;width:200%!important;height:200%!important;background:radial-gradient(circle,rgba(33,150,243,.05),transparent 70%)!important;opacity:0!important;transition:opacity .4s!important;pointer-events:none!important}.common-card:hover{transform:translateY(-10px) rotateX(3deg) rotateY(-3deg) scale(1.02)!important;box-shadow:0 16px 32px #0000002e,0 8px 16px #0000001f,0 40px 80px #00000014,inset 0 1px #fff9!important;border-color:#2196f366!important}.common-card:hover:after{opacity:1!important}.common-card .card-menu-button{height:32px;width:32px;display:flex;align-items:center;justify-content:center;border:none;padding:0;margin-right:-8px;position:absolute;right:12px;top:12px;z-index:10}.common-card .card-menu-button:hover{background-color:#0000000a}.common-card .card-menu-button .anticon{font-size:16px;color:#000000a6}.common-card .card-top-border{height:6px;width:100%}.common-card .card-top-border.demand{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.common-card .card-top-border.buyer{background:linear-gradient(90deg,#1890ff,#69c0ff)}.common-card .card-top-border.seller{background:linear-gradient(90deg,#52c41a,#95de64)}.common-card .card-top-border.admin{background:linear-gradient(90deg,#1890ff,#69c0ff)}.common-card .card-top-border.support{background:linear-gradient(90deg,#fa8c16,#ffc53d)}.common-card .card-top-border.news{background:linear-gradient(90deg,#722ed1,#b37feb)}.common-card .card-badge{position:absolute;top:.75rem;right:.75rem;z-index:1}.common-card .card-content{padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + .5rem);min-height:auto;height:auto;display:flex;flex-direction:column;gap:1rem;align-items:flex-start;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.common-card .card-profile-picture{flex-shrink:0;margin-bottom:.5rem;align-self:flex-start}.common-card .card-main-content{flex:1;min-width:0;width:100%;max-width:100%;overflow:visible}.common-card .card-title{margin-bottom:var(--spacing-lg);padding-right:6rem;position:relative;line-height:1.5;min-height:auto;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.common-card .card-info{margin-bottom:var(--spacing-lg);flex-grow:1;padding-bottom:var(--spacing-md);width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.common-card .card-info-row{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:var(--spacing-md)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important;flex-wrap:nowrap!important;gap:.75rem!important;min-width:0!important}.common-card .card-info-label{font-size:clamp(.75rem,2.5vw,.875rem)!important;color:var(--color-text-light)!important;flex:0 0 auto!important;min-width:fit-content!important;max-width:45%!important;display:flex!important;align-items:flex-start!important;word-break:break-word!important;flex-shrink:0!important}.common-card .card-info-value{font-size:clamp(.75rem,2.5vw,.875rem)!important;font-weight:600!important;flex:1 1 auto!important;text-align:right!important;word-break:break-word!important;overflow-wrap:break-word!important;margin-left:.5rem!important;display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;min-width:0!important;max-width:55%!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.common-card .created-date-value .created-date-full{display:inline}.common-card .created-date-value .created-date-short{display:none}@media (max-width: 768px){.common-card .card-info-row{flex-direction:row!important;align-items:flex-start!important;gap:.5rem!important;flex-wrap:nowrap!important}.common-card .card-info-label{flex:0 0 auto!important;min-width:fit-content!important;max-width:40%!important;display:flex!important;align-items:flex-start!important;flex-shrink:0!important}.common-card .card-info-value{flex:1 1 auto!important;min-width:0!important;text-align:right!important;font-size:clamp(.65rem,2vw,.75rem)!important;display:flex!important;align-items:flex-start!important;justify-content:flex-end!important}}@media (max-width: 480px){.common-card .created-date-value .created-date-full{display:none!important}.common-card .created-date-value .created-date-short{display:inline!important}.common-card .created-date-row{flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important}.common-card .created-date-value{width:100%!important;text-align:left!important;margin-top:0!important;margin-left:0!important}.common-card .card-info-row{gap:.375rem!important}.common-card .card-info-label{font-size:clamp(.65rem,2vw,.7rem)!important;max-width:45%!important}.common-card .card-info-value{font-size:clamp(.65rem,2vw,.7rem)!important;line-height:1.4!important}}.common-card .card-description{margin-bottom:10px;max-height:60px;overflow:hidden;text-overflow:ellipsis}.common-card .card-separator{height:1px;background-color:var(--color-background-light);margin:var(--spacing-md) 0;width:100%;box-sizing:border-box;flex-shrink:0}.common-card .card-actions{display:flex!important;flex-wrap:nowrap!important;gap:var(--spacing-xs);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid #f0f0f0;justify-content:center!important;align-items:center!important;width:100%!important;flex-direction:row!important}.common-card .card-actions .ant-btn{height:clamp(2rem,6vw,2.25rem);border-radius:.375rem;padding:0 clamp(.5rem,2vw,.75rem);font-size:clamp(.75rem,2.5vw,.875rem);font-weight:500;display:flex;align-items:center;justify-content:center;width:auto;min-width:clamp(3.5rem,12vw,4.375rem);opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.common-card .card-actions .ant-btn.card-view-button{width:auto;min-width:clamp(4rem,15vw,5rem)}.common-card .card-actions .ant-btn .anticon,.common-card .card-actions .ant-btn svg{margin-right:clamp(.125rem,1vw,.25rem);font-size:clamp(.75rem,3vw,.875rem);flex-shrink:0}.common-card .card-view-button{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.common-card .card-view-button:hover{background:#2563eb!important;border-color:#2563eb!important}.common-card .ant-card-body{overflow:visible!important;padding-bottom:var(--spacing-lg)!important;padding-left:0!important;padding-right:0!important;padding-top:0!important;min-height:auto!important;height:auto!important}.common-card .button-rows{display:flex!important;flex-direction:column!important;gap:var(--spacing-xs);width:100%!important;align-items:stretch!important;margin-top:auto!important;overflow:visible!important}.common-card .button-row{display:flex!important;gap:var(--spacing-xs);width:100%!important;justify-content:stretch!important;flex-wrap:nowrap!important;overflow:visible!important;flex-direction:row!important}.common-card .button-row .ant-btn{flex:1!important;min-width:0!important;font-size:clamp(.7rem,2vw,.8rem)!important;padding:0 clamp(.375rem,1.5vw,.5rem)!important;height:clamp(1.75rem,5vw,2rem)!important;text-align:center;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(.25rem,1vw,.375rem)!important;box-sizing:border-box!important}.common-card .button-row .ant-btn .anticon,.common-card .button-row .ant-btn svg{flex-shrink:0!important;font-size:clamp(.7rem,2vw,.8rem)!important;margin:0!important;display:inline-flex!important;align-items:center!important}.common-card .button-row .ant-btn>span:not(.ant-badge){overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex-shrink:1!important;min-width:0!important}.common-card .button-row .ant-btn .ant-badge{display:inline-flex!important;align-items:center!important;flex-shrink:0!important}.common-card .button-row .ant-btn .ant-badge .ant-badge-count{position:absolute!important;top:-.5rem!important;right:-.5rem!important}.common-card .button-row.first-row .ant-btn{max-width:calc(50% - var(--spacing-xs) / 2);flex-shrink:1}@media (max-width: 480px){.common-card .button-row .ant-btn{font-size:clamp(.6rem,1.8vw,.65rem)!important;padding:0 clamp(.125rem,1vw,.25rem)!important;height:clamp(1.5rem,4.5vw,1.75rem)!important;flex:1!important;gap:clamp(.125rem,.8vw,.25rem)!important}.common-card .button-row .ant-btn .anticon,.common-card .button-row .ant-btn svg{font-size:clamp(.6rem,1.8vw,.65rem)!important}.common-card .button-row{gap:clamp(.125rem,1vw,.25rem)}.common-card .button-row.single-row .ant-btn{font-size:clamp(.6rem,1.8vw,.65rem);padding:0 clamp(.0625rem,.5vw,.125rem);flex:1!important;gap:clamp(.125rem,.8vw,.25rem)!important}}@media (max-width: 768px){.common-card .button-row .ant-btn{font-size:clamp(.65rem,2vw,.7rem)!important;padding:0 clamp(.3rem,1.2vw,.4rem)!important;height:clamp(1.625rem,4.8vw,1.875rem)!important;gap:clamp(.2rem,1vw,.3rem)!important}.common-card .button-row .ant-btn .anticon,.common-card .button-row .ant-btn svg{font-size:clamp(.65rem,2vw,.7rem)!important}}.common-card .button-row.first-row{margin-bottom:var(--spacing-xs)}.common-card .button-row.second-row{margin-top:var(--spacing-xs)}.common-card .button-row.first-row .ant-btn{max-width:calc(50% - var(--spacing-xs) / 2);flex-shrink:1;min-width:2.5rem}.common-card .button-row.second-row .ant-btn{max-width:100%;width:auto;min-width:2.5rem}.common-card .card-actions .ant-btn-primary.success-button{background:#52c41a!important;border-color:#52c41a!important;color:#fff!important}.common-card .card-actions .ant-btn-primary.success-button:hover{background:#389e0d!important;border-color:#389e0d!important}.common-card .card-actions .ant-btn-primary.warning-button{background:#faad14!important;border-color:#faad14!important}.common-card .card-actions .ant-btn-default.block-button{color:#ff4d4f!important;border-color:#ff4d4f!important}.common-card .card-actions .ant-btn-default.block-button:hover{color:#fff!important;background:#ff4d4f!important;border-color:#ff4d4f!important}.common-card .card-actions .ant-btn-danger{color:#fff!important;border-color:#ff4d4f!important;background:#ff4d4f!important}.common-card .card-actions .ant-btn-danger:hover{color:#fff!important;background:#ff7875!important;border-color:#ff7875!important}.status-badge{font-size:11px;padding:0 10px;line-height:20px;height:20px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center;vertical-align:middle}.status-badge.active{background-color:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.status-badge.accepted,.status-badge.completed,.status-badge.approved{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-badge.rejected,.status-badge.cancelled,.status-badge.blocked{background-color:#fff2f0;color:#f5222d;border:1px solid #ffa39e}.status-badge.pending,.status-badge.expired,.status-badge.partially_filled{background-color:#fff7e6;color:#fa8c16;border:1px solid #ffd591}@media (max-width: 768px){.common-card{width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important}.common-card .ant-card-body{height:auto!important;min-height:auto!important;max-height:none!important;padding:12px 12px 16px!important;overflow:visible!important;width:100%!important;max-width:100%!important}.common-card .card-content{padding:16px;min-height:auto;height:auto;width:100%!important;max-width:100%!important;flex-direction:column!important;gap:.75rem!important}.common-card .card-profile-picture{flex-shrink:0!important;margin-bottom:.5rem!important;align-self:flex-start!important}.common-card .card-main-content{flex:1!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:visible!important}.common-card .card-title{margin-bottom:1rem!important}.common-card .card-info-row{margin-bottom:.75rem!important;gap:.5rem!important}.common-card .card-separator{margin:1rem 0!important}.common-card .card-title{padding-right:4rem;min-height:auto;width:100%!important;max-width:100%!important;margin-bottom:.75rem!important}.common-card .card-info{width:100%!important;max-width:100%!important}.common-card .card-info-row{flex-direction:row!important;align-items:flex-start!important;gap:.5rem!important;width:100%!important;max-width:100%!important}.common-card .card-info-label{font-size:clamp(.65rem,2vw,.6875rem)!important;flex:0 0 auto!important;max-width:40%!important;min-width:fit-content!important}.common-card .card-info-value{font-size:clamp(.7rem,2.2vw,.75rem)!important;text-align:right!important;max-width:60%!important;min-width:0!important;word-break:break-word!important;overflow-wrap:break-word!important;flex:1 1 auto!important;white-space:normal!important}.common-card .card-info-label{flex-shrink:0!important;min-width:fit-content!important}.common-card .card-actions{margin-top:10px;padding-top:6px;gap:4px}.common-card .card-actions .ant-btn{padding:0 clamp(.25rem,1.5vw,.375rem);height:clamp(1.5rem,4.5vw,1.625rem);font-size:clamp(.65rem,2vw,.6875rem);min-width:clamp(2.5rem,10vw,3.125rem)}.common-card .card-actions .ant-btn .anticon{margin-right:clamp(.0625rem,.5vw,.125rem);font-size:clamp(.7rem,2.2vw,.75rem)}}@media (max-width: 480px){.common-card{overflow:visible!important}.common-card .ant-card-body{overflow:visible!important;height:auto!important}.common-card .card-content{padding:8px;overflow:visible!important}.common-card .card-title{padding-right:3rem;margin-bottom:8px;width:100%!important;max-width:100%!important}.common-card{width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important}.common-card .ant-card-body{width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important}.common-card .card-content{width:100%!important;max-width:100%!important;flex-direction:column!important;gap:.5rem!important;padding:12px!important}.common-card .card-profile-picture{flex-shrink:0!important;margin-bottom:.5rem!important;align-self:flex-start!important}.common-card .card-main-content{width:100%!important;max-width:100%!important}.common-card .card-title{margin-bottom:.75rem!important}.common-card .card-info-row{margin-bottom:.625rem!important;gap:.375rem!important;flex-wrap:nowrap!important}.common-card .card-separator{margin:.75rem 0!important}.common-card .card-info{padding-bottom:.75rem!important}.common-card .card-profile-picture img,.common-card .card-profile-picture .ant-avatar{width:40px!important;height:40px!important}.common-card .card-main-content{flex:1!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:visible!important}.common-card .card-info{width:100%!important;max-width:100%!important}.common-card .card-info-row{margin-bottom:var(--spacing-xs);flex-wrap:nowrap!important;gap:.25rem!important;align-items:flex-start!important;width:100%!important;max-width:100%!important}.common-card .card-info-label{font-size:clamp(.6rem,1.8vw,.625rem)!important;flex:0 0 auto!important;max-width:45%!important;min-width:fit-content!important;word-break:break-word!important;display:flex!important;align-items:flex-start!important;flex-shrink:0!important}.common-card .card-info-value{font-size:clamp(.65rem,2vw,.6875rem)!important;line-height:1.3!important;flex:1 1 auto!important;min-width:0!important;max-width:55%!important;word-break:break-word!important;overflow-wrap:break-word!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;display:flex!important;align-items:flex-start!important;justify-content:flex-end!important}.common-card .created-date-row{flex-direction:row!important;align-items:flex-start!important;gap:.375rem!important}.common-card .created-date-value{text-align:right!important;margin-left:0!important;margin-top:0!important}.common-card .created-date-value .created-date-full{display:none!important}.common-card .created-date-value .created-date-short{display:inline!important}.common-card .card-actions{flex-direction:column;gap:6px;margin-top:8px;padding-top:8px}.common-card .card-actions .ant-btn{width:100%;height:clamp(1.75rem,5vw,2rem);font-size:clamp(.7rem,2.2vw,.75rem)}.common-card .card-actions .ant-btn .anticon{margin-right:clamp(.125rem,1vw,.1875rem);font-size:clamp(.75rem,3vw,.875rem)}.common-card .button-row{width:100%;max-width:100%;padding:0 var(--spacing-xs);box-sizing:border-box}.common-card .button-row .ant-btn{flex:1;min-width:0;max-width:100%;overflow:hidden!important;text-overflow:ellipsis;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(.125rem,.8vw,.25rem)!important}.common-card .button-row .ant-btn .anticon,.common-card .button-row .ant-btn svg{flex-shrink:0!important;margin:0!important}.common-card .button-row .ant-btn>span:not(.ant-badge){overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex-shrink:1!important;min-width:0!important}}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px;margin-bottom:20px}.demands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:16px;width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 1024px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.demands-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:14px}}@media (max-width: 768px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.demands-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px}}@media (max-width: 640px){.demands-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,100%),1fr));gap:12px}}@media (max-width: 480px){.cards-grid{grid-template-columns:1fr;gap:12px}.demands-grid{grid-template-columns:1fr;gap:8px}}.pagination-container{margin:20px 0;display:flex;justify-content:center}.dashboard-tabs{width:100%;margin-top:0;margin-bottom:0}.dashboard-tabs .ant-tabs-nav{margin-bottom:.25rem!important;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;padding:.5rem!important;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;position:relative}.dashboard-tabs .ant-tabs-nav-list{display:flex!important;width:100%!important;justify-content:space-evenly!important;flex-wrap:nowrap!important}.dashboard-tabs .ant-tabs-nav-wrap{display:flex!important;width:100%!important;overflow:visible!important}.dashboard-tabs .ant-tabs-nav{overflow:visible!important}.dashboard-tabs .ant-tabs-nav:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent)}.dashboard-tabs .ant-tabs-tab{padding:1rem 2rem!important;margin:0 .25rem!important;font-weight:600;font-size:1.125rem!important;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center!important;border-radius:8px;color:#6b7280;position:relative;border:2px solid transparent;min-height:48px;display:flex;align-items:center;justify-content:center;flex:1 1 0!important;max-width:none!important}.dashboard-tabs .ant-tabs-tab:hover{color:#3b82f6;background-color:#3b82f60d;transform:translateY(-1px)}.dashboard-tabs .ant-tabs-tab-active{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;border-color:#3b82f6!important;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.dashboard-tabs .ant-tabs-tab-active:before{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #3b82f6}.dashboard-tabs .ant-tabs-ink-bar{display:none!important}.dashboard-tabs .ant-tabs-content-holder{background:transparent;border-radius:12px;padding:0;margin-top:0}.dashboard-tabs .ant-tabs-content,.dashboard-tabs .ant-tabs-tabpane{padding:0!important}.subtabs{margin-top:1rem;margin-bottom:1.5rem}.subtabs .ant-tabs-nav{margin-bottom:1.25rem!important;background:#f9fafb;border-radius:10px;padding:.375rem!important;border:1px solid #e5e7eb}.subtabs .ant-tabs-nav-list{display:flex!important;width:100%!important;justify-content:space-evenly!important;flex-wrap:nowrap!important}.subtabs .ant-tabs-nav-wrap{display:flex!important;width:100%!important;overflow:visible!important}.subtabs .ant-tabs-nav{overflow:visible!important}.subtabs .ant-tabs-tab{padding:.625rem 1.25rem!important;margin:0 .125rem!important;font-size:.875rem!important;font-weight:500;border-radius:6px;transition:all .2s;flex:1 1 0!important;max-width:none!important}.subtabs .ant-tabs-tab:hover{background-color:#3b82f614;color:#3b82f6}.subtabs .ant-tabs-tab-active{background:#3b82f6!important;color:#fff!important;box-shadow:0 2px 6px #3b82f640}.subtabs .ant-tabs-ink-bar{display:none!important}.support-badge{margin-left:8px}.tab-icon{margin-right:4px}.dashboard-tabs.ant-tabs-card>.ant-tabs-nav .ant-tabs-nav-list{display:flex!important;width:100%!important;justify-content:space-evenly!important;flex-wrap:nowrap!important}.dashboard-tabs.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab{flex:1 1 0!important;max-width:none!important;text-align:center!important}.dashboard-tabs .ant-tabs-content .ant-tabs.ant-tabs-card>.ant-tabs-nav .ant-tabs-nav-list{display:flex!important;width:100%!important;justify-content:space-evenly!important;flex-wrap:nowrap!important}.dashboard-tabs .ant-tabs-content .ant-tabs.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab{flex:1 1 0!important;max-width:none!important;text-align:center!important}.rate-ticker-container{background:linear-gradient(135deg,#1e3a8a,#3b82f6,#06b6d4);padding:.75rem 1rem;margin:0 0 .75rem;border-radius:12px;box-shadow:0 4px 12px #1e3a8a33;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;width:100%;max-width:100%;min-height:80px;z-index:1;box-sizing:border-box}.rate-ticker-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.rate-ticker-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap;position:relative;z-index:2}.ticker-title{font-weight:600;color:#fff;font-size:.9375rem;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.2);display:flex;align-items:center;gap:.375rem}.ticker-title:before{content:"📊";font-size:1.25rem;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.period-selector{background:#f5f5f5;border:1px solid #d9d9d9;border-radius:.25rem;padding:.25rem .5rem;color:#333;font-size:.75rem;cursor:pointer;outline:none;transition:all .2s}.period-selector:hover{background:#e8e8e8;border-color:#40a9ff}.period-selector option{background:#fff;color:#333}.rate-ticker-scroll{overflow:hidden;position:relative;width:100%;max-width:100%;height:auto;min-height:50px;border-radius:8px;background:#ffffff0d;padding:.5rem 0;box-sizing:border-box}.rate-ticker-content{display:flex;gap:1.25rem;animation:scroll 20s linear infinite;will-change:transform;padding:0 1rem}.rate-ticker-content:before,.rate-ticker-content:after{content:"";display:block;flex-shrink:0}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{display:flex;align-items:center;gap:1rem;background:#fffffff2;padding:.875rem 1.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.3);white-space:nowrap;flex-shrink:0;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s,box-shadow .2s}.ticker-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.ticker-item:hover .hide-ticker-btn{opacity:.9}.hide-ticker-btn{opacity:.7;transition:opacity .2s,color .2s,background-color .2s;margin-left:.5rem}.hide-ticker-btn:hover{opacity:1;color:#ef4444!important;background-color:#ef444426!important}.item-name{font-weight:600;color:#1f2937;font-size:.9375rem;min-width:100px}.item-rate{color:#1f2937;font-weight:600;font-size:.875rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:.5rem .875rem;border-radius:8px;border:1px solid rgba(59,130,246,.2);display:flex;flex-direction:column;gap:.125rem;min-width:120px}.current-rate{font-weight:700;font-size:1rem;color:#1e40af}.prev-rate-text{font-weight:400;font-size:.75rem;opacity:.7;color:#64748b}.item-trend{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fffc}.trend-icon{font-size:.875rem}.trend-icon.trend-up{color:#10b981}.trend-icon.trend-down{color:#ef4444}.trend-icon.trend-stable{color:#6b7280}.item-change{font-weight:600;font-size:.875rem;padding:.375rem .75rem;border-radius:8px;background:#ffffffe6;min-width:90px;text-align:center}@media (max-width: 768px){.rate-ticker-container{padding:.5rem .75rem .75rem;min-height:120px;margin:.25rem 0 .75rem}.rate-ticker-label{margin-bottom:.25rem;gap:.5rem}.ticker-item{gap:.5rem;padding:.375rem .5rem}.item-name,.item-rate,.ticker-title{font-size:.75rem}.period-selector{font-size:.625rem;padding:.25rem .375rem}.rate-ticker-scroll{min-height:60px}}.rate-ticker-container:hover .rate-ticker-content{animation-play-state:paused}.ticker-loading{display:flex;align-items:center;justify-content:center;padding:1.5rem;color:#ffffffe6;font-size:.9375rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2);min-height:70px}.seller-dashboard-wrapper{min-height:calc(100vh - 80px);height:auto;display:flex;align-items:flex-start;justify-content:flex-start;position:relative;overflow:visible;background:var(--color-surface);padding:0;box-sizing:border-box;margin:0}.seller-dashboard-wrapper.animating{animation:fadeInUp .6s ease-out}.seller-dashboard-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;display:none}.seller-dashboard-container{padding:0;max-width:100%;margin:0;min-height:calc(100vh - 80px);display:flex;flex-direction:column;animation:fadeIn .6s ease-out;gap:0;width:100%;box-sizing:border-box;background:var(--color-surface)}.seller-dashboard-container.dashboard-container,.dashboard-wrapper .dashboard-container.seller-dashboard-container{min-height:calc(100vh - 80px)!important;background:var(--color-surface)!important;height:auto!important}.seller-dashboard-container .ant-pagination{margin:0!important;padding:.25rem 0!important}.seller-dashboard-container .ant-tabs-content-holder,.seller-dashboard-container .ant-tabs-tabpane,.seller-dashboard-container .ant-tabs-content{padding:0!important;margin:0!important}.seller-dashboard{max-width:100%;width:100%;min-height:calc(100vh - 80px);padding:var(--spacing-md);padding-bottom:calc(var(--spacing-lg) + 80px);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0;box-shadow:none;border:none;position:relative;z-index:2;animation:slideIn .8s ease-out;margin:0;box-sizing:border-box;overflow-y:visible;display:flex;flex-direction:column}.dashboard-filters{margin-bottom:var(--spacing-lg);display:flex;gap:var(--spacing-md);flex-wrap:wrap}.search-input{min-width:15.625rem;max-width:18.75rem}.dashboard-content{flex:1;overflow:hidden}.demands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:var(--spacing-md);padding:var(--spacing-md) 0;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;justify-items:stretch;align-items:start}@media (max-width: 1024px){.demands-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:14px;justify-items:stretch}}@media (max-width: 768px){.demands-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:var(--spacing-sm);justify-items:stretch}}@media (max-width: 640px){.demands-grid{grid-template-columns:1fr;gap:12px;justify-items:stretch}}@media (max-width: 480px){.demands-grid{grid-template-columns:1fr;gap:var(--spacing-xs);justify-items:stretch}}.demand-header{display:flex;justify-content:space-between;align-items:center}.demand-header h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text)}.demand-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-row .label{color:var(--color-text-light);font-size:var(--font-size-sm)}.detail-row .value{color:var(--color-text);font-weight:500}.demand-actions{display:flex;gap:var(--spacing-sm);margin-top:auto}.demand-actions button{flex:1}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.status-badge.active{background-color:#1890ff1a;color:var(--color-status-active)}.status-badge.accepted,.status-badge.completed{background-color:#f6ffed;color:#52c41a}.status-badge.expired{background-color:#fff2f0;color:#ff4d4f}.status-badge.cancelled{background-color:#f5f5f5;color:#8c8c8c}@media (max-width: 768px){.seller-dashboard-wrapper{padding:var(--spacing-lg) 0}.seller-dashboard{padding:var(--spacing-md);padding-bottom:calc(var(--spacing-lg) + 80px);margin:0;max-width:100%;min-height:calc(100vh - 140px);max-height:calc(100vh - 140px);border-radius:0}.shape{display:none}.dashboard-filters{flex-direction:column;gap:12px}.search-input{width:100%;max-width:none}.demands-grid{grid-template-columns:1fr;gap:12px;padding:var(--spacing-md) 0;justify-items:stretch}.demand-card{padding:16px}}@media (max-width: 480px){.seller-dashboard-wrapper{padding:0}.seller-dashboard{padding:var(--spacing-md) var(--spacing-xs);padding-left:0;padding-right:0}.demands-grid{padding:var(--spacing-sm) 0;justify-items:stretch}}.welcome-section{display:flex;align-items:center;gap:16px}.profile-pic{width:64px;height:64px;border-radius:50%;background:#f0f2f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-pic img{width:100%;height:100%;object-fit:cover}.profile-pic svg{color:#1890ff}.welcome-message h1{margin:0;font-size:24px;color:#1f1f1f}.welcome-message p{margin:4px 0 0;color:#666;font-size:14px}.header-actions{display:flex;gap:8px}.header-actions .ant-btn{font-size:18px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.dashboard-actions{margin-bottom:2rem;display:flex;justify-content:flex-end}.dashboard-tabs{margin-bottom:2rem}.no-demands{text-align:center;padding:2rem;color:#718096;font-size:1.1rem}.profile-section{max-width:600px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:2rem}.profile-icon{color:#4a90e2}.profile-header h2{color:#2d3748;font-size:1.5rem;margin:0}.profile-details{display:grid;gap:1.5rem}.profile-details .detail-item{display:grid;grid-template-columns:120px 1fr;gap:1rem;align-items:center}.profile-details label{color:#718096;font-weight:500}.profile-details span{color:#2d3748}.demand-details-modal{padding:24px}.ant-modal-mask{pointer-events:auto!important}.ant-modal-wrap:not(.ant-modal-wrap-open){display:none!important;pointer-events:none!important}.password-verification-modal.ant-modal{top:50%!important;transform:translateY(-50%)!important}@media (min-width: 768px){.password-verification-modal.ant-modal{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}}.demand-details-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.demand-title{display:flex;justify-content:space-between;align-items:center}.demand-title h2{margin:0;font-size:24px;color:#262626}.demand-details-content{display:flex;flex-direction:column;gap:24px}.demand-details-section{background-color:#fafafa;padding:20px;border-radius:8px;box-shadow:0 1px 2px #0000000d}.demand-details-section h3{margin:0 0 16px;font-size:16px;color:#262626;font-weight:500}.demand-description{margin:0;color:#595959;font-size:14px;line-height:1.5}.action-buttons{display:flex;gap:16px;align-items:center}.reports-button{background-color:#1890ff;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:16px;cursor:pointer;transition:background-color .3s}.reports-button:hover{background-color:#096dd9}.back-button{background-color:#f0f0f0;color:#595959;border:none;border-radius:4px;padding:8px 16px;font-size:16px;cursor:pointer;transition:all .3s;margin-bottom:16px}.back-button:hover{background-color:#d9d9d9;color:#262626}.demand-proof-actions{margin-top:20px;padding-top:15px;border-top:1px solid #eee}.demand-proofs{margin-top:20px}.proof-thumbnails{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.proof-thumbnail{width:80px;height:80px;overflow:hidden;border-radius:4px;cursor:pointer;border:1px solid #e0e0e0}.proof-thumbnail img{width:100%;height:100%;object-fit:cover}.no-proofs-message{color:#999;font-style:italic}.fulfillment-options{display:flex}.image-item{display:flex;flex-direction:column;border:1px solid #eee;border-radius:8px;overflow:hidden;margin-bottom:15px}.image-preview{position:relative;height:150px;overflow:hidden;cursor:pointer}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.image-details{padding:10px;display:flex;justify-content:space-between;align-items:flex-start}.image-details h4{margin:0 0 5px}.image-details p{margin:0;color:#666;font-size:.9em}.existing-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-top:15px}@media (max-width: 768px){.existing-images{grid-template-columns:1fr}}.delivery-proofs-note{margin-top:16px;padding:12px;background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:4px}.delivery-proofs-note p{margin:0;color:#52c41a;font-size:14px;line-height:1.5}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0}.delivery-proofs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:16px}.proof-item{border:1px solid #f0f0f0;border-radius:8px;overflow:hidden;background:#fff;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.proof-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.proof-image{position:relative;height:180px;overflow:hidden}.proof-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.proof-info{padding:12px}.proof-info h4{margin:0 0 4px;font-size:14px;color:#262626}.proof-info p{margin:0;font-size:12px;color:#8c8c8c;line-height:1.5}.view-more-proofs{display:flex;justify-content:center;padding:16px 0}.no-proofs{text-align:center;padding:24px;background:#fafafa;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:8px}.no-proofs p{margin:0;color:#8c8c8c;font-size:14px}.no-proofs.no-proofs-warning{background-color:#fff7e6;border:1px solid #ffd591}.no-proofs.no-proofs-warning p{color:#d46b08;font-weight:500}.no-proofs .warning-icon{color:#fa8c16;font-size:24px}@media (max-width: 768px){.section-header{flex-direction:column;gap:12px;align-items:flex-start}.delivery-proofs-grid{grid-template-columns:1fr}}.card-proof-reminder{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#fff7e6;border:1px solid #ffd591;border-radius:8px;margin:0}.card-proof-reminder .reminder-icon{color:#fa8c16;font-size:16px;flex-shrink:0}.card-proof-reminder span{color:#d46b08;font-size:13px;font-weight:500;line-height:1.4}.ant-empty{margin:48px 0;grid-column:1 / -1}.ant-tabs{margin-top:24px}.filter-card{margin-bottom:24px}.notification-icon{cursor:pointer}.floating-actions{position:fixed!important;right:20px!important;bottom:80px!important;display:flex!important;flex-direction:column!important;gap:16px!important;z-index:1050!important}.floating-button{width:50px!important;height:50px!important;border-radius:50%!important;box-shadow:0 4px 12px #00000040!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;pointer-events:auto!important}.edit-images-modal .ant-modal-body{overflow:hidden;max-height:calc(100vh - 220px);padding-top:0;padding-bottom:0}.edit-images-modal .edit-images-content{display:flex;flex-direction:column;height:100%}.edit-images-modal .add-image-section{overflow-y:auto;padding:24px;flex-shrink:0}.edit-images-modal .existing-images{overflow-y:auto;flex-grow:1;padding:16px 24px 24px}.image-preview-modal .ant-modal-body{max-height:85vh;overflow-y:auto}@media (max-width: 768px){.edit-images-modal .existing-images{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.edit-images-modal .ant-upload-list-picture-card-container{width:100%}.edit-images-modal .ant-upload-list-picture-card .ant-upload-list-item{width:calc(50% - 8px);height:auto;padding-top:calc(50% - 8px);margin:4px}}@media (max-width: 480px){.edit-images-modal .ant-upload-list-picture-card .ant-upload-list-item{width:calc(100% - 8px);padding-top:calc(100% - 8px)}}.edit-images-modal .ant-modal-body{padding:24px;max-height:calc(100vh - 200px);overflow-y:auto}.edit-images-content{display:flex;flex-direction:column;gap:24px}.add-image-section{background-color:#fafafa;padding:20px;border-radius:8px;border:1px solid #f0f0f0}.existing-images-section{margin-top:20px}.existing-images-section h3{margin-bottom:16px;font-size:16px;font-weight:600;color:#262626}.existing-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.image-item{background:#fff;border:1px solid #f0f0f0;border-radius:8px;overflow:hidden;transition:all .3s ease}.image-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.image-preview{position:relative;height:180px;overflow:hidden;cursor:pointer}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-details h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#262626}.image-details p{margin:0;font-size:12px;color:#8c8c8c;line-height:1.4}.no-proofs-message{grid-column:1 / -1;text-align:center;padding:32px;background:#fafafa;border:1px dashed #d9d9d9;border-radius:8px;color:#8c8c8c;font-style:italic}@media (max-width: 768px){.existing-images{grid-template-columns:1fr}.edit-images-modal .ant-modal-body,.add-image-section{padding:16px}}.seller-dashboard .ant-input-group-compact{display:flex!important;align-items:center!important}.seller-dashboard .ant-input-group-compact .ant-input{flex:1!important;text-align:center!important;border-radius:0!important}.seller-dashboard .ant-input-group-compact .ant-input:first-child{border-top-left-radius:6px!important;border-bottom-left-radius:6px!important}.seller-dashboard .ant-input-group-compact .ant-input:last-child{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}.seller-dashboard .ant-input-group-compact .ant-input:not(:first-child):not(:last-child){border-left:0!important;border-right:0!important}.dashboard-container{max-width:100%;width:100%;min-height:calc(100vh - 80px);padding:var(--spacing-lg) var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + 80px);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0;box-shadow:none;border:none;position:relative;z-index:2;animation:slideIn .8s ease-out;margin:0;box-sizing:border-box;overflow-y:visible;display:flex;flex-direction:column}.admin-dashboard{padding:var(--spacing-md);max-width:100%;margin:0 auto;min-height:auto;display:flex;flex-direction:column;animation:fadeIn .6s ease-out;flex:1}.dashboard-header{background:var(--color-surface-solid);padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-background-light);margin-bottom:var(--spacing-xl)}.welcome-message{display:flex;align-items:center;justify-content:space-between}.welcome-message h1{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text)}.dashboard-header h1{font-size:var(--font-size-xl);color:var(--color-text);margin:0;text-transform:capitalize}.dashboard-header .subtitle{display:none}.dashboard-content{background:var(--color-surface-solid);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.dashboard-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.dashboard-tabs{margin-bottom:var(--spacing-lg)}.users-grid{display:flex;flex-direction:column;gap:var(--spacing-xl)}.search-container{padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-background-light)}.users-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:var(--spacing-xl)}.delivery-proofs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.proof-item{border:1px solid var(--color-background-light);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:var(--transition-normal)}.proof-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.proof-image{position:relative;width:100%;height:150px}.proof-image img{width:100%;height:100%;object-fit:cover}.proof-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.proof-overlay svg{color:#fff;font-size:24px}.proof-item:hover .proof-overlay{opacity:1}.proof-info{padding:12px;background:#fff}.proof-info h4{margin:0 0 4px;font-size:14px;font-weight:500;color:#1f2937}.proof-info p{margin:0;font-size:12px;color:#6b7280;line-height:1.4}.user-card,.demand-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .3s ease;display:flex;flex-direction:column;gap:12px;position:relative}.user-card:hover,.demand-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.user-header,.demand-header{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.user-header h3,.demand-header h3{margin:0;color:#1f2937;font-size:18px;font-weight:600;line-height:1.4}.status-badge{position:absolute;top:16px;right:16px;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;text-transform:none!important}.status-badge.active,.status-badge.approved{background-color:#f6ffed;color:#52c41a}.status-badge.blocked{background-color:#fff1f0;color:#f5222d}.status-badge.pending{background-color:#fff7e6;color:#d46b08}.status-badge.completed{background-color:#e6f7ff;color:#1890ff}.status-badge.cancelled{background-color:#fff1f0;color:#f5222d}.user-details,.demand-details{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.user-details p,.demand-details p{margin:0;color:#4b5563;font-size:14px;display:flex;align-items:center;gap:4px}.user-details p span,.demand-details p span{color:#6b7280;min-width:70px;display:inline-block;text-transform:none}.user-details p strong,.demand-details p strong{color:#1f2937;font-weight:400;text-transform:none}.user-actions,.demand-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid #e5e7eb}.user-actions .ant-btn,.demand-actions .ant-btn{padding:4px 8px;height:32px;font-size:14px;display:inline-flex;align-items:center;gap:6px}.user-actions .ant-btn:hover,.demand-actions .ant-btn:hover{color:#1890ff;background-color:#e6f7ff}.user-actions .ant-btn svg,.demand-actions .ant-btn svg{font-size:14px}.no-data{text-align:center;padding:2rem;color:#8c8c8c;grid-column:1 / -1}.user-details-modal,.demand-details-modal{padding:24px}.user-details-header,.demand-details-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.user-title,.demand-title{display:flex;justify-content:space-between;align-items:center}.user-title h2,.demand-title h2{margin:0;font-size:24px;color:#262626}.user-details-content,.demand-details-content{display:flex;flex-direction:column;gap:24px}.user-details-section,.demand-details-section{background-color:#fafafa;padding:20px;border-radius:8px;box-shadow:0 1px 2px #0000000d}.user-details-section h3,.demand-details-section h3{margin:0 0 16px;font-size:16px;color:#262626;font-weight:500}.detail-row{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px}.detail-row:last-child{margin-bottom:0}.detail-item{flex:1;min-width:200px}.detail-label{display:block;color:#8c8c8c;font-size:14px;margin-bottom:4px;text-transform:none!important}.detail-value{color:#262626;font-size:14px;font-weight:500}@media (max-width: 768px){.dashboard-wrapper{padding:0}.dashboard-container{padding:var(--spacing-lg) var(--spacing-xs);padding-bottom:calc(var(--spacing-lg) + 80px);margin:0;max-width:100%;min-height:calc(100vh - 140px);max-height:calc(100vh - 140px);border-radius:0}.shape{display:none}.admin-dashboard{padding:1rem 0}.users-grid{gap:16px}.users-list{grid-template-columns:1fr}.delivery-proofs-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.detail-row{flex-direction:column;gap:16px}.detail-item{min-width:100%}.demand-title,.user-title{flex-direction:column;align-items:flex-start;gap:8px}.demand-details p,.user-details p{flex-direction:column;gap:2px}.demand-details p span,.user-details p span{min-width:auto}.dashboard-actions{flex-direction:column;gap:1rem}}.edit-images-content{padding:20px 0}.add-image-section{background-color:#f8f9fa;border-radius:8px;padding:24px;margin-bottom:24px}.existing-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:16px}.image-item{border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease}.image-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.image-preview{position:relative;cursor:pointer;height:200px;overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.image-overlay svg{color:#fff;font-size:24px}.image-preview:hover .image-overlay{opacity:1}.image-details{padding:12px;display:flex;justify-content:space-between;align-items:flex-start}.image-details h4{margin:0 0 4px;font-size:14px;font-weight:600}.image-details p{margin:0;font-size:12px;color:#666;line-height:1.4}.ant-upload.ant-upload-select{width:100%;margin-bottom:0}.ant-form-item-label>label{font-weight:500}.ant-modal-header{margin-bottom:24px}.ant-modal-title{font-size:18px;font-weight:600}.action-buttons{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem}.reports-button{background-color:#1890ff;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:14px;cursor:pointer;transition:background-color .3s}.reports-button:hover{background-color:#40a9ff}.back-button{background-color:#f0f0f0;color:#333;border:1px solid #d9d9d9;border-radius:4px;padding:.5rem 1rem;font-size:14px;cursor:pointer;transition:all .3s;margin-bottom:1rem}.back-button:hover{background-color:#e0e0e0;border-color:silver}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.loading-container p{margin-top:16px;color:#666}.user-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:16px;margin-bottom:16px;transition:transform .2s}.user-card:hover{transform:translateY(-2px)}.user-card-header{display:flex;align-items:center;margin-bottom:16px}.user-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;margin-right:16px;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar .default-avatar{font-size:32px;color:#999}.user-info{flex:1}.user-info h3{margin:0;font-size:18px;color:#333}.user-info .username{margin:4px 0;color:#666;font-size:14px;text-transform:none}.user-info .role{display:inline-block;padding:2px 8px;background:#e6f7ff;color:#1890ff;border-radius:4px;font-size:12px;text-transform:none}.user-info .city{text-transform:none}.user-details{margin:16px 0}.detail-row{display:flex;margin-bottom:8px;font-size:14px}.detail-row .label{color:#666;width:100px;flex-shrink:0;text-transform:none!important}.detail-row .value{color:#333;flex:1}.status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.active{background:#f6ffed;color:#52c41a}.status-badge.blocked{background:#fff2f0;color:#ff4d4f}.status-badge.pending{background:#fffbe6;color:#faad14}.status-badge.approved{background:#e6f7ff;color:#1890ff}.user-actions{display:flex;gap:8px;margin-top:16px}.user-actions button{flex:1}.demands-section{margin-top:24px}.demand-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px;transition:transform .2s ease,box-shadow .2s ease}.demand-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.demand-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.demand-info h3{margin:0;font-size:1.2rem;color:#333;text-transform:none}.demand-info .category{margin:4px 0;font-size:.9rem;color:#666}.demand-info .status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;text-transform:none;margin-top:4px}.status-badge.active,.status-badge.approved{background-color:#e6f7ff;color:#1890ff}.status-badge.pending{background-color:#fff7e6;color:#fa8c16}.status-badge.completed{background-color:#f6ffed;color:#52c41a}.status-badge.expired,.status-badge.cancelled{background-color:#fff1f0;color:#f5222d}.demand-details .detail-row{margin-bottom:8px;display:flex}.demand-details .label{font-size:.8rem;color:#666;margin-right:8px;min-width:120px;text-transform:none!important}.demand-details .value{font-size:.9rem;color:#333}.demand-details .demand-header h3{text-transform:none}.demand-details .demand-details span{text-transform:none!important}.demand-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-start}.demands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:20px;margin-top:20px;width:100%;max-width:100%;padding:0;box-sizing:border-box}@media (max-width: 1024px){.demands-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:16px}}@media (max-width: 768px){.demands-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;margin-top:16px}}@media (max-width: 480px){.demands-grid{grid-template-columns:1fr;gap:12px;margin-top:12px}}.common-card{width:100%;max-width:100%;box-sizing:border-box}.common-card .ant-card-body{padding:0!important}.card-top-border{height:4px;border-radius:12px 12px 0 0}.card-top-border.demand{background:linear-gradient(135deg,#1890ff,#40a9ff)}.card-badge{position:absolute;top:12px;right:12px;z-index:2}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#e6f7ff;color:#1890ff}.status-badge.pending{background:#fff7e6;color:#fa8c16}.status-badge.accepted,.status-badge.completed{background:#f6ffed;color:#52c41a}.status-badge.cancelled,.status-badge.expired{background:#fff1f0;color:#f5222d}.status-badge.delivery{background:#e6f7ff;color:#1890ff}.card-content{padding:16px}.card-title{margin-bottom:12px}.card-info{margin-bottom:16px}.card-info-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px}.card-info-label{font-size:12px;color:#8c8c8c;min-width:80px;flex-shrink:0}.card-info-value{font-size:12px;color:#262626;font-weight:500;text-align:right;word-break:break-word}.card-separator{height:1px;background:#f0f0f0;margin:12px 0}.search-filter-container{display:flex;gap:16px;margin-bottom:24px}.search-input{flex:1}.ant-tabs-nav{margin-bottom:24px}.ant-tabs-content-holder,.ant-tabs-tabpane{flex:1;display:flex;flex-direction:column}.empty-state .ant-empty{margin-bottom:16px}@media (max-width: 768px){.admin-dashboard{padding:16px}.search-filter-container,.user-actions{flex-direction:column}.user-actions button{width:100%}.demand-details{grid-template-columns:1fr}}.demand-tabs-container,.demands-content{margin-top:16px}@media (max-width: 768px){.pagination-container{justify-content:center}}.ant-tabs-nested{margin-top:16px}.ant-tabs-nested .ant-tabs-content{padding-top:16px}.role-tabs{margin-bottom:16px}.role-tabs .ant-radio-group{display:flex;justify-content:center;width:100%;margin-bottom:16px}.role-tabs .ant-radio-button-wrapper{min-width:100px;text-align:center}@media (max-width: 768px){.role-tabs .ant-radio-group{flex-direction:column;align-items:center;gap:8px}.role-tabs .ant-radio-button-wrapper{width:100%}}.ant-tabs-tab,.user-info .username,.user-info .role,.user-info .city{text-transform:none}.demand-details span,.form-group label,.detail-row .label,.grid-item div:first-child,.user-details span{text-transform:none!important}.profile-pic{display:none}.profile-image{width:64px;height:64px;border-radius:50%;overflow:hidden}.profile-image img{width:100%;height:100%;object-fit:cover}.welcome-text h2{margin:0;font-size:24px;font-weight:600;color:#1f2937}.welcome-text p{margin:4px 0 0;color:#666;font-size:16px}.floating-button{width:50px!important;height:50px!important;box-shadow:0 2px 8px #00000026!important;display:flex!important;align-items:center!important;justify-content:center!important}.reports-button{width:56px;height:56px;box-shadow:0 4px 12px #00000026}.reports-button:hover{transform:scale(1.05);transition:transform .2s}@media (min-width: 769px){.card-actions{display:none}}@media (max-width: 768px){.card-actions{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:stretch;margin-top:12px;padding:0 8px}.card-actions .ant-btn{width:100%;height:36px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px}}.card-view-button{background-color:#1890ff;border-color:#1890ff}.card-view-button:hover{background-color:#40a9ff;border-color:#40a9ff}.success-button{background-color:#52c41a;border-color:#52c41a}.success-button:hover{background-color:#73d13d;border-color:#73d13d}.block-button{background-color:#faad14;border-color:#faad14;color:#fff}.block-button:hover{background-color:#ffc53d;border-color:#ffc53d;color:#fff}.delete-button{background-color:#ff4d4f;border-color:#ff4d4f}.delete-button:hover{background-color:#ff7875;border-color:#ff7875}.dashboard-container .ant-input-group-compact{display:flex!important;align-items:center!important}.dashboard-container .ant-input-group-compact .ant-input{flex:1!important;text-align:center!important;border-radius:0!important}.dashboard-container .ant-input-group-compact .ant-input:first-child{border-top-left-radius:6px!important;border-bottom-left-radius:6px!important}.dashboard-container .ant-input-group-compact .ant-input:last-child{border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}.dashboard-container .ant-input-group-compact .ant-input:not(:first-child):not(:last-child){border-left:0!important;border-right:0!important}.filters-panel{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e1e5e9;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box}.filters-panel:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.filters-panel label{font-weight:600;margin-bottom:12px;display:block;color:#2c3e50;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.filters-panel .ant-radio-group{margin-bottom:16px;display:flex;flex-wrap:wrap;gap:6px;width:100%}.filters-panel .ant-radio-button-wrapper{font-size:12px;padding:6px 12px;height:auto;border-radius:16px;border:2px solid #e1e5e9;background:#fff;color:#6c757d;font-weight:500;transition:all .3s ease;flex:1;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-panel .ant-radio-button-wrapper:hover{border-color:#1890ff;color:#1890ff;transform:translateY(-1px)}.filters-panel .ant-radio-button-wrapper-checked{background:linear-gradient(135deg,#1890ff,#40a9ff);border-color:#1890ff;color:#fff;box-shadow:0 2px 8px #1890ff4d}.filters-panel .ant-radio-button-wrapper-checked:hover{background:linear-gradient(135deg,#40a9ff,#69c0ff);border-color:#40a9ff;color:#fff}.filters-panel .ant-btn{font-size:13px;padding:8px 20px;height:auto;border-radius:20px;font-weight:500;transition:all .3s ease}.filters-panel .ant-btn-default{background:#fff;border:2px solid #e1e5e9;color:#6c757d}.filters-panel .ant-btn-default:hover{border-color:#ff4d4f;color:#ff4d4f;transform:translateY(-1px)}.filter-section{margin-bottom:20px}@media (max-width: 768px){.filters-panel{padding:16px;border-radius:8px}.filters-panel label{font-size:13px;margin-bottom:10px}.filters-panel .ant-radio-group{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px;width:100%}.filters-panel .ant-radio-button-wrapper{flex:1;min-width:0;text-align:center;padding:4px 8px;font-size:11px;border-radius:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-panel .ant-btn{width:100%;margin-top:8px}}@media (max-width: 480px){.filters-panel .ant-radio-group{flex-direction:column;gap:6px}.filters-panel .ant-radio-button-wrapper{width:100%;flex:none;padding:8px 12px;font-size:12px}}.user-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:12px;padding:12px 0;width:100%;max-width:100%;overflow:hidden}@media (max-width: 1024px){.user-cards-container{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:10px}}@media (max-width: 768px){.user-cards-container{grid-template-columns:1fr;gap:12px;padding:8px 0}}@media (max-width: 480px){.user-cards-container{grid-template-columns:1fr;gap:10px;padding:6px 0}}.user-role-tabs{margin-bottom:16px}.user-role-tabs .ant-radio-group{display:flex;flex-wrap:wrap;gap:8px;width:100%}.user-role-tabs .ant-radio-button-wrapper{flex:1;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.user-role-tabs .ant-radio-group{flex-direction:column;gap:6px}.user-role-tabs .ant-radio-button-wrapper{width:100%;flex:none}}@media (max-width: 480px){.user-role-tabs{margin-bottom:12px}.user-role-tabs .ant-radio-button-wrapper{font-size:13px;padding:6px 12px}}.demand-tabs-container .ant-radio-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.demand-tabs-container .ant-radio-button-wrapper{flex:1;min-width:0;text-align:center}@media (max-width: 768px){.demand-tabs-container .ant-radio-group{flex-direction:column;gap:6px}.demand-tabs-container .ant-radio-button-wrapper{width:100%;flex:none}}.ant-tabs{width:100%}.ant-tabs-nav{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.ant-tabs-nav::-webkit-scrollbar{height:4px}.ant-tabs-nav::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}.ant-tabs-tab{white-space:nowrap;padding:12px 16px}@media (max-width: 768px){.ant-tabs-tab{padding:10px 12px;font-size:14px}.ant-tabs-nav{margin-bottom:16px}}@media (max-width: 480px){.ant-tabs-tab{padding:8px 10px;font-size:13px}}.search-filter-container{display:flex;gap:16px;margin-bottom:24px;align-items:flex-start}.search-filter-container .ant-input-search{flex:1;min-width:0}@media (max-width: 768px){.search-filter-container{flex-direction:column;gap:12px;margin-bottom:16px}.search-filter-container .ant-input-search{width:100%}}@media (max-width: 480px){.search-filter-container{gap:10px;margin-bottom:12px}}.inline-search-container{display:flex;gap:12px;margin-bottom:16px;align-items:center}@media (max-width: 768px){.inline-search-container{flex-direction:column;gap:8px;margin-bottom:12px}.inline-search-container .ant-input-search,.inline-search-container .ant-btn{width:100%}}.user-filters-section{margin-bottom:16px}.user-filters-section .ant-radio-group{display:flex;flex-wrap:wrap;gap:8px}.user-filters-section .ant-radio-button-wrapper{flex:1;min-width:0;text-align:center}@media (max-width: 768px){.user-filters-section{margin-bottom:12px}.user-filters-section .ant-radio-group{flex-direction:column;gap:6px}.user-filters-section .ant-radio-button-wrapper{width:100%;flex:none}}.pagination-container{display:flex;justify-content:flex-end;margin-top:20px;margin-bottom:20px}@media (max-width: 768px){.pagination-container{justify-content:center;margin-top:16px;margin-bottom:16px}.pagination-container .ant-pagination{display:flex;flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.pagination-container{margin-top:12px;margin-bottom:12px}.pagination-container .ant-pagination-item,.pagination-container .ant-pagination-prev,.pagination-container .ant-pagination-next{min-width:32px;height:32px;line-height:32px;font-size:12px}}.welcome-section{display:flex;align-items:center;gap:16px;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}@media (max-width: 768px){.welcome-section{flex-direction:column;text-align:center;padding:16px;gap:12px}.welcome-text h2{font-size:20px!important}.welcome-text p{font-size:14px!important}}@media (max-width: 480px){.welcome-section{padding:12px}.welcome-text h2{font-size:18px!important}}.floating-actions{display:flex!important;flex-direction:column!important;gap:16px!important;position:fixed!important;bottom:1rem!important;right:.5rem!important;z-index:1000!important}@media (max-width: 768px){.floating-actions{bottom:.75rem!important;right:.5rem!important;gap:12px!important}.floating-button{width:48px!important;height:48px!important}}@media (max-width: 480px){.floating-actions{bottom:.5rem!important;right:.5rem!important;gap:10px!important}.floating-button{width:44px!important;height:44px!important}}.card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding:0 12px}@media (max-width: 768px){.card-actions{flex-direction:column;gap:6px;justify-content:center;align-items:stretch;padding:0 8px}.card-actions .ant-btn{width:100%;height:36px;font-size:13px}}@media (max-width: 480px){.card-actions{padding:0 6px}.card-actions .ant-btn{height:34px;font-size:12px}}@media (max-width: 1024px){.grid-layout{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 768px){.grid-layout{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width: 480px){.grid-layout{grid-template-columns:1fr}}.demands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-top:20px;width:100%;max-width:100%;padding:0}@media (max-width: 1024px){.demands-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}}@media (max-width: 768px){.demands-grid{grid-template-columns:1fr;gap:16px;margin-top:16px}}@media (max-width: 480px){.demands-grid{gap:12px;margin-top:12px}}.empty-state{text-align:center;padding:48px 0}@media (max-width: 768px){.empty-state{padding:32px 0}}@media (max-width: 480px){.empty-state{padding:24px 0}.empty-state .ant-empty{font-size:14px}}.ant-alert{margin-bottom:16px}@media (max-width: 768px){.ant-alert{margin-bottom:12px;padding:12px 16px}.ant-alert-message{font-size:14px}}@media (max-width: 480px){.ant-alert{margin-bottom:10px;padding:10px 12px}.ant-alert-message{font-size:13px}}.dashboard-header h1{font-size:var(--font-size-xl)}@media (max-width: 768px){.dashboard-header h1{font-size:20px}}@media (max-width: 480px){.dashboard-header h1{font-size:18px}}.ant-btn-group{display:flex;flex-wrap:wrap}@media (max-width: 768px){.ant-btn-group{width:100%}.ant-btn-group .ant-btn{flex:1}}.ant-form-item{margin-bottom:16px}@media (max-width: 768px){.ant-form-item{margin-bottom:12px}}@media (max-width: 480px){.ant-form-item{margin-bottom:10px}.ant-form-item-label{padding-bottom:4px}.ant-form-item-label>label{font-size:13px}}.ant-table-wrapper{overflow-x:auto}@media (max-width: 768px){.ant-table{font-size:13px}.ant-table-thead>tr>th{padding:8px 4px;font-size:12px}.ant-table-tbody>tr>td{padding:8px 4px;font-size:12px}}.ant-badge{font-size:12px}@media (max-width: 480px){.ant-badge{font-size:11px}}.ant-tooltip{max-width:90vw}@media (max-width: 480px){.ant-tooltip-inner{font-size:12px;padding:6px 8px}}.category-management-table .ant-table-tbody>tr>td{vertical-align:middle}.category-management-table .ant-table-thead>tr>th{vertical-align:middle}.mandi-page{padding:24px;max-width:1200px;margin:0 auto}.mandi-header{text-align:center;margin-bottom:32px}.mandi-header h1{font-size:2rem;color:#1890ff;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.mandi-header p{font-size:1.1rem;color:#666}.mandi-sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.mandi-session-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.mandi-session-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.mandi-session-content{padding:8px 0}.mandi-session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mandi-session-details{display:flex;flex-direction:column;gap:8px}.mandi-detail-item{display:flex;align-items:center;gap:8px;color:#666}.mandi-detail-item svg{color:#1890ff}@media (max-width: 768px){.mandi-page{padding:16px}.mandi-sessions-grid{grid-template-columns:1fr}.mandi-header h1{font-size:1.5rem}}.dashboard-wrapper{min-height:calc(100vh - 80px);height:auto;display:flex;align-items:flex-start;justify-content:center;position:relative;overflow:visible;background:var(--color-surface);padding:0;box-sizing:border-box;margin:0}.dashboard-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;display:none}.dashboard-container{max-width:100%;width:100%;min-height:calc(100vh - 80px);padding:var(--spacing-lg) var(--spacing-lg);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0;box-shadow:none;border:none;position:relative;z-index:2;animation:slideIn .8s ease-out;margin:0;box-sizing:border-box;overflow-y:visible;overflow-x:hidden;display:flex;flex-direction:column}.broker-dashboard-container{padding:.5rem;max-width:100%;width:100%;margin:0 auto;min-height:auto;display:flex;flex-direction:column;animation:fadeIn .6s ease-out;gap:.25rem;box-sizing:border-box;overflow-x:hidden;flex:1;overflow-y:visible}.broker-dashboard{padding:clamp(1rem,3vw,1.5rem);max-width:100%;margin:0 auto;width:100%;box-sizing:border-box}.broker-dashboard .ant-row.statistics-row{display:flex;flex-wrap:nowrap!important;margin-left:-6px;margin-right:-6px;align-items:stretch}.broker-dashboard .statistics-row .ant-col{padding-left:6px;padding-right:6px;display:flex;flex:1;max-width:25%!important;min-width:0;align-items:stretch}.statistic-card-compact{width:100%;height:100%;display:flex;flex-direction:column;position:relative;cursor:pointer;transition:all .3s ease;border-radius:8px;box-shadow:0 2px 8px #00000014}.statistic-card-compact .ant-card-body{padding:.875rem 1rem!important;display:flex;align-items:center;justify-content:center;min-height:72px;height:100%}.statistic-tooltip{position:absolute;top:-45px;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:.5rem 1rem;border-radius:4px;white-space:nowrap;z-index:10;font-size:.875rem;pointer-events:none;opacity:0;transition:opacity .3s ease}.statistic-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,.85)}.statistic-card-compact:hover .statistic-tooltip{opacity:1}.statistic-compact-content{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%}.statistic-icon{font-size:1.375rem;color:#1890ff;flex-shrink:0}.statistic-value{font-size:1.375rem;font-weight:600;color:#262626;line-height:1.2}.statistic-suffix{font-size:1rem;font-weight:400;color:#8c8c8c;margin-left:.25rem}body:not(.ant-modal-open){overflow:auto!important}.ant-modal-wrap{pointer-events:auto}.ant-modal-mask-hidden,body:not(.ant-modal-open) .ant-modal-mask{display:none!important;pointer-events:none!important}.ant-modal-root:empty~body,body:not(:has(.ant-modal-wrap.ant-modal-wrap-open)){overflow:auto!important}.ant-modal-wrap.ant-modal-centered{display:flex!important;align-items:center!important;justify-content:center!important}.ant-modal-wrap.ant-modal-centered .ant-modal{margin:0 auto!important;position:relative!important;top:auto!important;transform:none!important}.demands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:var(--spacing-md);padding:var(--spacing-md) 0;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;justify-items:start;align-items:start}@media (max-width: 1024px){.demands-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:14px}}@media (max-width: 768px){.demands-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px}}@media (max-width: 640px){.demands-grid{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){.demands-grid{grid-template-columns:1fr;gap:8px}}@media (max-width: 768px){.broker-dashboard{padding:1rem}.broker-dashboard .statistics-row{flex-wrap:nowrap!important}.broker-dashboard .statistics-row .ant-col{margin-bottom:0;padding-left:8px;padding-right:8px;flex:1!important;max-width:25%!important}.broker-dashboard .ant-row:not(.statistics-row){flex-wrap:wrap}.broker-dashboard .ant-col:not(.statistics-row .ant-col){margin-bottom:1rem;padding-left:8px;padding-right:8px;flex:0 0 50%;max-width:50%}.statistic-compact-content{gap:.5rem}.statistic-icon,.statistic-value{font-size:1.25rem}.broker-dashboard .ant-space{width:100%}.broker-dashboard .search-filter-buttons-container{display:flex!important;flex-wrap:nowrap!important;gap:.5rem!important;overflow:visible!important;width:100%!important;max-width:100%!important}.broker-dashboard .search-filter-buttons-container .ant-btn{flex:0 0 auto!important;width:auto!important;min-width:85px!important;max-width:none!important;margin-bottom:0!important;margin-right:0!important;display:flex!important;visibility:visible!important;opacity:1!important;flex-shrink:0!important}.broker-dashboard .search-filter-buttons-container .ant-btn:nth-child(1),.broker-dashboard .search-filter-buttons-container .ant-btn:nth-child(2){display:flex!important;visibility:visible!important;opacity:1!important}.broker-dashboard .ant-modal{width:95%!important;max-width:95%!important;margin:1rem auto!important}.broker-dashboard .ant-form-item .ant-space{width:100%}.broker-dashboard .ant-card{margin-bottom:1rem}.broker-dashboard .ant-pagination{text-align:center!important}}@media (max-width: 480px){.broker-dashboard{padding:.75rem}.broker-dashboard .ant-typography{font-size:clamp(.875rem,3vw,1rem)}.broker-dashboard .ant-btn-sm{padding:.25rem .5rem;font-size:.75rem}.broker-dashboard .ant-modal{width:98%!important;max-width:98%!important;margin:.5rem auto!important}.broker-dashboard .ant-descriptions-item-label,.broker-dashboard .ant-descriptions-item-content{padding:.5rem!important;font-size:.875rem}.broker-dashboard .ant-alert{font-size:.875rem}.broker-dashboard .ant-tabs-tab{padding:.5rem .75rem;font-size:.875rem}.broker-dashboard .statistics-row{flex-wrap:nowrap!important}.broker-dashboard .statistics-row .ant-col{flex:1!important;max-width:25%!important}.broker-dashboard .ant-col:not(.statistics-row .ant-col){flex:0 0 50%;max-width:50%}.statistic-compact-content{gap:.375rem;flex-direction:row}.broker-dashboard .search-filter-buttons-container{display:flex!important;flex-wrap:nowrap!important;gap:.375rem!important}.broker-dashboard .search-filter-buttons-container .ant-btn{min-width:80px!important;font-size:.75rem!important;padding:4px 8px!important}.statistic-icon,.statistic-value{font-size:1.125rem}.statistic-card-compact .ant-card-body{padding:.75rem!important;min-height:70px}}@media (min-width: 481px) and (max-width: 768px){.broker-dashboard .ant-modal{width:90%!important;max-width:90%!important}}.profile-picture-section{position:relative;width:120px;height:120px;margin-bottom:1rem}.profile-picture-label{position:relative;display:block;width:100%;height:100%;cursor:pointer;border-radius:50%;overflow:hidden;background-color:#f0f0f0;box-shadow:0 3px 8px #00000026;display:flex;align-items:center;justify-content:center}.profile-preview{width:100%;height:100%;object-fit:cover}.profile-picture-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:50%}.profile-picture-label:hover .profile-picture-overlay{opacity:1}.profile-picture-overlay.uploading{opacity:1;background:#000000b3}.profile-picture-overlay.success{opacity:1;background:#299c45cc}.overlay-content{text-align:center;font-size:.85rem;padding:.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.camera-icon{color:#fff;margin-bottom:.25rem}.success-icon{color:#fff;animation:pulse 1.5s infinite}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.language-selector{position:relative;margin-bottom:1rem;display:flex;flex-direction:column}.language-label{font-size:14px;font-weight:500;margin-bottom:5px}.language-dropdown{padding:.5rem 1rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-size:1rem;cursor:pointer;transition:all .2s;width:100%;max-width:300px}.language-dropdown:hover{background-color:#e9ecef;border-color:#ced4da}.language-dropdown:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.language-dropdown option{background-color:#fff;color:#495057;padding:.5rem}.lang-button{padding:.5rem 1rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:1rem;transition:all .2s}.lang-button:hover{background-color:#e9ecef;border-color:#ced4da}.lang-button.active{background-color:#2962ff;color:#fff;border-color:#2962ff}.lang-button.active:hover{background-color:#1e4bd8;border-color:#1e4bd8}.language-selector-compact{margin-left:5px;margin-right:5px;display:inline-flex;align-items:center}.language-selector-compact .ant-select{min-width:80px}.language-selector-compact .ant-select-selector{padding:0 8px!important;height:24px!important}.language-selector-compact .ant-select-selection-item{line-height:24px!important;font-size:14px}.language-selector-minimal{width:auto!important;min-width:55px}.language-selector-minimal .ant-select-selector{padding:0!important;height:24px!important}.language-selector-minimal .ant-select-selection-item{line-height:24px!important;font-weight:500;font-size:13px}.language-dropdown-options .ant-select-item,.language-dropdown-compact .ant-select-item{padding:5px 12px;font-size:14px}.profile-section .language-selector{margin-top:.5rem}.profile-section .language-dropdown{max-width:100%;margin-top:.5rem}.header-language-selector{display:inline-block;margin-left:1rem}@media (max-width: 768px){.language-dropdown{font-size:.9rem;padding:.4rem .8rem;background-size:1.2em 1.2em}.language-selector-compact .ant-select{min-width:70px}}.profile-wrapper{min-height:calc(100vh - 80px);height:auto;display:flex;align-items:flex-start;justify-content:center;position:relative;overflow:visible;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#06b6d4);padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + 2rem);box-sizing:border-box;margin:calc(-1 * var(--spacing-md))}.profile-wrapper.animating{animation:fadeInUp .6s ease-out}.profile-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.profile-container{max-width:650px;width:100%;max-height:calc(100vh - 120px);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.2);position:relative;z-index:2;animation:slideIn .8s ease-out;margin:var(--spacing-md) auto;box-sizing:border-box;overflow-y:auto}.profile-header{background:linear-gradient(135deg,#1e3a8a,#3b82f6,#06b6d4);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);animation:fadeInDown .8s ease-out .2s both;position:relative;box-shadow:0 4px 20px #1e3a8a26}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.profile-info-section{display:flex;align-items:center;gap:var(--spacing-lg)}.user-info{color:#fff}.user-name{margin:0;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.user-role{margin:4px 0 0;font-size:.9rem;color:#ffffffe6;text-transform:capitalize;font-weight:500}.header-actions{display:flex;align-items:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.profile-form{animation:fadeInUp .8s ease-out .4s both}.profile-picture-section{display:flex;justify-content:flex-start;margin-bottom:0;align-items:center}.top-actions{position:static;z-index:10}.logout-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);cursor:pointer;font-weight:600;font-size:14px;box-shadow:0 2px 10px #0000001a;transition:var(--transition-normal);min-width:fit-content;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logout-icon{font-size:16px}.logout-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.modern-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3.5rem;border:2px solid #E5E7EB;border-radius:var(--radius-md);font-size:1rem;background:#f9fafb;transition:var(--transition-normal);font-weight:500}.modern-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface-solid);box-shadow:0 0 0 3px #1890ff1a;transform:translateY(-1px)}.profile-form h3{border-bottom:1px solid #f0f0f0;padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-xl);color:var(--color-text);font-size:1.2rem;font-weight:600}.form-group label{font-weight:600;color:var(--color-text);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.user-role{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px;font-weight:500}.role-icon{font-size:18px}.role-icon.admin{color:#9c27b0}.role-icon.seller{color:#2196f3}.role-icon.buyer{color:#4caf50}.user-since{font-size:14px;color:#666;margin-bottom:20px}.actions{display:flex;gap:10px;justify-content:center;margin-top:10px}.action-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:background-color .2s}.action-button.dashboard{background-color:#e3f2fd;color:#1976d2}.action-button.logout{background-color:#ffebee;color:#d32f2f}.action-button:hover{opacity:.9}.missing-fields-section{background-color:#fff8e1;padding:15px;border-bottom:1px solid #ffe082}.missing-fields-section h3{display:flex;align-items:center;gap:10px;color:#ff8f00;margin-top:0;margin-bottom:10px;font-size:16px}.profile-fields-section{padding:20px}.profile-fields-section h3{margin-top:0;margin-bottom:15px;color:#333;font-size:18px;border-bottom:1px solid #eee;padding-bottom:8px;display:flex;align-items:center}.profile-fields{display:flex;flex-direction:column;gap:15px;width:100%}.form-group{margin-bottom:0;position:relative}.form-group label{display:block;margin-bottom:6px;color:#666;font-weight:500;font-size:14px;text-align:left}.display-field{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background-color:#f5f5f5;border-radius:8px;min-height:40px}.display-field.readonly{background-color:#f0f0f0;color:#777}.edit-button{background:none;border:none;color:#1976d2;cursor:pointer;display:flex;align-items:center;gap:5px;padding:6px;border-radius:4px;transition:background-color .2s;font-size:13px}.edit-button:hover{background-color:#1976d21a}.edit-field{margin-top:0}.edit-field input{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:16px;background-color:#fff}.edit-field input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.cancel-button,.save-button{padding:8px 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer}.cancel-button{background-color:#f5f5f5;color:#333}.save-button{background-color:#1976d2;color:#fff}.error-message{background-color:#ffebee;color:#d32f2f;padding:12px;border-radius:8px;margin-bottom:15px}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:12px;border-radius:8px;margin-top:15px}.error{color:#d32f2f;font-size:14px;margin-top:5px}.missing-fields-list{list-style:none;padding:0;margin:8px 0}.missing-fields-list li{display:flex;justify-content:space-between;align-items:center;padding:8px;background-color:#ffffff80;margin-bottom:6px;border-radius:6px}.add-button{background-color:#ff8f00;color:#fff;border:none;border-radius:4px;padding:5px 10px;cursor:pointer;font-size:13px}.add-button:hover{background-color:#f57c00}.loading-spinner{display:flex;justify-content:center;align-items:center;height:150px;font-size:18px;color:#666}.profile-picture-container{width:100px;height:100px}@media (max-width: 768px){.profile-wrapper{padding:var(--spacing-md);margin:calc(-1 * var(--spacing-md));min-height:calc(100vh - 70px)}.profile-container{padding:var(--spacing-lg) var(--spacing-md);margin:0;max-width:100%;max-height:calc(100vh - 140px)}.profile-header h1,.logo-icon{font-size:1.8rem}.shape{display:none}.profile-header{padding:var(--spacing-md)}.header-content{flex-direction:column;gap:var(--spacing-md);align-items:center}.profile-info-section{flex-direction:column;text-align:center;gap:var(--spacing-md)}.user-name{font-size:1.3rem}.logout-button{padding:8px 12px;font-size:13px}}@media (max-width: 480px){.profile-wrapper{padding:var(--spacing-sm);margin:calc(-1 * var(--spacing-md));min-height:calc(100vh - 60px)}.profile-container{padding:var(--spacing-md) var(--spacing-sm);max-width:100%;max-height:calc(100vh - 120px)}.profile-header h1{font-size:1.6rem}.modern-input{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 3rem}.input-icon{left:var(--spacing-md)}.profile-header{padding:var(--spacing-sm)}.header-content{flex-direction:column;gap:var(--spacing-sm);align-items:center}.profile-info-section{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.user-name{font-size:1.2rem}.logout-button{padding:6px 10px;font-size:12px}}.password-field{position:relative}.password-field input{padding-right:40px}.toggle-visibility{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;z-index:2}.toggle-visibility:hover{color:#1976d2}.city-dropdown{position:relative}.city-list{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #ddd;border-radius:0 0 8px 8px;box-shadow:0 4px 8px #0000001a;z-index:10;margin:0;padding:0;list-style:none}.city-list li{padding:10px 15px;cursor:pointer;transition:background-color .2s}.city-list li:hover{background-color:#f5f5f5}.city-list li.selected{background-color:#e3f2fd;color:#1976d2;font-weight:500}.city-list li.no-results{padding:15px;text-align:center;color:#999;font-style:italic;cursor:default}.selected-city{padding:10px 14px;background-color:#f5f5f5;border-radius:8px;margin-top:8px;color:#666}.refresh-button{margin-left:10px;padding:4px 8px;background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;font-size:.8em;display:inline-flex;align-items:center;gap:5px}.refresh-button:hover{background-color:#e0e0e0}.field-header label{font-weight:500;color:#333;text-align:left}.panel-label{font-weight:500;color:#666;text-align:left;margin-bottom:4px}.layout:has(.create-demand-wrapper) .layout-content{overflow:hidden!important;height:calc(100vh - 4rem)!important;display:flex!important;flex-direction:column!important}.create-demand-wrapper{height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#2196f3,#1976d2,#009688);padding:var(--spacing-xs);box-sizing:border-box;margin:0;width:100%;animation:gradientShift 15s ease infinite;background-size:200% 200%}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.create-demand-wrapper.animating{animation:fadeInUp .6s ease-out}.create-demand-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.shape{position:absolute;border-radius:50%;animation:float 8s ease-in-out infinite;filter:blur(40px);opacity:.2;will-change:transform}.shape-1{width:7.5rem;height:7.5rem;top:15%;left:8%;background:radial-gradient(circle at 30% 30%,#4facfe99,#00f2fe66);animation-delay:0s}.shape-2{width:10rem;height:10rem;top:55%;right:8%;background:radial-gradient(circle at 30% 30%,#00968899,#00968866);animation-delay:2s}.shape-3{width:5.625rem;height:5.625rem;bottom:18%;left:18%;background:radial-gradient(circle at 30% 30%,#fa709a99,#fee14066);animation-delay:4s}.shape-4{width:8.75rem;height:8.75rem;top:8%;right:25%;background:radial-gradient(circle at 30% 30%,#30cfd099,#33086766);animation-delay:1s}@keyframes float{0%,to{transform:translateZ(0) rotate(0) scale(1);opacity:.2}25%{transform:translate3d(15px,-30px,10px) rotate(90deg) scale(1.1);opacity:.25}50%{transform:translate3d(-15px,-60px,5px) rotate(180deg) scale(1.05);opacity:.3}75%{transform:translate3d(15px,-30px,-5px) rotate(270deg) scale(1.1);opacity:.25}}.create-demand-container{max-width:100%;width:100%;height:100%;max-height:100%;padding:var(--spacing-md);padding-bottom:var(--spacing-lg);background:#fffffff2;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-radius:28px;box-shadow:0 16px 64px #2196f340,0 32px 128px #1976d226,inset 0 1px #ffffffe6;border:2px solid rgba(255,255,255,.5);position:relative;z-index:2;animation:slideIn .8s ease-out;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;transform-style:preserve-3d}.create-demand-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:28px;padding:2px;background:linear-gradient(135deg,#2196f34d,#1976d24d,#0096884d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .5s;pointer-events:none;animation:rotateBorder 6s linear infinite}.create-demand-container:hover:before{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateY(3.125rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.create-demand-header{text-align:center;margin-bottom:var(--spacing-sm);animation:fadeInDown .8s ease-out .2s both;flex-shrink:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-1.25rem)}to{opacity:1;transform:translateY(0)}}.logo-section{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.logo-icon{font-size:2rem;color:var(--color-secondary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.create-demand-header h1{font-size:2rem;font-weight:700;color:var(--color-text);margin:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.create-demand-header p{color:var(--color-text-light);font-size:1rem;margin-top:var(--spacing-sm);font-weight:400}.create-demand-form{animation:fadeInUp .8s ease-out .4s both;flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.create-demand-form .ant-alert{margin-bottom:var(--spacing-md);border-radius:var(--radius-md);flex-shrink:0}.create-demand-form .ant-alert-error{background-color:#fff2f0;border:1px solid #ffccc7}.create-demand-form .ant-form{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;padding-bottom:var(--spacing-md)}.create-demand-form .ant-form .step-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding-left:var(--spacing-sm);padding-right:var(--spacing-xs);padding-bottom:var(--spacing-sm);display:flex;flex-direction:column}.create-demand-form .ant-form-item{margin-bottom:var(--spacing-sm);flex-shrink:0}.create-demand-form .ant-form-item-label{padding-left:0;padding-right:0}.create-demand-form .ant-form-item-label>label{padding-left:0;margin-left:0;overflow:visible;text-overflow:clip}.create-demand-form .ant-form .step-content .ant-form-item{flex:0 0 auto}.create-demand-form .ant-form-item-label>label{font-weight:600;color:var(--color-text);font-size:.9rem;text-transform:uppercase;letter-spacing:.03125rem}.input-wrapper{position:relative;display:flex;align-items:center;min-width:8rem}.input-wrapper .ant-select-selector{border:none!important;background:transparent!important;padding:0!important;box-shadow:none!important}.input-wrapper .ant-select-focused .ant-select-selector{border:none!important;background:transparent!important;box-shadow:none!important;transform:none!important}.input-wrapper .ant-select-selector:hover{border:none!important}.input-wrapper .ant-select-selection-item{padding-left:0!important;color:var(--color-text)!important}.input-icon{position:absolute;left:var(--spacing-lg);color:var(--color-text-muted);font-size:1.1rem;z-index:2;transition:var(--transition-normal);top:50%;transform:translateY(-50%)}.modern-input{width:100%;min-width:7rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3.5rem;border:2px solid #E5E7EB;border-radius:var(--radius-md);font-size:1rem;background:#f9fafb;transition:var(--transition-normal);font-weight:500}.modern-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface-solid);box-shadow:0 0 0 3px #2196f31a;transform:translateY(-1px)}.modern-input:focus+.input-icon,.modern-input:not(:placeholder-shown)+.input-icon{color:var(--color-primary)}.create-demand-form h3{border-bottom:1px solid #f0f0f0;padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-md);color:var(--color-text);font-size:1.2rem;font-weight:600}.create-demand-button{width:100%;height:52px;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:16px;color:#fff;font-weight:700;font-size:1.05rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 24px #2196f366,0 4px 12px #0000001a,inset 0 1px #ffffff4d;animation:fadeInUp .8s ease-out .6s both;transform-style:preserve-3d;overflow:hidden;position:relative}.create-demand-button:before{content:"";position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,#ffffff4d,#fff0);border-radius:16px 16px 50% 50%;pointer-events:none}.create-demand-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.create-demand-button:hover:not(:disabled):after{width:300px;height:300px}.create-demand-button:hover:not(:disabled){transform:translateY(-4px) translateZ(10px) scale(1.03);box-shadow:0 16px 48px #2196f380,0 8px 24px #00000026,inset 0 1px #fff6}.create-demand-button:active:not(:disabled){transform:translateY(-1px) translateZ(5px) scale(.98);box-shadow:0 4px 12px #2196f366,inset 0 2px 4px #0003}.create-demand-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none;box-shadow:none}.total-price{font-size:1.2rem;font-weight:700;color:var(--color-primary);text-align:center;padding:var(--spacing-md);background:linear-gradient(135deg,#2196f31a,#2196f30d);border:2px solid rgba(33,150,243,.2);border-radius:var(--radius-md);margin:var(--spacing-sm) 0}.question-header{margin-bottom:24px;text-align:center}.question-header h2{font-size:20px;font-weight:600;color:#333;margin:0;word-wrap:break-word;line-height:1.4}.question-header>div:first-child{font-size:14px;color:#666;margin-bottom:8px}.step-content{display:flex;flex-direction:column;gap:16px}.summary-container{background:#f9fafb;border-radius:12px;padding:24px;border:1px solid #e5e7eb}.summary-grid{display:grid;gap:20px}.summary-item{display:flex;flex-direction:column}.summary-label{font-size:12px;color:#666;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:16px;font-weight:600;color:#333;word-wrap:break-word;line-height:1.4}.summary-value-large{font-size:20px;font-weight:700;color:#2196f3}.summary-value-multiline{white-space:pre-wrap}@media (max-width: 1024px){.create-demand-container{padding:var(--spacing-md)}.create-demand-header h1{font-size:1.75rem}.question-header h2{font-size:18px}}@media (max-width: 768px){.create-demand-wrapper{padding:var(--spacing-xs);margin:0;min-height:calc(100vh - 4rem)}.create-demand-container{padding:var(--spacing-md);margin:0;max-width:100%;height:calc(100vh - 4rem);border-radius:20px}.create-demand-header{margin-bottom:var(--spacing-sm)}.create-demand-header h1,.logo-icon{font-size:1.5rem}.logo-section{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.shape{display:none}.create-demand-form{gap:var(--spacing-sm)}.create-demand-form .ant-form-item{margin-bottom:var(--spacing-md)}.question-header{margin-bottom:20px;padding:0 var(--spacing-xs)}.question-header h2{font-size:18px;line-height:1.3}.question-header>div:first-child{font-size:12px;margin-bottom:6px}.create-demand-form .ant-form .step-content{padding-left:0;padding-right:0;padding-bottom:var(--spacing-sm)}.modern-input{padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3rem;font-size:1rem}.input-wrapper{min-width:6rem}.input-icon{left:var(--spacing-md);font-size:1rem}.summary-container{padding:16px!important;border-radius:12px!important}.summary-grid{gap:16px!important}.summary-label{font-size:11px!important;margin-bottom:4px!important}.summary-value{font-size:15px!important}.summary-value-large{font-size:18px!important}.step-navigation{flex-direction:row;gap:var(--spacing-sm);padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-lg);border-top:1px solid #E5E7EB}.step-nav-button{flex:1;max-width:50%;height:2.75rem;font-size:.875rem;padding:0 var(--spacing-sm);margin:0;min-height:44px}.step-nav-button-previous,.step-nav-button-next{margin:0}.ant-select{width:100%!important}.ant-select-selector{min-height:44px!important;padding:0 var(--spacing-sm)!important}.ant-input,.ant-input-number{min-height:44px;font-size:16px}.ant-input-lg,.ant-select-lg{min-height:48px}.ant-input{font-size:16px}.ant-input-lg{padding:var(--spacing-md)}.total-price{font-size:1rem;padding:var(--spacing-sm)}}.quantity-input-group{display:flex;flex-direction:column;gap:12px;align-items:stretch;width:100%}.quantity-scale-select{width:100%}@media (max-width: 480px){.create-demand-wrapper{padding:var(--spacing-xs);margin:0;min-height:calc(100vh - 3.5rem)}.create-demand-container{padding:var(--spacing-sm);height:calc(100vh - 3.5rem);border-radius:16px}.create-demand-header{margin-bottom:var(--spacing-xs)}.create-demand-header h1,.logo-icon{font-size:1.25rem}.logo-section{gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.question-header{margin-bottom:16px;padding:0}.question-header h2{font-size:16px;line-height:1.3;padding:0 var(--spacing-xs)}.question-header>div:first-child{font-size:11px;margin-bottom:4px}.create-demand-form .ant-form .step-content{padding-left:0;padding-right:0;padding-bottom:var(--spacing-xs)}.create-demand-form .ant-form-item{margin-bottom:var(--spacing-sm)}.create-demand-form .ant-form-item-label>label{font-size:.8rem}.modern-input{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 2.5rem;font-size:16px}.input-icon{left:var(--spacing-sm);font-size:.9rem}.input-wrapper{min-width:5rem}.summary-container{padding:12px!important;border-radius:10px!important}.summary-grid{gap:12px!important}.summary-label{font-size:10px!important;margin-bottom:3px!important}.summary-value{font-size:14px!important;line-height:1.4!important}.summary-value-large{font-size:16px!important}.step-navigation{flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-sm);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));margin-top:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-top:1px solid #E5E7EB}.step-nav-button{width:100%;max-width:100%;height:2.75rem;font-size:.875rem;margin:0;min-height:48px}.step-nav-button-previous,.step-nav-button-next{margin:0}.ant-select-selector{min-height:48px!important;padding:0 var(--spacing-sm)!important;font-size:16px!important}.ant-select-lg .ant-select-selector{min-height:52px!important}.ant-input,.ant-input-number,.ant-input-lg{min-height:48px;font-size:16px}.ant-input-lg{min-height:52px}.ant-input{font-size:16px}.ant-input-lg{padding:var(--spacing-sm)}.total-price{font-size:.9rem;padding:var(--spacing-xs)}.circular-checkbox{font-size:14px!important}.circular-checkbox .ant-checkbox-inner{width:22px;height:22px}}@media (max-width: 768px) and (orientation: landscape){.create-demand-container{height:calc(100vh - 3rem);padding:var(--spacing-sm)}.create-demand-header{margin-bottom:var(--spacing-xs)}.create-demand-header h1{font-size:1.25rem}.question-header{margin-bottom:12px}.question-header h2{font-size:16px}.step-navigation{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm)}}.step-progress{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) 0 var(--spacing-sm) 0;position:relative;flex-shrink:0}.step-progress-item{display:flex;align-items:center;justify-content:center;flex:1;position:relative;z-index:2;min-width:0;padding:0 var(--spacing-xs)}.step-progress-item:after{content:"";position:absolute;top:1.25rem;left:calc(50% + 1.25rem);width:calc(100% - 2.5rem);height:.125rem;background:#e5e7eb;z-index:1;transition:background .3s ease}.step-progress-item:last-child:after{display:none}.step-progress-item.completed:after{background:linear-gradient(90deg,#4facfe,#00f2fe)}.step-progress-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);width:100%;max-width:100%;position:relative;min-width:0}.step-progress-dot{width:2.5rem;height:2.5rem;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;border:.125rem solid #E5E7EB;z-index:2;position:relative;flex-shrink:0}.step-progress-label{font-size:.75rem;color:#6b7280;text-align:center;cursor:pointer;transition:all .3s ease;font-weight:500;line-height:1.2;width:100%;max-width:100%;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding:0 var(--spacing-xs);box-sizing:border-box}.step-progress-label.active{color:#2196f3;font-weight:700}.step-progress-label.completed{color:#4facfe;font-weight:600}.step-progress-dot:hover{transform:scale(1.1);background:#d1d5db}.step-progress-dot.active{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border-color:#2196f3;box-shadow:0 .5rem 1.5rem #2196f380;transform:scale(1.15);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 .5rem 1.5rem #2196f380}50%{box-shadow:0 .5rem 2rem #1976d299}}.step-progress-dot.completed{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border-color:#4facfe;box-shadow:0 .25rem .9375rem #4facfe66}.step-title{text-align:center;margin-bottom:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-sm)}.step-title h2{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-counter{font-size:.9rem;color:var(--color-text-muted);font-weight:500}.step-content{animation-duration:.4s;animation-fill-mode:both}.step-enter-forward{animation-name:slideInFromRight}.step-enter-backward{animation-name:slideInFromLeft}@keyframes slideInFromRight{0%{opacity:0;transform:translate(1.875rem)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-1.875rem)}to{opacity:1;transform:translate(0)}}.step-navigation{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);border-top:1px solid #E5E7EB;flex-shrink:0;width:100%;position:relative;z-index:10}.step-nav-button{flex:1;max-width:50%;height:3rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-shrink:0}.step-nav-button-previous{margin-right:0}.step-nav-button-next{margin-left:0}.step-nav-button:disabled{opacity:.5;cursor:not-allowed}.circular-checkbox,.circular-checkbox .ant-checkbox{cursor:pointer}.circular-checkbox .ant-checkbox-inner{width:20px;height:20px;border-radius:50%!important;border:2px solid #d9d9d9;transition:all .3s ease;cursor:pointer}.circular-checkbox .ant-checkbox-checked .ant-checkbox-inner{background-color:#52c41a!important;border-color:#52c41a!important}.circular-checkbox .ant-checkbox-checked .ant-checkbox-inner:after{border-color:#fff!important;width:6px;height:10px;left:6px;top:2px}.circular-checkbox:hover .ant-checkbox-inner{border-color:#52c41a}.terms-container{max-width:1200px;margin:0 auto;padding:2rem 1rem 5rem}.terms-container h1{text-align:center;color:#2c3e50;margin-bottom:2rem;font-size:2.5rem}.terms-section{margin-bottom:3rem;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.terms-section h2{color:#34495e;margin-bottom:1.5rem;font-size:1.8rem}.terms-section p{color:#666;line-height:1.6;margin-bottom:1rem}.terms-section ul{list-style-type:disc;margin-left:2rem;color:#666;line-height:1.6}.terms-section li{margin-bottom:.5rem}.terms-footer{text-align:center;margin-top:2rem;color:#666;font-style:italic}@media (max-width: 768px){.terms-container{padding:1rem 1rem 5rem}.terms-container h1{font-size:2rem}.terms-section{padding:1.5rem}.terms-section h2{font-size:1.5rem}}.demand-reports{padding:var(--spacing-xl);background-color:var(--color-surface-solid);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.reports-title{margin:0 0 var(--spacing-xl) 0;color:var(--color-text);font-size:var(--font-size-2xl);font-weight:600}.reports-controls-section{margin-bottom:var(--spacing-xl)}.reports-controls,.reports-controls .ant-select,.reports-controls .ant-picker{width:100%}.reports-content{margin-top:var(--spacing-xl)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.no-data-message{text-align:center;padding:48px;color:#999;font-size:16px}.stats-cards .ant-card{height:100%;transition:var(--transition-normal)}.stats-cards .ant-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.section-title{font-size:var(--font-size-lg);margin:var(--spacing-lg) 0;color:var(--color-primary);display:flex;align-items:center}.section-title .anticon{margin-right:var(--spacing-sm)}.top-items-section{margin-top:var(--spacing-xl)}.stat-card{border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-xl)}.stats-container{animation:fadeIn var(--transition-normal)}.stat-item{background:var(--color-surface-solid);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-normal);height:100%}.stat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.summary-stat{border-top:3px solid var(--color-primary)}.status-item.active{border-left:4px solid var(--color-status-active)}.status-item.accepted{border-left:4px solid var(--color-status-pending)}.status-item.completed{border-left:4px solid var(--color-status-accepted)}.top-item{border-bottom:3px solid var(--color-status-completed)}.ant-statistic-title{color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:500}.ant-statistic-content{color:var(--color-text);font-size:var(--font-size-xl)}.summary-stats .ant-statistic-content{font-size:var(--font-size-2xl);font-weight:600}.rise-icon{color:var(--color-success)}.fall-icon{color:var(--color-error)}.ant-divider{margin:var(--spacing-2xl) 0 var(--spacing-xl)}.ant-divider-inner-text{font-size:var(--font-size-lg);color:var(--color-text);font-weight:500}.status-item.active .ant-statistic-title{color:var(--color-status-active)}.status-item.accepted .ant-statistic-title{color:var(--color-status-pending)}.status-item.completed .ant-statistic-title{color:var(--color-status-accepted)}.top-item .ant-statistic-content{font-size:var(--font-size-xl)}.top-item .ant-statistic-content-suffix{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:var(--spacing-xs)}@media (max-width: 768px){.demand-reports{padding:var(--spacing-md)}.reports-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.reports-controls-section{padding:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.ant-divider{margin:var(--spacing-xl) 0 var(--spacing-md)}.ant-divider-inner-text{font-size:var(--font-size-base)}.summary-stats .ant-statistic-content{font-size:var(--font-size-xl)}.stats-cards .ant-row{margin-bottom:var(--spacing-sm)!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.status-badge.pending{background-color:#fa8c161a;color:var(--color-status-pending);border:1px solid rgba(250,140,22,.2)}.status-badge.accepted{background-color:#52c41a1a;color:var(--color-status-accepted);border:1px solid rgba(82,196,26,.2)}.status-badge.completed{background-color:#722ed11a;color:var(--color-status-completed);border:1px solid rgba(114,46,209,.2)}.status-badge.rejected,.status-badge.cancelled{background-color:#ff4d4f1a;color:var(--color-status-rejected);border:1px solid rgba(255,77,79,.2)}.demand-reports .ant-table-wrapper{margin-top:var(--spacing-lg)}.demand-reports .ant-table-thead>tr>th{background:var(--color-background);color:var(--color-text);font-weight:600}.demand-reports .ant-table-tbody>tr:hover>td{background:var(--color-background-light)}.top-items-section .ant-table-wrapper{margin-top:var(--spacing-lg);box-shadow:var(--shadow-md);border-radius:var(--radius-md);overflow:hidden}.top-items-section .ant-table-thead>tr>th{background-color:#2196f31a;color:var(--color-primary)}.top-items-section .ant-table-tbody>tr:hover>td{background-color:#2196f30d}.demand-reports-wrapper{min-height:calc(100vh - 80px);height:auto;display:flex;align-items:flex-start;justify-content:center;position:relative;overflow:visible;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + 2rem);box-sizing:border-box;margin:0}.demand-reports-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.demand-reports-page{max-width:1200px;width:100%;max-height:calc(100vh - 120px);padding:var(--spacing-lg) var(--spacing-md);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:2px solid rgba(255,255,255,.3);position:relative;z-index:2;animation:slideIn .8s ease-out;margin:0 auto;box-sizing:border-box;overflow-y:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.header-left h1{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text)}.back-button{display:flex;align-items:center}.reports-container{background:var(--color-surface-solid);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}@media (max-width: 768px){.demand-reports-wrapper{padding:var(--spacing-md)}.demand-reports-page{padding:var(--spacing-md);max-height:calc(100vh - 100px)}.page-header{margin-bottom:var(--spacing-md)}.header-left h1{font-size:var(--font-size-xl)}.shape{display:none}}.demand-details-wrapper{min-height:100vh;width:100%;display:flex;align-items:flex-start;justify-content:center;position:relative;overflow:visible;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + 2rem);box-sizing:border-box;margin:0;-webkit-overflow-scrolling:touch;touch-action:pan-y}.demand-details-wrapper.animating{animation:fadeInUp .6s ease-out}.demand-details-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.shape{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 6s ease-in-out infinite}.shape-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.shape-2{width:120px;height:120px;top:60%;right:10%;animation-delay:2s}.shape-3{width:60px;height:60px;bottom:20%;left:20%;animation-delay:4s}.shape-4{width:100px;height:100px;top:10%;right:30%;animation-delay:1s}.demand-details-page{max-width:100%;width:100%;min-height:calc(100vh - 80px);padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + 3rem);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:2px solid rgba(255,255,255,.3);position:relative;z-index:2;animation:slideIn .8s ease-out;margin:0 auto;box-sizing:border-box;overflow-y:visible;overflow-x:hidden;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;touch-action:pan-y}@media (min-width: 1400px){.demand-details-page{max-width:100%;padding:var(--spacing-xl) var(--spacing-xxl)}}@media (min-width: 1600px){.demand-details-page{max-width:100%;padding:var(--spacing-xl) calc(var(--spacing-xxl) * 2)}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.page-header h1{font-size:1.25rem;margin:0}.header-right,.back-button{display:flex;align-items:center;gap:8px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.error-container{color:#ff4d4f}.image-overlay:hover{opacity:1!important}.modern-input-disabled{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3.5rem;border:2px solid #E5E7EB;border-radius:var(--radius-md);font-size:1rem;background:#f9fafb;transition:var(--transition-normal);font-weight:500;cursor:not-allowed}.modern-input-disabled:hover{border-color:#e5e7eb;background:#f9fafb}.modern-input-disabled:focus{outline:none;border-color:#e5e7eb;background:#f9fafb;box-shadow:none}.input-icon{position:absolute;left:var(--spacing-lg);color:var(--color-text-muted);font-size:1.1rem;z-index:2}.ant-input-disabled,.ant-input[disabled]{background-color:#f9fafb!important;border-color:#e5e7eb!important;color:#262626!important;cursor:not-allowed!important}.ant-input-disabled:hover,.ant-input[disabled]:hover{background-color:#f9fafb!important;border-color:#e5e7eb!important}.ant-input-disabled:focus,.ant-input[disabled]:focus{background-color:#f9fafb!important;border-color:#e5e7eb!important;box-shadow:none!important}.demand-details-page .ant-tabs-content .create-demand-form .ant-form-item-label>label{font-weight:600!important;color:var(--color-text)!important;font-size:.9rem!important;text-transform:uppercase!important;letter-spacing:.5px!important;text-align:left!important}.demand-details-page .ant-tabs-content .create-demand-form .ant-form-item{margin-bottom:var(--spacing-lg)!important}.demand-details-page .ant-tabs-content .create-demand-form .input-wrapper,.demand-details-page .ant-tabs-content .create-demand-form .ant-input,.demand-details-page .ant-tabs-content .create-demand-form .ant-select,.demand-details-page .ant-tabs-content .create-demand-form .ant-picker{width:100%!important}.demand-details-page .ant-tabs-content .ant-form-item-label{text-align:left!important;padding-left:0!important;margin-left:0!important}.demand-details-page .ant-tabs-content .ant-form-item-control{width:100%!important}.demand-details-page .ant-tabs-content .ant-form-item-label>label{margin-left:0!important;padding-left:0!important;text-align:left!important;justify-content:flex-start!important}.demand-details-page .ant-tabs-content .ant-form-item{padding-left:0!important;margin-left:0!important}.demand-details-page .ant-tabs-content .ant-form-vertical .ant-form-item-label{padding:0!important;margin:0!important;text-align:left!important}.demand-details-page .ant-tabs-content .ant-form-vertical .ant-form-item-label>label{height:auto!important;margin:0!important;padding:0!important;text-align:left!important}.demand-details-page .ant-tabs-content .create-demand-form{padding-left:0!important;margin-left:0!important}@media (max-width: 1024px){.demand-details-page{padding:var(--spacing-md)}.page-header h1{font-size:1.1rem}}@media (max-width: 768px){.demand-details-wrapper{padding:var(--spacing-xs);margin:0;min-height:auto;height:auto;overflow:visible;-webkit-overflow-scrolling:touch;touch-action:pan-y}.demand-details-page{padding:var(--spacing-sm);padding-bottom:calc(var(--spacing-sm) + 3rem);margin:0;max-width:100%;min-height:auto;height:auto;border-radius:var(--radius-lg);overflow:visible;-webkit-overflow-scrolling:touch;touch-action:pan-y}.page-header{margin-bottom:var(--spacing-xs);flex-wrap:wrap;gap:var(--spacing-xs)}.page-header h1{font-size:1rem}.header-left{gap:var(--spacing-sm)}.back-button{font-size:.875rem;padding:var(--spacing-xs)}.shape{display:none}.dashboard-tabs .ant-tabs-nav{padding:.125rem!important}.dashboard-tabs .ant-tabs-tab{padding:.375rem .5rem!important;font-size:.8rem!important}.demand-details-page .ant-form-item{margin-bottom:var(--spacing-md)!important}.demand-details-page .ant-form-item-label>label{font-size:.8rem!important}.modern-input-disabled{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 2.5rem!important;font-size:.9rem!important}.input-icon{left:var(--spacing-sm)!important;font-size:1rem!important}}@media (max-width: 480px){.demand-details-wrapper{padding:var(--spacing-xs);margin:0;min-height:auto;height:auto;overflow:visible;-webkit-overflow-scrolling:touch;touch-action:pan-y}.demand-details-page{padding:var(--spacing-xs);padding-bottom:calc(var(--spacing-xs) + 3rem);margin-top:0;max-width:100%;min-height:auto;height:auto;border-radius:var(--radius-md);overflow:visible;-webkit-overflow-scrolling:touch;touch-action:pan-y}.page-header{margin-bottom:var(--spacing-xs);flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.page-header h1{font-size:.9rem;word-break:break-word}.header-left{width:100%;gap:var(--spacing-xs)}.back-button{font-size:.8rem;padding:var(--spacing-xs)}.dashboard-tabs .ant-tabs-nav{padding:.1rem!important}.dashboard-tabs .ant-tabs-tab{padding:.25rem .375rem!important;font-size:.7rem!important;margin:0 .125rem!important}.dashboard-tabs .ant-tabs-tab .anticon{font-size:.7rem!important;margin-right:.25rem!important}.demand-details-page .ant-form-item{margin-bottom:var(--spacing-sm)!important}.demand-details-page .ant-form-item-label>label{font-size:.75rem!important;margin-bottom:var(--spacing-xs)!important}.modern-input-disabled{padding:var(--spacing-sm) var(--spacing-xs) var(--spacing-sm) 2.25rem!important;font-size:.85rem!important;min-height:2.25rem}.input-icon{left:var(--spacing-xs)!important;font-size:.9rem!important}.ant-input,.ant-input-number,.ant-select-selector{min-height:2.25rem!important}.ant-btn{min-height:2.25rem;font-size:.85rem;padding:0 var(--spacing-sm)}.ant-pagination{margin:var(--spacing-md) 0!important;padding-bottom:var(--spacing-sm)!important}}.demand-details-page .ant-pagination{margin:var(--spacing-lg) 0 var(--spacing-md) 0!important;padding:var(--spacing-sm) 0!important;position:relative;z-index:10}.dashboard-tabs .ant-tabs-content .ant-pagination{margin-top:var(--spacing-lg)!important;margin-bottom:var(--spacing-md)!important;padding-bottom:var(--spacing-sm)!important}.gallery-nav-button{position:absolute!important;z-index:10!important}.gallery-nav-button-prev{left:.5rem!important;right:auto!important}.gallery-nav-button-next{right:.5rem!important;left:auto!important}@media (max-width: 768px){.gallery-nav-button{width:2rem!important;height:2rem!important;min-width:2rem!important;max-width:2rem!important}.gallery-nav-button-prev{left:.25rem!important}.gallery-nav-button-next{right:.25rem!important}}.chat-window{display:flex;flex-direction:column;height:100%;background:#f0f2f5;border-radius:.5rem;overflow:hidden}.chat-window-loading,.chat-window-error{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem}.chat-header{background:#075e54;color:#fff;padding:1rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a}.chat-header-info{display:flex;align-items:center;gap:.75rem;flex:1}.chat-avatar{flex-shrink:0}.message-avatar{flex-shrink:0;margin:0 .5rem}.chat-header-text{flex:1;min-width:0}.chat-name{font-weight:600;font-size:1rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-status{font-size:.75rem;opacity:.9}.chat-close-btn{color:#fff!important;font-size:1.5rem;width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer}.chat-close-btn:hover{background:#ffffff1a;border-radius:50%}.chat-completed-alert{margin:.5rem;border-radius:.25rem}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem;width:100%}.chat-load-more{text-align:center;padding:.5rem;color:#667781;font-size:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.chat-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#667781;font-size:.875rem}.chat-date-header{text-align:center;margin:1rem 0;padding:.5rem 1rem;color:#667781;font-size:.75rem;font-weight:500;position:relative}.chat-date-header:before,.chat-date-header:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:#e9edef}.chat-date-header:before{left:0}.chat-date-header:after{right:0}.chat-message{display:flex;margin-bottom:.5rem;align-items:flex-end;width:100%}.chat-message.own-message{justify-content:flex-end!important;flex-direction:row-reverse!important}.chat-message.other-message{justify-content:flex-start!important;flex-direction:row!important}.message-bubble{max-width:70%;padding:.5rem .75rem;border-radius:.5rem;word-wrap:break-word;position:relative}.own-message .message-bubble{background:#dcf8c6;border-bottom-right-radius:.125rem}.other-message .message-bubble{background:#fff;border-bottom-left-radius:.125rem;box-shadow:0 1px 2px #0000001a}.message-content{font-size:.875rem;line-height:1.4;color:#111b21;margin-bottom:.25rem;white-space:pre-wrap}.message-time{font-size:.6875rem;color:#667781;text-align:right;margin-top:.25rem}.other-message .message-time{text-align:left}.chat-input-container{background:#fff;padding:.75rem;display:flex;gap:.5rem;align-items:flex-end;border-top:1px solid #e9edef}.chat-input{flex:1;border-radius:1.5rem;border:1px solid #e9edef;padding:.5rem 1rem;resize:none}.chat-input:focus,.chat-input:hover{border-color:#075e54}.chat-input:disabled{background:#f0f2f5;cursor:not-allowed}.chat-send-btn{border-radius:50%;width:2.5rem;height:2.5rem;padding:0;display:flex;align-items:center;justify-content:center;background:#075e54;border:none;flex-shrink:0}.chat-send-btn:hover:not(:disabled){background:#128c7e}.chat-send-btn:disabled{background:#ccc;cursor:not-allowed}.chat-messages::-webkit-scrollbar{width:.375rem}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#b0b0b0;border-radius:.25rem}.chat-messages::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width: 768px){.message-bubble{max-width:85%}.chat-header{padding:.75rem}.chat-avatar{width:2rem;height:2rem;font-size:1rem}.chat-name{font-size:.875rem}.chat-status{font-size:.6875rem}}.upload-proofs-wrapper{min-height:calc(100vh - 80px);height:auto;display:flex;align-items:flex-start;justify-content:center;position:relative;overflow:visible;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + 2rem);box-sizing:border-box;margin:0}.upload-proofs-wrapper.animating{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.upload-proofs-page{max-width:800px;width:100%;max-height:calc(100vh - 120px);padding:var(--spacing-lg) var(--spacing-md);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:2px solid rgba(255,255,255,.3);position:relative;z-index:2;animation:slideIn .8s ease-out;margin:0 auto;box-sizing:border-box;overflow-y:auto}.upload-proofs-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.upload-proofs-floating-shapes{position:absolute;width:100%;height:100%}.upload-proofs-shape{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 6s ease-in-out infinite}.upload-proofs-shape-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.upload-proofs-shape-2{width:120px;height:120px;top:60%;right:10%;animation-delay:2s}.upload-proofs-shape-3{width:60px;height:60px;bottom:20%;left:20%;animation-delay:4s}.upload-proofs-shape-4{width:100px;height:100px;top:10%;right:30%;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.upload-proofs-container{position:relative;z-index:2}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.back-button{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text);text-decoration:none;font-weight:500;transition:var(--transition-normal)}.back-button:hover{color:var(--color-primary);transform:translate(-2px)}.header-content h1{font-size:2rem;font-weight:700;color:var(--color-text);margin:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upload-form-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.2)}.upload-area{border:2px dashed #E5E7EB;border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;background:#f9fafb;transition:var(--transition-normal);cursor:pointer}.upload-area:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--color-text-muted)}.upload-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.upload-proofs-page{padding:var(--spacing-md);max-height:calc(100vh - 100px)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-content h1{font-size:1.5rem}.upload-actions{flex-direction:column}.upload-proofs-shape{display:none}}.sales-statistics{width:100%;padding:0}.statistics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.statistics-header h2{margin:0;font-size:24px;font-weight:600;color:#262626}.statistics-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.profitability-table{overflow-x:auto}.profitability-table table{width:100%;border-collapse:collapse}.profitability-table th{font-weight:600;color:#262626;background:#fafafa}.profitability-table tr:hover{background:#f5f5f5}@media (max-width: 768px){.statistics-header{flex-direction:column;align-items:flex-start}.statistics-controls{width:100%}.statistics-controls .ant-picker{width:100%;margin-right:0!important;margin-bottom:12px}.statistics-controls .ant-select{width:100%!important}.profitability-table{font-size:12px}.profitability-table th,.profitability-table td{padding:8px!important}.sales-statistics .recharts-cartesian-axis-tick{font-size:10px!important}.sales-statistics .recharts-xAxis .recharts-cartesian-axis-tick{font-size:9px!important}.sales-statistics .recharts-label{font-size:10px!important}}.sales-to-date-wrapper{min-height:100vh;height:auto;position:relative;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:24px;padding-bottom:calc(24px + 2rem)}.sales-to-date-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.floating-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;border-radius:50%;opacity:.1;animation:float 20s infinite ease-in-out}.shape-1{width:200px;height:200px;background:#1890ff;top:10%;left:10%;animation-delay:0s}.shape-2{width:150px;height:150px;background:#52c41a;top:60%;right:10%;animation-delay:5s}.shape-3{width:100px;height:100px;background:#faad14;bottom:20%;left:20%;animation-delay:10s}.shape-4{width:180px;height:180px;background:#722ed1;top:30%;right:30%;animation-delay:15s}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.sales-to-date-page{position:relative;z-index:1;max-width:1400px;margin:0 auto}.page-header,.sales-summary-section{margin-bottom:24px}.statistics-container{position:relative;z-index:1}@media (max-width: 768px){.sales-to-date-wrapper{padding:16px}}.news-page{max-width:1280px;width:100%;margin:0 auto;padding:var(--spacing-lg)}.news-header{text-align:center;margin-bottom:32px}@media (max-width: 768px){.news-page{padding:var(--spacing-md)}}.public-profile-container{min-height:100vh;padding:1.5rem 1.5rem 3.5rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.public-profile-page{max-width:1200px;margin:0 auto;width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-left{display:flex;align-items:center;gap:1rem}.back-button{padding:0;height:auto;font-size:.875rem}.public-profile-content{display:flex;flex-direction:column;gap:1.5rem}.loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.profile-header-card{border-radius:1rem;box-shadow:0 4px 12px #0000001a}.profile-header{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.profile-avatar{flex-shrink:0;border:4px solid #fff;box-shadow:0 4px 12px #00000026}.profile-info{flex:1;min-width:200px}.profile-name{margin:0 0 .5rem!important;color:#1890ff}.profile-firm{display:block;margin-bottom:.5rem;font-size:1rem}.profile-role-tag{font-size:.875rem;padding:.25rem .75rem}.contact-info{margin-top:1rem}.contact-info .ant-descriptions-item-label{font-weight:500}.ratings-card,.reviews-card{border-radius:1rem;box-shadow:0 4px 12px #0000001a}.ratings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.rating-section{padding:1rem;background:#fafafa;border-radius:.5rem;border:1px solid #e8e8e8}.rating-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.rating-title{font-size:.9375rem;color:#595959}.rating-content{display:flex;flex-direction:column;gap:.5rem}.rating-value{font-size:1.125rem;color:#1890ff}.rating-count{font-size:.875rem}.review-item{padding:1rem 0!important;border-bottom:1px solid #f0f0f0}.review-item:last-child{border-bottom:none}.review-content{width:100%}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.review-date{font-size:.875rem}.review-ratings{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.rating-label{font-size:.875rem;min-width:100px}.rating-value-small{font-size:.875rem;color:#1890ff;font-weight:500}.review-feedback{margin:.75rem 0!important;color:#595959;line-height:1.6}.review-source-tag{margin-top:.5rem}.demands-card{border-radius:1rem;box-shadow:0 4px 12px #0000001a}.demand-item{padding:1rem 0!important;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.demand-item:hover{background-color:#fafafa}.demand-item:last-child{border-bottom:none}.demand-content{width:100%}.demand-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.demand-date{font-size:.875rem}.demand-details{margin-top:.5rem}.star-distribution{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f0f0f0}.star-distribution-item{display:flex;align-items:center;gap:.25rem;font-size:.875rem}@media (max-width: 768px){.public-profile-container{padding:1rem}.profile-header{flex-direction:column;text-align:center;gap:1rem}.ratings-grid{grid-template-columns:1fr}.review-header,.demand-header{flex-direction:column;align-items:flex-start}}.increase-rate-page{padding:1.5rem;max-width:900px;margin:0 auto;animation:fadeIn .3s ease-in}.page-header{margin-bottom:2rem}.header-left{display:flex;align-items:center;gap:16px}.back-button{flex-shrink:0}.page-title-centered{font-size:1.75rem;font-weight:700;margin:0;text-align:center;color:var(--color-text, #1f2937);background:linear-gradient(135deg,var(--color-primary, #2196f3) 0%,var(--color-primary-light, #64b5f6) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex:1;position:absolute;left:50%;transform:translate(-50%);width:auto}.header-spacer{width:100px;flex-shrink:0}.rate-form-card{border-radius:var(--radius-xl, 1rem);box-shadow:0 20px 60px #0000001a,0 10px 30px #00000014;border:1px solid rgba(0,0,0,.06)}.rate-form-card .ant-card-body{padding:2rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.75rem;color:var(--color-primary, #2196f3);z-index:1;font-size:1rem}.modern-input{padding-left:2.5rem!important;border-radius:var(--radius-md, .5rem);border:1px solid rgba(0,0,0,.1);transition:all .3s ease}.modern-input:hover{border-color:var(--color-primary, #2196f3)}.modern-input:focus{border-color:var(--color-primary, #2196f3);box-shadow:0 0 0 2px #2196f31a}.quick-buttons-container{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.75rem}.quick-reason-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.quick-buttons-container .ant-btn,.quick-reason-buttons .ant-btn{transition:all .2s ease}.quick-buttons-container .ant-btn:hover,.quick-reason-buttons .ant-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.quick-increase-btn{min-width:auto!important;padding:.25rem .5rem!important;font-size:.875rem}.quick-increase-label{display:inline-block}.reset-btn{margin-left:auto}@media (min-width: 992px){.increase-rate-page .ant-descriptions-item-label{width:40%!important;font-weight:600}.increase-rate-page .ant-descriptions-item-content{width:60%!important}}@media (min-width: 769px){.increase-rate-page .ant-modal{max-width:700px!important}}@media (max-width: 768px){.increase-rate-page{padding:1rem}.page-header h1{font-size:1.5rem}.rate-form-card .ant-card-body{padding:1.5rem}}@media (max-width: 480px){.increase-rate-page{padding:.75rem}.page-header h1{font-size:1.25rem}.rate-form-card .ant-card-body{padding:1rem}.input-wrapper{flex-direction:column;align-items:stretch}.input-icon{position:relative;margin-bottom:.5rem}.modern-input{padding-left:.75rem!important}.quick-increase-label{font-size:.75rem!important}.quick-increase-btn{flex:1;min-width:0;padding:.25rem .375rem!important;font-size:.75rem}.reset-btn{margin-left:0;width:100%;margin-top:.5rem}}.accept-demand-page{padding:1.5rem;max-width:900px;margin:0 auto;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.accept-demand-page .page-header{margin-bottom:2rem}.accept-demand-page .header-left{display:flex;align-items:center;gap:16px}.accept-demand-page .back-button{flex-shrink:0;display:flex;align-items:center;gap:8px}.accept-demand-page .page-content{display:flex;flex-direction:column;gap:1.5rem}.accept-form-card{border-radius:var(--radius-xl, 1rem);box-shadow:0 20px 60px #0000001a,0 10px 30px #00000014;border:1px solid rgba(0,0,0,.06)}.accept-form-card .ant-card-body{padding:2rem}@media (max-width: 768px){.accept-demand-page{padding:1rem}.accept-form-card .ant-card-body{padding:1.5rem}}@media (max-width: 480px){.accept-demand-page{padding:.75rem}.accept-form-card .ant-card-body{padding:1rem}}.password-verification-modal .ant-modal-wrap{z-index:10000!important}.password-verification-modal .ant-modal-mask{z-index:9999!important}.password-verification-modal .ant-modal{z-index:10000!important}.ant-select-dropdown{z-index:1050!important}.chat-list-page{padding:1.5rem;max-width:1400px;margin:0 auto;height:calc(100vh - 80px);display:flex;flex-direction:column}.chat-list-loading{display:flex;align-items:center;justify-content:center;height:100%}.chat-list-header{padding:1rem;border-bottom:1px solid #e9edef;background:#fff}.chat-list-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111b21}.chat-list-with-window{display:flex;height:100%;gap:1rem;background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 8px #0000001a}.chat-list-sidebar{width:350px;border-right:1px solid #e9edef;display:flex;flex-direction:column;background:#fff;overflow:hidden}.chat-list-only{background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column;height:100%}.chat-list-items{flex:1;overflow-y:auto;padding:.5rem}.chat-list-item{margin-bottom:.5rem;border-radius:.5rem;border:1px solid #e9edef;cursor:pointer;transition:all .2s ease}.chat-list-item:hover{background:#f5f6f6;border-color:#d1d7db}.chat-list-item.active{background:#e9edef;border-color:#075e54}.chat-list-item .ant-card-body{padding:.75rem;display:flex;gap:.75rem;align-items:flex-start}.chat-item-avatar{flex-shrink:0;background:#075e54}.chat-item-content{flex:1;min-width:0}.chat-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.chat-item-name{font-weight:600;font-size:.9375rem;color:#111b21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.chat-item-time{font-size:.75rem;color:#667781;margin-left:.5rem;white-space:nowrap}.chat-item-preview{font-size:.875rem;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.chat-item-sender{font-weight:500;color:#111b21}.chat-item-empty{font-style:italic;color:#999}.chat-item-status{font-size:.75rem;color:#667781;font-style:italic}.chat-window-container{flex:1;min-width:0;display:flex;flex-direction:column}.chat-list-items::-webkit-scrollbar{width:.375rem}.chat-list-items::-webkit-scrollbar-track{background:transparent}.chat-list-items::-webkit-scrollbar-thumb{background:#b0b0b0;border-radius:.25rem}.chat-list-items::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width: 768px){.chat-list-page{padding:.75rem;height:calc(100vh - 80px)}.chat-list-with-window{flex-direction:column}.chat-list-sidebar{width:100%;max-height:40%}.chat-window-container{flex:1;min-height:60%}.chat-item-avatar{width:2.5rem;height:2.5rem;font-size:1rem}.chat-item-name{font-size:.875rem}.chat-item-preview{font-size:.8125rem}}.user-details-container{width:100%;max-width:1200px;margin:0 auto;padding:24px}.user-details-page{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.user-details-header{padding:24px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;background:#f0f0f0}.grid-item{padding:16px;background:#fff}@media (max-width: 1024px){.user-details-container{padding:20px}.grid-layout{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 768px){.user-details-container{padding:12px}.grid-layout{grid-template-columns:1fr}.user-details-header{padding:16px}.user-details-header h2{font-size:20px!important}.grid-item{padding:12px}}@media (max-width: 480px){.user-details-container{padding:8px}.user-details-header{padding:12px}.user-details-header h2{font-size:18px!important}.grid-item{padding:10px}.grid-item div:first-child{font-size:12px}.grid-item div:last-child{font-size:14px}}.add-mandi-items-page{padding:24px;max-width:900px;margin:0 auto}.page-header{text-align:center;margin-bottom:32px}.page-header h1{font-size:2rem;color:#1890ff;margin-bottom:12px}.page-header p{font-size:1rem;color:#666}.add-item-card,.existing-items-card{margin-bottom:24px}.add-mandi-items-page .common-card{border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.add-mandi-items-page .common-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.qualities-section{border:1px solid #d9d9d9;border-radius:4px;padding:16px;background:#fafafa}.qualities-list{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 768px){.add-mandi-items-page{padding:16px}.page-header h1{font-size:1.5rem}}.live-mandi-page{padding:24px;max-width:1200px;margin:0 auto}.mandi-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.current-item-section{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.current-item-card{min-height:400px}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.item-details{margin-bottom:24px}.bid-section{margin-top:24px;padding:16px;background:#f5f5f5;border-radius:8px}.seller-actions{margin-top:24px}.bids-card{max-height:500px;overflow-y:auto}@media (max-width: 968px){.current-item-section{grid-template-columns:1fr}}@media (max-width: 768px){.live-mandi-page{padding:16px}.mandi-header-section{flex-direction:column;align-items:flex-start}}.mandi-bid-selection-page{padding:24px;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.item-info-card,.profit-analysis-card,.all-bids-card{margin-bottom:24px}@media (max-width: 768px){.mandi-bid-selection-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}}.mandi-results-page{padding:24px;max-width:1200px;margin:0 auto}.results-header{text-align:center;margin-bottom:32px}.results-header h1{font-size:2rem;color:#1890ff;margin-bottom:12px}.summary-card{text-align:center}@media (max-width: 768px){.mandi-results-page{padding:16px}}:root{--color-primary: #1890ff;--color-primary-light: #69c0ff;--color-primary-dark: #096dd9;--color-secondary: #10B981;--color-secondary-light: #059669;--color-secondary-dark: #047857;--color-accent: #F59E0B;--color-background: #f8fafc;--color-background-light: #e2e8f0;--color-text: #1f2937;--color-text-light: #6b7280;--color-text-muted: #9ca3af;--color-surface: rgba(255, 255, 255, .95);--color-surface-solid: #ffffff;--color-error: #dc2626;--color-success: #10b981;--color-warning: #f59e0b;--color-info: #3b82f6;--color-status-active: #1890ff;--color-status-accepted: #52c41a;--color-status-completed: #52c41a;--color-status-pending: #fa8c16;--color-status-rejected: #ff4d4f;--color-status-expired: #8c8c8c;--color-status-cancelled: #ff4d4f;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s ease;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform-style:preserve-3d;perspective:1000px}.page-container{min-height:100vh;display:flex;flex-direction:column;position:relative;padding-bottom:72px;animation:fadeIn .6s ease-out;transform-style:preserve-3d;perspective:1000px}.dashboard-container{padding:var(--spacing-xl);max-width:1280px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;animation:fadeIn .6s ease-out;transform-style:preserve-3d;perspective:1000px}.page-wrapper{max-width:1280px;margin:0 auto;padding:var(--spacing-xl)}.demand-card{background:linear-gradient(145deg,#fffffffa,#f8fafcfa);border-radius:var(--radius-lg);box-shadow:var(--shadow-3d);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transition:var(--transition-3d);border:1px solid rgba(240,240,240,.5);display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;overflow:hidden;transform-style:preserve-3d}.demand-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);box-shadow:0 2px 4px #2196f34d}.demand-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(33,150,243,.05),transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}.demand-card:hover{transform:translateY(-6px) rotateX(1deg) rotateY(-1deg) scale(1.01);box-shadow:var(--shadow-3d-hover);border-color:#2196f34d}.demand-card:hover:after{opacity:1}.card-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0;line-height:1.4}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-light);margin:var(--spacing-xs) 0 0 0}.card-body{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #f0f0f0;display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition-3d);border:none;font-size:var(--font-size-sm);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);text-decoration:none;min-height:40px;transform-style:preserve-3d;box-shadow:var(--shadow-md)}.btn:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent);border-radius:var(--radius-md) var(--radius-md) 0 0;pointer-events:none;z-index:1}.btn-secondary{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-light) 100%);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px)}.btn-danger{background:var(--color-error);color:#fff;box-shadow:0 4px 15px #dc26264d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc262666}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);min-height:32px}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);min-height:48px}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize;white-space:nowrap;border:1px solid transparent}.status-badge.active{background-color:#1890ff1a;color:var(--color-status-active);border-color:#1890ff33}.status-badge.accepted,.status-badge.completed,.status-badge.approved{background-color:#52c41a1a;color:var(--color-status-accepted);border-color:#52c41a33}.status-badge.pending{background-color:#fa8c161a;color:var(--color-status-pending);border-color:#fa8c1633}.status-badge.rejected,.status-badge.cancelled,.status-badge.blocked{background-color:#ff4d4f1a;color:var(--color-status-rejected);border-color:#ff4d4f33}.status-badge.expired{background-color:#8c8c8c1a;color:var(--color-status-expired);border-color:#8c8c8c33}.status-badge.partially_filled{background-color:#722ed11a;color:var(--color-status-completed);border-color:#722ed133}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid #d1d5db;border-radius:var(--radius-md);font-size:var(--font-size-base);transition:var(--transition-normal);background:var(--color-surface-solid)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1890ff1a}.form-textarea{min-height:100px;resize:vertical}.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid #d1d5db;border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-surface-solid);cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.modal{background:linear-gradient(145deg,#fffffffa,#f8fafcfa);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0003,0 10px 30px #00000026,inset 0 1px #ffffff80;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn3d .4s cubic-bezier(.34,1.56,.64,1);transform-style:preserve-3d;border:1px solid rgba(255,255,255,.3)}.modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--color-text-muted);padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast)}.modal-close:hover{background:#0000000d;color:var(--color-text)}.modal-body{padding:var(--spacing-xl);overflow-y:auto;flex:1}.modal-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-muted{color:var(--color-text-muted)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in-up{animation:slideInUp .8s ease-out}.animate-slide-in-down{animation:slideInDown .6s ease-out}.animate-scale-in{animation:scaleIn .5s ease-out}@media (max-width: 768px){.dashboard-container,.main-content,.page-wrapper{padding:var(--spacing-md)}.card{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.demand-card{padding:var(--spacing-md)}.modal{margin:var(--spacing-md);max-width:calc(100vw - 2rem)}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-auto{grid-template-columns:1fr}}@media (max-width: 480px){.dashboard-container,.main-content,.page-wrapper,.card,.demand-card{padding:var(--spacing-sm)}.modal{margin:var(--spacing-sm);max-width:calc(100vw - 1rem)}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-sm)}.btn{min-height:36px;font-size:var(--font-size-sm)}.btn-sm{min-height:28px;font-size:var(--font-size-xs)}.btn-lg{min-height:44px;font-size:var(--font-size-base)}}@media (prefers-color-scheme: dark){:root{--color-background: #0f172a;--color-background-light: #1e293b;--color-text: #f1f5f9;--color-text-light: #cbd5e1;--color-text-muted: #94a3b8;--color-surface: rgba(30, 41, 59, .95);--color-surface-solid: #1e293b}.card,.demand-card{border-color:#ffffff1a}.form-input,.form-select{background:var(--color-surface-solid);border-color:#fff3;color:var(--color-text)}.modal{background:var(--color-surface-solid)}.modal-header,.modal-footer{border-color:#ffffff1a}}@media print{.btn,.modal,.floating-actions{display:none!important}.card,.demand-card{box-shadow:none;border:1px solid #000;break-inside:avoid}.page-container{background:#fff}}.ant-modal{max-width:calc(100vw - 3.2rem)!important}@media (max-width: 768px){.ant-modal{max-width:calc(100vw - 2rem)!important;margin:1rem!important}}@media (max-width: 480px){.ant-modal{max-width:calc(100vw - 1rem)!important;margin:.5rem!important}}.ant-modal-wrap{overflow-x:hidden!important}.ant-modal-mask{padding:1.6rem!important}.modern-modal{border-radius:var(--radius-xl)!important;overflow:hidden!important;box-shadow:0 20px 60px #0003,0 10px 30px #00000026,inset 0 1px #ffffff80!important;border:1px solid rgba(255,255,255,.3)!important;max-width:calc(100vw - 3.2rem)!important;transform-style:preserve-3d!important}.modern-modal .ant-modal-content{background:linear-gradient(145deg,#fffffffa,#f8fafcfa)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:blur(20px) saturate(180%)!important;border-radius:var(--radius-xl)!important;box-shadow:0 20px 60px #0003,0 10px 30px #00000026,inset 0 1px #ffffff80!important;border:1px solid rgba(255,255,255,.3)!important;max-width:100%!important;overflow:hidden!important;transform-style:preserve-3d!important;animation:modalSlideIn3d .4s cubic-bezier(.34,1.56,.64,1)!important}@keyframes modalSlideIn3d{0%{transform:scale(.8) rotateX(-10deg) translateY(20px);opacity:0}to{transform:scale(1) rotateX(0) translateY(0);opacity:1}}.modern-modal .ant-modal-header{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.1)!important;padding:var(--spacing-lg) var(--spacing-xl)!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important}.modern-modal .ant-modal-title{font-size:1.5rem!important;font-weight:700!important;color:var(--color-text)!important;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.modern-modal .ant-modal-body{padding:var(--spacing-xl)!important;background:transparent!important}.modern-modal .ant-modal-footer{background:transparent!important;border-top:1px solid rgba(255,255,255,.1)!important;padding:var(--spacing-lg) var(--spacing-xl)!important;border-radius:0 0 var(--radius-xl) var(--radius-xl)!important;display:flex!important;justify-content:flex-end!important;gap:var(--spacing-md)!important;flex-wrap:wrap!important}.modern-modal .ant-modal-footer .ant-btn{margin:0!important;flex-shrink:0!important;min-width:fit-content!important}.modern-modal .ant-modal-close{color:var(--color-text-muted)!important;transition:var(--transition-normal)!important}.modern-modal .ant-modal-close:hover{color:var(--color-primary)!important;background:#2196f31a!important}.modern-modal .ant-btn{border-radius:var(--radius-md)!important;font-weight:600!important;transition:var(--transition-normal)!important;padding:var(--spacing-sm) var(--spacing-lg)!important}.modern-modal .ant-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%)!important;border:none!important;box-shadow:0 6px 20px #2196f366,inset 0 1px #ffffff4d!important;transform-style:preserve-3d!important}.modern-modal .ant-btn-primary:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:0 10px 30px #2196f380,inset 0 1px #fff6!important}.modern-modal .ant-btn-default{background:var(--color-surface-solid)!important;border:2px solid var(--color-text-muted)!important;color:var(--color-text)!important}.modern-modal .ant-btn-default:hover{border-color:var(--color-primary)!important;color:var(--color-primary)!important;transform:translateY(-1px)!important}.modern-modal-content{color:var(--color-text)!important;line-height:1.6!important}.modern-modal-content h3{color:var(--color-text)!important;font-weight:600!important;margin-bottom:var(--spacing-md)!important}.modern-modal-content p{color:var(--color-text-light)!important;margin-bottom:var(--spacing-md)!important}.terms-modal .ant-modal-content{max-height:70vh!important;overflow-y:auto!important}.terms-modal .ant-modal-body{padding:var(--spacing-lg)!important}.terms-section{margin-bottom:var(--spacing-xl)!important;padding:var(--spacing-lg)!important;background:#ffffff0d!important;border-radius:var(--radius-md)!important;border:1px solid rgba(255,255,255,.1)!important}.terms-section h4{color:var(--color-primary)!important;font-weight:600!important;margin-bottom:var(--spacing-sm)!important;font-size:1.1rem!important}.terms-section p{color:var(--color-text-light)!important;line-height:1.6!important;margin-bottom:var(--spacing-sm)!important}@media (max-width: 768px){.modern-modal{margin:var(--spacing-md)!important;max-width:calc(100vw - 2rem)!important;top:1rem!important}.modern-modal .ant-modal-content{max-height:calc(100vh - 2rem)!important;display:flex!important;flex-direction:column!important}.modern-modal .ant-modal-body{overflow-y:auto!important;flex:1!important;max-height:calc(100vh - 12rem)!important}.modern-modal .ant-modal-header,.modern-modal .ant-modal-body,.modern-modal .ant-modal-footer{padding:var(--spacing-md)!important}.modern-modal .ant-modal-title{font-size:1.3rem!important}}@media (max-width: 480px){.modern-modal{margin:var(--spacing-sm)!important;max-width:calc(100vw - 1rem)!important;top:.5rem!important}.modern-modal .ant-modal-content{max-height:calc(100vh - 1rem)!important;display:flex!important;flex-direction:column!important}.modern-modal .ant-modal-body{overflow-y:auto!important;flex:1!important;max-height:calc(100vh - 10rem)!important}.modern-modal .ant-modal-header,.modern-modal .ant-modal-body,.modern-modal .ant-modal-footer{padding:var(--spacing-sm)!important}.modern-modal .ant-modal-title{font-size:1.2rem!important}.ant-modal-mask{padding:.5rem!important}}*{perspective-origin:center center}.dashboard-container,.page-container{perspective:1500px;perspective-origin:center top;transform-style:preserve-3d}:root{--gradient-primary: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);--gradient-secondary: linear-gradient(135deg, #009688 0%, #00796B 100%);--gradient-success: linear-gradient(135deg, #4CAF50 0%, #388E3C 100%);--gradient-warning: linear-gradient(135deg, #FF9800 0%, #F57C00 100%);--gradient-info: linear-gradient(135deg, #00BCD4 0%, #0097A7 100%);--gradient-vibrant: linear-gradient(135deg, #2196F3 0%, #1976D2 50%, #009688 100%);--glow-primary: 0 8px 32px rgba(33, 150, 243, .4);--glow-secondary: 0 8px 32px rgba(0, 150, 136, .4);--glow-success: 0 8px 32px rgba(76, 175, 80, .4)}.common-card-3d{background:#ffffffe6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24px;padding:2rem;box-shadow:0 8px 32px #2196f326,0 16px 64px #1976d21a,inset 0 1px #fffc;transition:all .5s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;border:1px solid rgba(255,255,255,.6);position:relative;overflow:hidden}.common-card-3d:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(33,150,243,.08) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.common-card-3d:hover{transform:translateY(-12px) translateZ(20px) rotateX(5deg) rotateY(-5deg);box-shadow:0 16px 48px #2196f340,0 32px 96px #1976d233,0 48px 128px #00968826,inset 0 1px #fff}.common-card-3d:hover:after{opacity:1}.common-card-3d:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;padding:2px;background:linear-gradient(135deg,#2196f34d,#1976d24d,#0096884d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .5s;pointer-events:none}.common-card-3d:hover:before{opacity:1;animation:rotateBorder 3s linear infinite}@keyframes rotateBorder{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.btn-3d{position:relative;border:none;border-radius:16px;padding:1rem 2rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;box-shadow:0 8px 16px #2196f34d,0 4px 8px #00000014,inset 0 1px #fff6;overflow:hidden}.btn-3d:before{content:"";position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,#fff6,#fff0);border-radius:16px 16px 50% 50%;pointer-events:none;opacity:1}.btn-3d:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-3d:hover:after{width:300px;height:300px}.btn-3d:hover{transform:translateY(-4px) translateZ(10px) scale(1.05);box-shadow:0 16px 32px #2196f366,0 8px 16px #0000001f,inset 0 1px #fff9}.btn-3d:active{transform:translateY(-1px) translateZ(5px) scale(.98);box-shadow:0 4px 8px #2196f34d,inset 0 2px 4px #00000026}.btn-3d-primary{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:var(--glow-primary)}.btn-3d-primary:hover{box-shadow:0 16px 32px #2196f380}.btn-3d-success{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;box-shadow:var(--glow-success)}.btn-3d-success:hover{box-shadow:0 16px 32px #4facfe80}.btn-3d-warning{background:linear-gradient(135deg,#ff9800,#fee140);color:#fff;box-shadow:0 8px 32px #ff980066}.btn-3d-warning:hover{box-shadow:0 16px 32px #ff980080}.btn-3d-secondary{background:linear-gradient(135deg,#009688,#00796b);color:#fff;box-shadow:var(--glow-secondary)}.btn-3d-secondary:hover{box-shadow:0 16px 32px #00968880}.input-3d{position:relative;border:2px solid #e5e7eb;border-radius:12px;padding:.75rem 1rem;background:linear-gradient(145deg,#fff,#f9fafb);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d,inset 0 1px 2px #0000000d}.input-3d:focus{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f633,0 8px 16px #3b82f61a,inset 0 1px 2px #0000000d;outline:none}.nav-item-3d{position:relative;padding:.75rem 1.5rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.nav-item-3d:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .3s;border-radius:3px 3px 0 0}.nav-item-3d:hover{transform:translateY(-4px);box-shadow:0 4px 8px #0000001a,0 8px 16px #0000000d}.nav-item-3d.active:after{width:80%}.nav-item-3d.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d,0 8px 24px #3b82f633}.floating-shape-3d{position:absolute;border-radius:50%;opacity:.15;animation:float3d 8s ease-in-out infinite;pointer-events:none;filter:blur(40px);will-change:transform}.floating-shape-3d.shape-1{width:150px;height:150px;background:radial-gradient(circle at 30% 30%,#2196f3,#1976d2);top:10%;left:10%;animation-delay:0s}.floating-shape-3d.shape-2{width:200px;height:200px;background:radial-gradient(circle at 30% 30%,#009688,#00796b);top:50%;right:10%;animation-delay:2s}.floating-shape-3d.shape-3{width:120px;height:120px;background:radial-gradient(circle at 30% 30%,#4facfe,#00f2fe);bottom:15%;left:15%;animation-delay:4s}.floating-shape-3d.shape-4{width:180px;height:180px;background:radial-gradient(circle at 30% 30%,#ff9800,#fee140);top:30%;right:25%;animation-delay:1s}.floating-shape-3d.shape-5{width:140px;height:140px;background:radial-gradient(circle at 30% 30%,#30cfd0,#330867);bottom:30%;left:30%;animation-delay:3s}@keyframes float3d{0%,to{transform:translateZ(0) rotate(0) scale(1)}25%{transform:translate3d(20px,-40px,20px) rotate(90deg) scale(1.15)}50%{transform:translate3d(-20px,-80px,10px) rotate(180deg) scale(1.05)}75%{transform:translate3d(20px,-40px,-10px) rotate(270deg) scale(1.1)}}.header-3d{background:linear-gradient(135deg,#2196f3,#1976d2,#009688)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #2196f34d,0 16px 64px #1976d233,inset 0 1px #ffffff4d!important;border-bottom:2px solid rgba(255,255,255,.2);position:sticky!important;top:0!important;z-index:1100!important;transform-style:preserve-3d;transition:all .3s ease}.header-3d:hover{box-shadow:0 12px 48px #2196f366,0 24px 96px #1976d24d,inset 0 1px #fff6!important}.modal-3d{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:24px;padding:2rem;box-shadow:0 20px 60px #00000026,0 10px 30px #0000001f,0 5px 15px #00000014;animation:modal3d .4s cubic-bezier(.34,1.56,.64,1);transform-style:preserve-3d}@keyframes modal3d{0%{transform:scale(.8) rotateX(-10deg) translateY(20px);opacity:0}to{transform:scale(1) rotateX(0) translateY(0);opacity:1}}.badge-3d{position:relative;display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600;box-shadow:0 2px 4px #0000001a,inset 0 1px 2px #ffffff4d;transform-style:preserve-3d}.badge-3d:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;padding:2px;background:linear-gradient(135deg,#ffffff4d,#fff0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.stats-card-3d{position:relative;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:20px;padding:2rem;box-shadow:0 4px 6px #0000000d,0 10px 25px #00000014;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;overflow:hidden}.stats-card-3d:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.05),transparent 70%);transition:opacity .4s;opacity:0}.stats-card-3d:hover{transform:translateY(-8px) rotateY(2deg);box-shadow:0 8px 16px #0000001a,0 20px 40px #0000001f}.stats-card-3d:hover:before{opacity:1}.demand-card-3d{position:relative;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 6px #0000000d,0 10px 25px #00000014;transform-style:preserve-3d;border:1px solid rgba(255,255,255,.5)}.demand-card-3d:hover{transform:translateY(-10px) rotateX(2deg) rotateY(-2deg) scale(1.02);box-shadow:0 8px 16px #0000001f,0 20px 40px #00000026,0 40px 80px #0000001a}.spinner-3d{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin3d 1s linear infinite;transform-style:preserve-3d}@keyframes spin3d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px;box-shadow:inset 0 0 5px #0000001a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;box-shadow:0 2px 4px #0003,inset 0 1px 2px #fff3}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 8px #0000004d,inset 0 1px 2px #ffffff4d}@media (max-width: 768px){.common-card-3d:hover,.demand-card-3d:hover,.stats-card-3d:hover{transform:translateY(-4px)}.btn-3d:hover{transform:translateY(-1px)}}@media (prefers-reduced-motion: reduce){.common-card-3d,.btn-3d,.demand-card-3d,.stats-card-3d,.floating-shape-3d{transition:none;animation:none}.common-card-3d:hover,.btn-3d:hover,.demand-card-3d:hover,.stats-card-3d:hover{transform:none}}#root{margin:0;padding:0;text-align:center;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;z-index:1;transform-style:preserve-3d}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em var(--color-primary-light))}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{background:linear-gradient(145deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:var(--radius-lg);box-shadow:var(--shadow-3d);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);transition:var(--transition-3d);border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden;transform-style:preserve-3d}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);opacity:.8}.card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(33,150,243,.05),transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}.card:hover{transform:translateY(-8px) rotateX(2deg) rotateY(-2deg) scale(1.02);box-shadow:var(--shadow-3d-hover);border-color:#2196f366}.card:hover:after{opacity:1}.read-the-docs{color:var(--color-text-light)}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;padding-bottom:72px;animation:fadeIn .6s ease-out;transform-style:preserve-3d;perspective:1000px}.main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:var(--spacing-xl);animation:slideInUp .8s ease-out}.buyer-dashboard,.seller-dashboard,.admin-dashboard{width:100%}.page-wrapper{max-width:1280px;margin:0 auto;padding:2rem}.btn{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition-3d);border:none;font-size:.95rem;position:relative;overflow:hidden;transform-style:preserve-3d;box-shadow:var(--shadow-md)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent);border-radius:var(--radius-md) var(--radius-md) 0 0;pointer-events:none}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-3px) scale(1.02)}.btn:active{transform:translateY(-1px) scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;box-shadow:0 6px 20px #2196f366,inset 0 1px #ffffff4d}.btn-primary:hover{box-shadow:0 10px 30px #2196f380,inset 0 1px #fff6}.btn-secondary{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-light) 100%);color:#fff;box-shadow:0 6px 20px #10b98166,inset 0 1px #ffffff4d}.btn-secondary:hover{box-shadow:0 10px 30px #10b98180,inset 0 1px #fff6}@media (max-width: 768px){.card{padding:12px;margin-bottom:12px}.main-content,.page-wrapper{padding:1rem}.app-container,.main-content,.page-wrapper{overflow-x:hidden}}@media (min-width: 1024px){.app-container{padding-bottom:0}}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--color-text-primary: #2C3E50;--color-text-secondary: #5F6368;--color-text-light: #757575;--color-border: #E0E0E0}*{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);letter-spacing:-.01em}.ant-modal-title,.ant-modal-content,.ant-message-notice-content,.ant-notification-notice-message,.ant-notification-notice-description,.ant-tabs-tab,.ant-btn,.ant-input,.ant-select,.ant-form-item-label>label,.ant-form-item,.ant-table,.ant-pagination{font-family:var(--font-family)!important}.ant-modal-title{font-size:20px!important;font-weight:600!important;letter-spacing:-.01em!important;color:var(--color-text-primary)!important}.ant-btn{font-weight:600!important;letter-spacing:.01em!important;border-radius:var(--radius-md)!important;transition:var(--transition-3d)!important;font-size:1rem!important;padding:var(--spacing-md) var(--spacing-lg)!important;height:auto!important;min-height:40px!important;transform-style:preserve-3d!important;position:relative!important;overflow:hidden!important;box-shadow:var(--shadow-md)!important}.ant-btn:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:50%!important;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent)!important;border-radius:var(--radius-md) var(--radius-md) 0 0!important;pointer-events:none!important;z-index:1!important}.ant-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%)!important;border:none!important;box-shadow:0 6px 20px #2196f366,inset 0 1px #ffffff4d!important}.ant-btn-primary:hover:not(:disabled){transform:translateY(-3px) scale(1.02)!important;box-shadow:0 10px 30px #2196f380,inset 0 1px #fff6!important}.ant-btn-primary:active:not(:disabled){transform:translateY(-1px) scale(.98)!important}.ant-btn-danger{background:#ff4d4f!important;border-color:#ff4d4f!important;color:#fff!important}.ant-btn-danger:hover:not(:disabled){background:#ff7875!important;border-color:#ff7875!important;color:#fff!important;transform:translateY(-1px)!important}.ant-btn-danger:active:not(:disabled){transform:translateY(0)!important}.ant-btn-default{border:2px solid #E5E7EB!important;background:#f9fafb!important;color:var(--color-text)!important}.ant-btn-default:hover{border-color:var(--color-primary)!important;background:var(--color-primary-light)!important;color:var(--color-primary)!important;transform:translateY(-1px)!important}.ant-tabs-tab{font-weight:500!important}.ant-input{font-size:1rem!important;border:2px solid rgba(229,231,235,.8)!important;border-radius:var(--radius-md)!important;background:linear-gradient(145deg,#fffffff2,#f9fafbf2)!important;transition:var(--transition-3d)!important;font-weight:500!important;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3.5rem!important;box-shadow:0 2px 4px #0000000d,inset 0 1px 2px #0000000d!important;transform-style:preserve-3d!important}.ant-input:focus{border-color:var(--color-primary)!important;background:linear-gradient(145deg,#fff,#f9fafb)!important;box-shadow:0 4px 12px #2196f340,0 0 0 3px #2196f31a,inset 0 1px 2px #0000000d!important;transform:translateY(-2px) scale(1.01)!important}.input-wrapper .input-icon{position:absolute!important;left:var(--spacing-lg)!important;color:var(--color-text-muted)!important;font-size:1.1rem!important;z-index:1!important;transition:var(--transition-normal)!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important}.input-wrapper .ant-input:focus+.input-icon,.input-wrapper .ant-input:not(:placeholder-shown)+.input-icon{color:var(--color-primary)!important}.ant-input-number{font-size:1rem!important;border:2px solid #E5E7EB!important;border-radius:var(--radius-md)!important;background:#f9fafb!important;transition:var(--transition-normal)!important;font-weight:500!important;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3.5rem!important;width:100%!important}.ant-input-number:focus,.ant-input-number-focused{border-color:var(--color-primary)!important;background:var(--color-surface-solid)!important;box-shadow:0 0 0 3px #1890ff1a!important;transform:translateY(-1px)!important}.ant-input-number-input{padding:0!important;border:none!important;background:transparent!important;font-size:1rem!important;font-weight:500!important}.ant-cascader-picker{border:2px solid rgba(229,231,235,.8)!important;border-radius:var(--radius-md)!important;background:linear-gradient(145deg,#fffffff2,#f9fafbf2)!important;transition:var(--transition-3d)!important;font-weight:500!important;box-shadow:0 2px 4px #0000000d,inset 0 1px 2px #0000000d!important;transform-style:preserve-3d!important}.ant-cascader-picker-focused{border-color:var(--color-primary)!important;background:linear-gradient(145deg,#fff,#f9fafb)!important;box-shadow:0 4px 12px #2196f340,0 0 0 3px #2196f31a,inset 0 1px 2px #0000000d!important;transform:translateY(-2px) scale(1.01)!important}.ant-cascader-menu{border-radius:var(--radius-md)!important;box-shadow:0 20px 40px #0003,0 8px 16px #00000026,inset 0 1px #ffffff80!important;border:2px solid rgba(255,255,255,.3)!important;background:linear-gradient(145deg,#fffffffa,#f8fafcfa)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:blur(20px) saturate(180%)!important;transform-style:preserve-3d!important}.ant-cascader-menu-item{padding:var(--spacing-sm) var(--spacing-md)!important;border-radius:var(--radius-sm)!important;font-weight:500!important;transition:var(--transition-normal)!important}.ant-cascader-menu-item:hover{background:var(--color-primary-light)!important;color:var(--color-primary)!important;transform:translateY(-1px)!important}.ant-cascader-menu-item-active{background:var(--color-primary)!important;color:#fff!important}.ant-select{font-family:var(--font-family)!important}.ant-select-selector{border:2px solid rgba(229,231,235,.8)!important;border-radius:var(--radius-md)!important;background:linear-gradient(145deg,#fffffff2,#f9fafbf2)!important;transition:var(--transition-3d)!important;font-weight:500!important;padding:var(--spacing-sm) var(--spacing-md)!important;height:auto!important;min-height:40px!important;box-shadow:0 2px 4px #0000000d,inset 0 1px 2px #0000000d!important;transform-style:preserve-3d!important}.ant-select-focused .ant-select-selector{border-color:var(--color-primary)!important;background:linear-gradient(145deg,#fff,#f9fafb)!important;box-shadow:0 4px 12px #2196f340,0 0 0 3px #2196f31a,inset 0 1px 2px #0000000d!important;transform:translateY(-2px) scale(1.01)!important}.ant-select-dropdown{border-radius:var(--radius-md)!important;box-shadow:0 20px 40px #0003,0 8px 16px #00000026,inset 0 1px #ffffff80!important;border:2px solid rgba(255,255,255,.3)!important;background:linear-gradient(145deg,#fffffffa,#f8fafcfa)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:blur(20px) saturate(180%)!important;transform-style:preserve-3d!important}.ant-select-item{padding:var(--spacing-sm) var(--spacing-md)!important;border-radius:var(--radius-sm)!important;font-weight:500!important;transition:var(--transition-normal)!important}.ant-select-item:hover{background:var(--color-primary-light)!important;color:var(--color-primary)!important;transform:translateY(-1px)!important}.ant-select-item-option-selected{background:var(--color-primary)!important;color:#fff!important}.ant-select-selection-item{font-weight:500!important;color:var(--color-text)!important}.input-wrapper .ant-select{width:100%!important}.input-wrapper .ant-select-selector{border:2px solid #E5E7EB!important;border-radius:var(--radius-md)!important;background:#f9fafb!important;transition:var(--transition-normal)!important;font-weight:500!important;padding:var(--spacing-sm) var(--spacing-md)!important;height:auto!important;min-height:40px!important}.input-wrapper .ant-select-focused .ant-select-selector{border-color:var(--color-primary)!important;background:var(--color-surface-solid)!important;box-shadow:0 0 0 3px #1890ff1a!important;transform:translateY(-1px)!important}.input-wrapper .ant-select-selection-item{font-weight:500!important;color:var(--color-text)!important;padding-left:0!important}.input-wrapper .ant-select-selection-placeholder{color:var(--color-text-muted)!important;padding-left:0!important}.input-wrapper .ant-select-arrow{color:var(--color-text-muted)!important;right:var(--spacing-md)!important}.ant-form-item-label>label{font-weight:500!important;color:var(--color-text-secondary)!important}.ant-message-custom-content,.ant-notification-notice-message{font-weight:500!important;letter-spacing:-.01em!important}.ant-notification-notice-description{color:var(--color-text-secondary)!important}.status-badge{font-weight:500!important;letter-spacing:.01em!important}.card-title{font-size:16px!important;font-weight:500!important;letter-spacing:-.01em!important;color:var(--color-text-primary)!important}.card-label{font-size:13px!important;color:var(--color-text-secondary)!important}.card-value{font-size:14px!important;font-weight:500!important}.ant-modal-wrap,.ant-modal-wrap.ant-modal-centered{display:flex!important;align-items:center!important;justify-content:center!important}.ant-modal-wrap:not(.ant-modal-wrap-open){display:none!important;pointer-events:none!important;z-index:-1!important}.ant-modal-mask-hidden{display:none!important}body:not(.ant-modal-open) .ant-modal-mask{display:none!important;pointer-events:none!important}.ant-form-item-explain,.ant-form-item-explain-error,.ant-form-item-extra{pointer-events:none!important;position:relative!important;z-index:1!important}.ant-form-item{position:relative}.ant-form-item-control-input,.ant-form-item-control-input-content{position:relative;z-index:2}.ant-input,.ant-select,.ant-select-selector,.ant-picker,.ant-cascader-picker,.ant-input-number{position:relative;z-index:2;pointer-events:auto!important}*{box-sizing:border-box}img{max-width:100%;height:auto}table{width:100%;overflow-x:auto;display:block}@media (min-width: 768px){table{display:table}}iframe,video{max-width:100%;height:auto}.ant-modal{max-width:calc(100vw - 2rem)!important;margin:1rem!important}.ant-modal-content{max-width:100%!important}.ant-modal[style*="width: 600px"],.ant-modal[style*="width: 800px"],.ant-modal[style*="width: 1000px"]{width:calc(100vw - 2rem)!important;max-width:600px!important}.ant-modal-body,.ant-modal-header,.ant-modal-footer{padding:var(--spacing-md)!important}@media (max-width: 480px){h1{font-size:1.5rem!important}h2{font-size:1.25rem!important}h3{font-size:1.125rem!important}h4{font-size:1rem!important}.ant-modal{max-width:calc(100vw - 1rem)!important;margin:.5rem!important}.ant-modal[style*="width: 600px"],.ant-modal[style*="width: 800px"],.ant-modal[style*="width: 1000px"]{width:calc(100vw - 1rem)!important;max-width:100%!important}.ant-modal-body,.ant-modal-header,.ant-modal-footer{padding:var(--spacing-sm)!important}.ant-modal-title{font-size:1.1rem!important}.ant-btn{min-height:2.5rem;font-size:.875rem;padding:0 var(--spacing-md)}.ant-form-item-label>label{font-size:.875rem!important}.ant-input,.ant-input-number,.ant-select-selector{min-height:2.5rem!important;font-size:1rem!important}.ant-card{margin-bottom:var(--spacing-sm)!important}.ant-card-body{padding:var(--spacing-sm)!important}.ant-table{font-size:.875rem}.ant-table-thead>tr>th{padding:var(--spacing-xs)!important;font-size:.75rem!important}.ant-table-tbody>tr>td{padding:var(--spacing-xs)!important;font-size:.875rem!important}.ant-pagination{font-size:.875rem}.ant-pagination-item,.ant-pagination-prev,.ant-pagination-next{min-width:2rem;height:2rem;line-height:2rem}.ant-tabs-tab{padding:var(--spacing-xs) var(--spacing-sm)!important;font-size:.875rem!important}.ant-list-item{padding:var(--spacing-sm)!important}.ant-space{gap:var(--spacing-xs)!important}.ant-row{margin-left:calc(var(--spacing-xs) * -1)!important;margin-right:calc(var(--spacing-xs) * -1)!important}.ant-col{padding-left:var(--spacing-xs)!important;padding-right:var(--spacing-xs)!important}}@media (min-width: 481px) and (max-width: 768px){.ant-modal{max-width:calc(100vw - 2rem)!important;margin:1rem!important}.ant-modal[style*="width: 600px"],.ant-modal[style*="width: 800px"]{width:calc(100vw - 2rem)!important;max-width:600px!important}.ant-modal[style*="width: 1000px"]{width:calc(100vw - 2rem)!important;max-width:800px!important}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}.ant-btn{min-height:2.75rem}.ant-input,.ant-input-number,.ant-select-selector{min-height:2.75rem!important}}@media (min-width: 769px) and (max-width: 1024px){.ant-modal[style*="width: 600px"]{max-width:600px!important}.ant-modal[style*="width: 800px"]{max-width:800px!important}.ant-modal[style*="width: 1000px"]{max-width:900px!important}}@media (min-width: 1025px){.ant-modal[style*="width: 600px"]{max-width:600px!important}.ant-modal[style*="width: 800px"]{max-width:800px!important}.ant-modal[style*="width: 1000px"]{max-width:1000px!important}}.container,.container-fluid{width:100%;max-width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin-left:auto;margin-right:auto}@media (max-width: 480px){.container,.container-fluid{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}.grid-responsive{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 481px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width: 769px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1025px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}.flex-responsive{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width: 769px){.flex-responsive{flex-direction:row}}.text-responsive{font-size:.875rem}@media (min-width: 481px){.text-responsive{font-size:1rem}}@media (min-width: 769px){.text-responsive{font-size:1.125rem}}@media (max-width: 480px){.p-responsive{padding:var(--spacing-sm)!important}.m-responsive{margin:var(--spacing-sm)!important}.gap-responsive{gap:var(--spacing-sm)!important}}.hide-mobile{display:block}@media (max-width: 768px){.hide-mobile{display:none!important}}.show-mobile{display:none}@media (max-width: 768px){.show-mobile{display:block!important}}.hide-tablet{display:block}@media (max-width: 1024px){.hide-tablet{display:none!important}}.show-tablet{display:none}@media (max-width: 1024px){.show-tablet{display:block!important}}.full-width-mobile{width:auto}@media (max-width: 768px){.full-width-mobile{width:100%!important}}@media (max-width: 768px){button,a,.ant-btn,.ant-checkbox-wrapper,.ant-radio-wrapper{min-height:44px;min-width:44px}.ant-form-item{margin-bottom:var(--spacing-md)!important}button,.ant-btn{-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-user-select:none;user-select:none}}@media (max-width: 768px){::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}}@supports (padding: max(0px)){.safe-area-top{padding-top:max(var(--spacing-md),env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(var(--spacing-md),env(safe-area-inset-left))}.safe-area-right{padding-right:max(var(--spacing-md),env(safe-area-inset-right))}}@media (max-width: 768px) and (orientation: landscape){.ant-modal{max-height:90vh!important}.ant-modal-body{max-height:calc(90vh - 120px)!important;overflow-y:auto!important}}:root{--color-primary: #2196F3;--color-primary-light: #64B5F6;--color-primary-dark: #1976D2;--color-secondary: #10B981;--color-secondary-light: #059669;--color-secondary-dark: #047857;--color-accent: #F59E0B;--color-background: #f8fafc;--color-background-light: #e2e8f0;--color-text: #1f2937;--color-text-light: #6b7280;--color-text-muted: #9ca3af;--color-surface: rgba(255, 255, 255, .95);--color-surface-solid: #ffffff;--color-error: #dc2626;--color-success: #10b981;--color-warning: #f59e0b;--color-info: #3b82f6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15), 0 4px 8px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2), 0 8px 16px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .1);--shadow-3d: 0 8px 16px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .5);--shadow-3d-hover: 0 16px 32px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .6);--transition-fast: .15s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s ease;--transition-3d: .4s cubic-bezier(.175, .885, .32, 1.275)}*{margin:0;padding:0;box-sizing:border-box}body{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;line-height:1.5;color:var(--color-text);background:linear-gradient(135deg,#2196f3,#1976d2,#009688,#4caf50,#00bcd4);background-size:400% 400%;animation:gradientShift 15s ease infinite;min-height:100vh;perspective:1000px;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(33,150,243,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(25,118,210,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(0,150,136,.1) 0%,transparent 50%);pointer-events:none;z-index:0}body:has(.dashboard-wrapper):before{display:none!important}body:has(.dashboard-wrapper){background:var(--color-surface)!important;background-image:none!important}body:has(.profile-wrapper),body:has(.public-profile-container),body:has(.demand-details-wrapper),body:has(.demand-reports-wrapper),body:has(.upload-proofs-wrapper),body:has(.sales-to-date-wrapper){background:var(--color-surface)!important;background-image:none!important}body:has(.profile-wrapper):before,body:has(.public-profile-container):before,body:has(.demand-details-wrapper):before,body:has(.demand-reports-wrapper):before,body:has(.upload-proofs-wrapper):before,body:has(.sales-to-date-wrapper):before{display:none!important}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}button{font-family:inherit;font-size:1rem;cursor:pointer}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:600}input,select,textarea{font-family:inherit;font-size:1rem}.animated{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-in{animation:fadeIn .6s ease-out}.slide-in-up{animation:slideInUp .8s ease-out}.slide-in-down{animation:slideInDown .6s ease-out}.scale-in{animation:scaleIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px;box-shadow:inset 0 0 5px #0000001a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:10px;box-shadow:0 2px 4px #0003,inset 0 1px 2px #ffffff4d;border:2px solid rgba(255,255,255,.1)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 8px #0000004d,inset 0 1px 2px #fff6;transform:scale(1.1)}