@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary: #1869FF;--color-primary-light: rgba(24, 105, 255, .1);--color-secondary: #508DFF;--color-tailwind: #00285C;--color-stone: #303135;--color-blackout: #131315;--color-light-grey: #E7E7E9;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F1F3F5;--text-primary: var(--color-stone);--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-inverse: #FFFFFF;--border-color: var(--color-light-grey);--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--sidebar-width: 248px;--sidebar-collapsed-width: 68px;--header-height: 60px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:.875rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-secondary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-stone)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-primary{background-color:var(--color-primary)}.bg-white{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.m-0{margin:0}.mb-md{margin-bottom:var(--spacing-md)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease-out}.animate-slideInRight{animation:slideInRight var(--transition-slow) ease-out}.animate-slideInUp{animation:slideInUp var(--transition-slow) ease-out}input,select,textarea{font-family:inherit;font-size:inherit}input:focus,select:focus,textarea:focus{outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb{background:var(--color-light-grey);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:#d1d5db}#root{min-height:100vh}.sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;background:#fff;border-right:1px solid #E5E7EB;display:flex;flex-direction:column;transition:width .3s ease;z-index:100}.sidebar-collapsed{width:72px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #E5E7EB;min-height:64px}.sidebar-logo{display:flex;align-items:center;overflow:hidden}.logo-full{height:32px;width:auto;flex-shrink:0}.logo-icon{width:32px;height:32px;flex-shrink:0;object-fit:contain}.sidebar-nav{flex:1;padding:12px;overflow-y:auto;overflow-x:hidden}.nav-item-wrapper{margin-bottom:4px}.nav-item{display:flex;align-items:center;width:100%;padding:10px 12px;gap:12px;border-radius:8px;color:#4b5563;text-decoration:none;border:none;background:transparent;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s ease}.nav-item:hover{background:#f3f4f6;color:#1f2937}.nav-item-active,.nav-item.nav-item-active{background:#1869ff1a;color:#1869ff}.nav-item-active:hover,.nav-item.nav-item-active:hover{background:#1869ff26;color:#1869ff}.nav-icon{flex-shrink:0;width:20px;height:20px;color:inherit}.nav-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-chevron{flex-shrink:0;transition:transform .2s ease;color:#9ca3af}.nav-chevron-expanded{transform:rotate(90deg)}.nav-children{margin-top:4px;margin-left:20px;padding-left:12px;border-left:2px solid #E5E7EB}.nav-child-item{display:block;padding:8px 12px;font-size:.8125rem;color:#6b7280;text-decoration:none;border-radius:6px;transition:all .15s ease;margin-bottom:2px}.nav-child-item:hover{background:#f3f4f6;color:#1f2937}.nav-child-active{color:#1869ff;background:#1869ff14;font-weight:500}.sidebar-footer{padding:12px;border-top:1px solid #E5E7EB;display:flex;flex-direction:column;gap:4px}.nav-item-logout{color:#9ca3af}.nav-item-logout:hover{color:#ef4444;background:#ef444414}.sidebar-collapsed .sidebar-logo{justify-content:center}.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-chevron,.sidebar-collapsed .nav-children{display:none}.sidebar-collapsed .nav-item{justify-content:center;padding:12px}.sidebar-collapsed .sidebar-nav,.sidebar-collapsed .sidebar-footer{padding:8px}.sidebar-collapsed .sidebar-header{padding:16px 12px;justify-content:center}@media(max-width:1024px){.sidebar{position:fixed;transform:translate(-100%);z-index:200}.sidebar.show{transform:translate(0)}.sidebar-collapsed{transform:translate(-100%)}}.header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--spacing-lg);background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:50}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px}.mobile-menu-toggle:hover{background:var(--bg-secondary)}.header-title-group{display:flex;flex-direction:column}.header-title{font-size:1rem;font-weight:600;color:var(--color-stone);margin:0;line-height:1.3}.header-subtitle{font-size:.6875rem;color:var(--text-muted);margin:0;line-height:1.3}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}@media(max-width:1024px){.mobile-menu-toggle{display:flex}.header-search,.header-user-info{display:none}}.header-search-icon{position:absolute;left:12px;color:var(--text-muted)}.header-search-input{width:200px;padding:8px 12px 8px 36px;font-size:.8125rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.header-search-input:focus{background:var(--bg-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px #1869ff1a;outline:none}.header-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius-md);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.header-icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.header-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;font-size:.625rem;font-weight:600;color:var(--text-inverse);background:var(--color-error);border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center}.header-user{display:flex;align-items:center;gap:var(--spacing-sm);padding-left:var(--spacing-md);border-left:1px solid var(--border-color)}.header-avatar{width:34px;height:34px;border-radius:var(--border-radius-full);background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);overflow:hidden;flex-shrink:0}.header-avatar img{width:100%;height:100%;object-fit:cover}.header-user-info{display:flex;flex-direction:column;line-height:1.3}.header-user-name{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.header-user-role{font-size:.6875rem;color:var(--text-muted)}.notification-wrapper{position:relative}.notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden;animation:slideInUp var(--transition-fast) ease-out}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.notifications-header h4{font-size:.8125rem;font-weight:600;color:var(--color-stone);margin:0}.mark-all-read{font-size:.6875rem;color:var(--color-primary);background:none;border:none;cursor:pointer}.mark-all-read:hover{text-decoration:underline}.notifications-list{max-height:380px;overflow-y:auto}.notification-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);transition:background var(--transition-fast);cursor:pointer}.notification-item:hover{background:var(--bg-secondary)}.notification-item.unread{background:#1869ff08}.notification-icon{width:32px;height:32px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon.info{background:#3b82f61a;color:var(--color-info)}.notification-icon.success{background:#10b9811a;color:var(--color-success)}.notification-icon.warning{background:#f59e0b1a;color:var(--color-warning)}.notification-icon.error{background:#ef44441a;color:var(--color-error)}.notification-content{flex:1;min-width:0}.notification-title{font-size:.75rem;font-weight:500;color:var(--text-primary);margin-bottom:2px}.notification-message{font-size:.6875rem;color:var(--text-secondary);line-height:1.4}.notification-time{font-size:.625rem;color:var(--text-muted);margin-top:4px}.notifications-empty{padding:var(--spacing-xl);text-align:center;color:var(--text-muted);font-size:.8125rem}.notifications-footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color);text-align:center}.notifications-footer a{font-size:.75rem;color:var(--color-primary);text-decoration:none}.notifications-footer a:hover{text-decoration:underline}.main-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:260px;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .3s ease}.sidebar-is-collapsed .main-content{margin-left:72px}.main-page{flex:1;padding:var(--spacing-lg);animation:fadeIn var(--transition-normal) ease-out}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1024px){.main-content{margin-left:0}.main-page{padding:var(--spacing-md)}}.vendor-layout{display:flex;min-height:100vh}.vendor-sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;background:#fff;border-right:1px solid #E5E7EB;display:flex;flex-direction:column;transition:width .3s ease;z-index:100}.vendor-sidebar.collapsed{width:72px}.vendor-sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #E5E7EB;min-height:64px}.vendor-sidebar .sidebar-logo{display:flex;align-items:center;overflow:hidden}.vendor-sidebar .logo-full{height:32px;width:auto;flex-shrink:0}.vendor-sidebar .logo-icon{width:32px;height:32px;flex-shrink:0;object-fit:contain}.vendor-sidebar.collapsed .sidebar-header{padding:16px 12px;justify-content:center}.vendor-sidebar .sidebar-nav{flex:1;padding:12px;overflow-y:auto;overflow-x:hidden}.vendor-sidebar .nav-item-wrapper{margin-bottom:4px}.vendor-sidebar .nav-item{display:flex;align-items:center;width:100%;padding:10px 12px;gap:12px;border-radius:8px;color:#4b5563;text-decoration:none;border:none;background:transparent;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s ease}.vendor-sidebar .nav-item:hover{background:#f3f4f6;color:#1f2937}.vendor-sidebar .nav-item-active{background:#1869ff1a;color:#1869ff}.vendor-sidebar .nav-item-active:hover{background:#1869ff26;color:#1869ff}.vendor-sidebar .nav-icon{flex-shrink:0;width:20px;height:20px;color:inherit}.vendor-sidebar .nav-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-sidebar .sidebar-footer{padding:12px;border-top:1px solid #E5E7EB;display:flex;flex-direction:column;gap:4px}.vendor-sidebar .nav-item-logout{color:#9ca3af}.vendor-sidebar .nav-item-logout:hover{color:#ef4444;background:#ef444414}.vendor-sidebar.collapsed .nav-label{display:none}.vendor-sidebar.collapsed .nav-item{justify-content:center;padding:12px}.vendor-sidebar.collapsed .sidebar-nav,.vendor-sidebar.collapsed .sidebar-footer{padding:8px}.vendor-main{flex:1;margin-left:260px;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .3s ease;background:#f8f9fa}.vendor-layout.sidebar-is-collapsed .vendor-main{margin-left:72px}.vendor-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 24px;background:#fff;border-bottom:1px solid #E5E7EB;z-index:50}.header-left{display:flex;align-items:center;gap:16px}.header-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.header-right{display:flex;align-items:center;gap:16px}.header-search{position:relative;display:flex;align-items:center}.header-search .search-icon{position:absolute;left:12px;color:#9ca3af}.header-search .search-input{width:200px;padding:8px 12px 8px 40px;font-size:.875rem;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:8px;transition:all .15s ease}.header-search .search-input:focus{background:#fff;border-color:#1869ff;box-shadow:0 0 0 3px #1869ff1a;outline:none}.header-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all .15s ease}.header-icon-btn:hover{background:#f3f4f6;color:#1f2937}.notification-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;font-size:.6875rem;font-weight:600;background:#ef4444;color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center}.header-user{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:8px;cursor:pointer;transition:background .15s ease}.header-user:hover{background:#f3f4f6}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1869ff,#508dff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.user-info{display:flex;flex-direction:column}.user-name{font-size:.875rem;font-weight:500;color:#1f2937}.user-role{font-size:.75rem;color:#6b7280}.vendor-page-content{flex:1;padding:24px}@media(max-width:1024px){.vendor-sidebar{position:fixed;transform:translate(-100%);z-index:200}.vendor-sidebar.show{transform:translate(0)}.vendor-main,.vendor-layout.sidebar-is-collapsed .vendor-main{margin-left:0!important}.header-search,.user-info{display:none}.vendor-page-content{padding:16px}}@media(max-width:1024px){.mobile-menu-toggle{display:flex}}.signin-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);padding:var(--spacing-lg)}.signin-card{width:100%;max-width:480px;background:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);overflow:hidden}.signin-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.signin-logo{height:28px;width:auto}.signin-back{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.signin-back:hover{color:var(--color-primary);border-color:var(--color-primary)}.signin-content{padding:var(--spacing-lg)}.signin-title-group{margin-bottom:var(--spacing-lg)}.signin-title{font-size:1.25rem;font-weight:600;color:var(--color-stone);margin-bottom:4px}.signin-subtitle{font-size:.8125rem;color:var(--text-secondary)}.portal-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.portal-option{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.portal-option:hover{border-color:var(--color-primary);background:#1869ff05}.portal-option-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);flex-shrink:0}.portal-option-primary .portal-option-icon{background:#1869ff1a;color:var(--color-primary)}.portal-option-success .portal-option-icon{background:#10b9811a;color:var(--color-success)}.portal-option-info .portal-option-icon{background:#3b82f61a;color:var(--color-info)}.portal-option-content{flex:1;display:flex;flex-direction:column;gap:2px}.portal-option-title{font-size:.9375rem;font-weight:600;color:var(--color-stone)}.portal-option-desc{font-size:.75rem;color:var(--text-secondary)}.portal-option-arrow{color:var(--text-muted);transition:transform var(--transition-fast)}.portal-option:hover .portal-option-arrow{transform:translate(4px);color:var(--color-primary)}.role-options{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:420px;overflow-y:auto}.role-option{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.role-option:hover{border-color:var(--color-primary);background:#1869ff05}.role-option-selected{border-color:var(--color-primary);background:#1869ff0a}.role-option-header{display:flex;align-items:center;gap:var(--spacing-sm)}.role-option-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#1869ff1a;color:var(--color-primary);border-radius:var(--border-radius-sm);flex-shrink:0}.role-option-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.role-option-title{font-size:.875rem;font-weight:600;color:var(--color-stone)}.role-option-desc{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-option-access{display:flex;flex-wrap:wrap;gap:6px;padding-left:44px}.role-access-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:.6875rem;font-weight:500;color:var(--color-success);background:#10b9811a;border-radius:var(--border-radius-full)}.signin-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-input{padding:10px 12px;font-size:.875rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.form-input:focus{background:var(--bg-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px #1869ff1a;outline:none}.form-input::placeholder{color:var(--text-muted)}.signin-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px var(--spacing-md);font-size:.875rem;font-weight:600;color:var(--text-inverse);background:var(--color-primary);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-sm)}.signin-button:hover{background:var(--color-secondary)}.signin-footer-text{margin-top:var(--spacing-md);font-size:.75rem;color:var(--text-muted);text-align:center}.signin-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);text-align:center;display:flex;justify-content:space-between;align-items:center}.signin-footer span{font-size:.6875rem;color:var(--text-muted)}.admin-access-link{font-size:.6875rem;color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.admin-access-link:hover{color:var(--text-secondary)}.vendor-register-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.divider{display:flex;align-items:center;text-align:center;margin-bottom:var(--spacing-md)}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider span{padding:0 var(--spacing-md);font-size:.75rem;color:var(--text-muted)}.vendor-register-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:12px var(--spacing-md);font-size:.875rem;font-weight:600;color:var(--color-success);background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.vendor-register-button:hover{background:#10b98126;border-color:var(--color-success)}.register-info{margin-top:var(--spacing-sm);font-size:.75rem;color:var(--text-muted);text-align:center}.portal-option-warning .portal-option-icon{background:#f59e0b1a;color:#f59e0b}.portal-option-warning:hover{border-color:#f59e0b;background:#f59e0b05}.vendor-application-card{max-width:700px}.application-steps{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);position:relative}.step-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex:1;position:relative}.step-circle{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast);z-index:1}.step-item.active .step-circle{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.step-item.completed .step-circle{background:var(--color-success);border-color:var(--color-success);color:#fff}.step-label{font-size:.75rem;color:var(--text-muted);text-align:center}.step-item.active .step-label{color:var(--color-primary);font-weight:500}.step-item.completed .step-label{color:var(--color-success)}.step-line{position:absolute;top:18px;left:50%;width:100%;height:2px;background:var(--border-color);z-index:0}.step-item.completed .step-line{background:var(--color-success)}.application-form,.form-step{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-step h3{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-sm);font-size:1rem;color:var(--color-stone)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.form-label{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.form-input{padding:10px var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:.875rem;transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:var(--spacing-sm);color:var(--text-muted)}.input-with-icon .form-input{padding-left:36px;width:100%}.form-textarea{padding:10px var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-family:inherit;font-size:.875rem;resize:vertical;transition:border-color var(--transition-fast)}.form-info{font-size:.8125rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}@media(max-width:500px){.checkbox-grid{grid-template-columns:1fr}}.checkbox-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;cursor:pointer}.checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media(max-width:500px){.upload-grid{grid-template-columns:1fr}}.upload-item input[type=file]{display:none}.upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-lg);border:2px dashed var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center;min-height:120px}.upload-box:hover{border-color:var(--color-primary);background:#1869ff05}.upload-box svg{color:var(--text-muted)}.upload-title{font-size:.875rem;font-weight:500}.upload-hint{font-size:.6875rem;color:var(--text-muted)}.upload-success{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.6875rem;color:var(--color-success);margin-top:var(--spacing-xs)}.terms-section{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.terms-section .checkbox-item{line-height:1.5}.link{color:var(--color-primary);text-decoration:none}.link:hover{text-decoration:underline}.form-navigation{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.nav-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:12px var(--spacing-lg);font-size:.875rem;font-weight:600;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.nav-btn.prev{color:var(--text-secondary);background:transparent;border:1px solid var(--border-color)}.nav-btn.prev:hover{border-color:var(--text-secondary)}.nav-btn.next,.nav-btn.submit{color:#fff;background:var(--color-primary);border:none;margin-left:auto}.nav-btn.next:hover,.nav-btn.submit:hover{background:var(--color-secondary)}.success-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl)}.success-icon-large{color:var(--color-success);margin-bottom:var(--spacing-md)}.success-state h1{margin:0 0 var(--spacing-sm);color:var(--color-stone)}.success-state p{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.application-ref{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.application-ref span{font-size:.75rem;color:var(--text-muted)}.application-ref strong{font-size:1.25rem;color:var(--color-primary)}.info-text{font-size:.8125rem!important}.info-text strong{color:var(--text-primary)}.pr-form-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:var(--spacing-lg)}.pr-form-container{width:100%;max-width:800px;background:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);overflow:hidden;margin:var(--spacing-lg) 0}.pr-form-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.pr-form-header .logo-link{display:flex;align-items:center}.pr-form-header .logo{height:28px;width:auto}.pr-form-header .page-title{font-size:1.125rem;font-weight:600;color:var(--color-stone)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.back-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.back-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.pr-form-title{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);text-align:center}.pr-form-title h1{font-size:1.375rem;font-weight:600;color:var(--color-stone);margin-bottom:6px}.pr-form-title p{font-size:.8125rem;color:var(--text-secondary)}.form-progress{display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-lg) var(--spacing-lg);gap:var(--spacing-sm);flex-wrap:wrap}.progress-step{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--border-radius-md);background:var(--bg-secondary);transition:all var(--transition-fast)}.progress-step.active{background:var(--color-primary)}.progress-step .step-number{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;background:var(--bg-primary);color:var(--text-secondary);border-radius:var(--border-radius-full)}.progress-step.active .step-number{background:#ffffff40;color:#fff}.progress-step .step-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.progress-step.active .step-label{color:#fff}.progress-line{width:24px;height:2px;background:var(--border-color)}.pr-form{padding:0 var(--spacing-lg)}.form-section{display:none}.form-section.active{display:block}.section-header{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--color-stone)}.section-header h2{font-size:.9375rem;font-weight:600;flex:1}.section-subheader{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-lg) 0 var(--spacing-md);color:var(--color-stone)}.section-subheader h3{font-size:.875rem;font-weight:600}.add-item-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:.75rem;font-weight:500;color:var(--color-primary);background:#1869ff14;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.add-item-btn:hover{background:#1869ff26}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}@media(max-width:640px){.form-grid,.form-grid.cols-3{grid-template-columns:1fr}}.form-group.full-width{grid-column:1 / -1;margin-bottom:var(--spacing-md)}.form-group label{display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;color:var(--text-primary)}.form-group label svg{color:var(--text-muted)}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;font-size:.875rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-fast);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--bg-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px #1869ff14;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:100px}.mt-sm{margin-top:var(--spacing-sm)}.priority-pills{display:flex;gap:8px;flex-wrap:wrap}.priority-pill{padding:6px 14px;font-size:.8125rem;font-weight:500;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-fast)}.priority-pill:hover{border-color:var(--color-primary)}.priority-pill.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.priority-pill.priority-low.selected{background:var(--color-success);border-color:var(--color-success)}.priority-pill.priority-medium.selected{background:var(--color-info);border-color:var(--color-info)}.priority-pill.priority-high.selected{background:var(--color-warning);border-color:var(--color-warning)}.priority-pill.priority-urgent.selected{background:var(--color-error);border-color:var(--color-error)}.customer-toggles{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.toggle-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-checkbox input{display:none}.toggle-switch{position:relative;width:44px;height:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all var(--transition-fast)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:all var(--transition-fast)}.toggle-checkbox input:checked+.toggle-switch{background:var(--color-primary);border-color:var(--color-primary)}.toggle-checkbox input:checked+.toggle-switch:after{left:calc(100% - 20px)}.justification-options{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.toggle-option{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.toggle-option:hover{border-color:var(--color-primary)}.toggle-option input[type=checkbox],.toggle-option input[type=radio]{width:16px;height:16px;margin:0;accent-color:var(--color-primary)}.toggle-option input:checked+.toggle-label{color:var(--color-primary);font-weight:500}.toggle-label{font-size:.8125rem;color:var(--text-secondary)}.field-hint{font-size:.75rem;color:var(--text-muted);margin:-4px 0 8px}.rfx-type-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}@media(max-width:600px){.rfx-type-options{grid-template-columns:1fr}}.rfx-type-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:var(--spacing-md);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.rfx-type-option:hover{border-color:var(--color-primary);background:#1869ff08}.rfx-type-option.selected{border-color:var(--color-primary);background:#1869ff14}.rfx-type-option input{position:absolute;opacity:0;pointer-events:none}.rfx-type-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.rfx-type-option.selected .rfx-type-label{color:var(--color-primary)}.rfx-type-desc{font-size:.75rem;color:var(--text-muted);line-height:1.4}.items-table{margin-bottom:var(--spacing-md);overflow-x:auto}.items-table-header{display:grid;grid-template-columns:36px 1fr 80px 60px 120px 36px;gap:var(--spacing-sm);padding:10px 12px;background:var(--bg-secondary);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;min-width:600px}.items-table-row{display:grid;grid-template-columns:36px 1fr 80px 60px 120px 36px;gap:var(--spacing-sm);padding:10px 12px;align-items:center;border:1px solid var(--border-color);border-top:none;min-width:600px}.items-table-row:last-child{border-radius:0 0 var(--border-radius-md) var(--border-radius-md)}.items-table-row .col-no{font-size:.8125rem;font-weight:500;color:var(--text-secondary);text-align:center}.items-table-row input,.items-table-row select{padding:8px 10px;font-size:.8125rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.items-table-row input:focus,.items-table-row select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1869ff14;outline:none}.items-table-row .col-qty{width:100%}.remove-item{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.remove-item:hover:not(:disabled){color:var(--color-error);background:#ef444414;border-color:#ef444433}.remove-item:disabled{opacity:.3;cursor:not-allowed}.attachments-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.attachment-toggles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.file-input{display:none}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:2px dashed var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:center}.file-upload-label:hover{border-color:var(--color-primary);background:#1869ff0a}.file-upload-label svg{color:var(--text-muted)}.file-upload-label span{font-size:.875rem;color:var(--text-secondary)}.file-hint{font-size:.75rem!important;color:var(--text-muted)!important}.uploaded-files{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.uploaded-file{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 12px;background:var(--bg-secondary);border-radius:var(--border-radius-md)}.uploaded-file .file-name{flex:1;font-size:.8125rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uploaded-file .file-size{font-size:.75rem;color:var(--text-muted)}.uploaded-file button{display:flex;align-items:center;justify-content:center;padding:4px;color:var(--text-muted);background:transparent;border:none;border-radius:var(--border-radius-sm);cursor:pointer}.uploaded-file button:hover{color:var(--color-error);background:#ef444414}.review-summary{display:flex;flex-direction:column;gap:var(--spacing-lg)}.review-section{background:var(--bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.review-section h4{font-size:.8125rem;font-weight:600;color:var(--color-stone);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.review-item{display:flex;flex-direction:column;gap:4px}.review-item.full{grid-column:1 / -1}.review-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.review-value{font-size:.875rem;color:var(--text-primary)}.review-text{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.priority-badge{display:inline-block;padding:2px 8px;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500}.priority-badge.priority-low{background:#10b9811a;color:var(--color-success)}.priority-badge.priority-medium{background:#3b82f61a;color:var(--color-info)}.priority-badge.priority-high{background:#f59e0b1a;color:var(--color-warning)}.priority-badge.priority-urgent{background:#ef44441a;color:var(--color-error)}.review-items-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.review-line-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 12px;background:var(--bg-primary);border-radius:var(--border-radius-sm)}.review-line-item .item-no{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--border-radius-full)}.review-line-item .item-desc{flex:1;font-size:.8125rem;color:var(--text-primary)}.review-line-item .item-qty{font-size:.75rem;color:var(--text-muted)}.no-items{font-size:.8125rem;color:var(--text-muted);font-style:italic;text-align:center;padding:var(--spacing-md)}.review-attachments,.review-files{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.attachment-tag,.file-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;background:var(--bg-primary);border-radius:var(--border-radius-sm);color:var(--text-secondary)}.section-nav{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg) 0;border-top:1px solid var(--border-color);margin-top:var(--spacing-md)}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:.875rem;font-weight:500;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--color-primary);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:var(--color-secondary)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-submit{padding:12px 24px}.pr-form-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);text-align:center}.pr-form-footer span{font-size:.6875rem;color:var(--text-muted)}.pr-success-card{width:100%;max-width:460px;background:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);text-align:center}.success-icon-wrapper{width:88px;height:88px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;background:#10b9811a;color:var(--color-success);border-radius:var(--border-radius-full)}.pr-success-card h1{font-size:1.25rem;font-weight:600;color:var(--color-stone);margin-bottom:var(--spacing-sm)}.success-message{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.tracking-info-card{background:var(--bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.tracking-id-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.tracking-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.tracking-value{font-size:1rem;font-weight:600;color:var(--color-primary);font-family:var(--font-mono)}.tracking-link-section{text-align:left}.tracking-link-section .tracking-label{display:block;margin-bottom:8px}.tracking-link-box{display:flex;gap:8px}.tracking-link-box input{flex:1;padding:10px 12px;font-size:.8125rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary)}.copy-btn{display:flex;align-items:center;justify-content:center;width:40px;padding:0;background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{background:var(--color-secondary)}.success-actions{display:flex;gap:var(--spacing-sm);justify-content:center}@media(max-width:640px){.pr-form-page{padding:var(--spacing-sm)}.pr-form-container{border-radius:var(--border-radius-md);margin:var(--spacing-sm) 0}.pr-form-header{flex-direction:column;gap:var(--spacing-sm);text-align:center}.header-actions{width:100%;justify-content:center}.form-progress{flex-direction:column;gap:var(--spacing-xs)}.progress-line{display:none}.progress-step{width:100%;justify-content:center}.items-table-header,.items-table-row{grid-template-columns:30px 1fr 60px 50px 80px 30px;font-size:.75rem}.review-grid{grid-template-columns:1fr}.success-actions{flex-direction:column}.success-actions .btn-primary,.success-actions .btn-secondary{width:100%;justify-content:center}}.card{background:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.card-hover{transition:all var(--transition-normal)}.card-hover:hover{box-shadow:var(--shadow-md);border-color:#1869ff26}.card-p-none{padding:0}.card-p-sm{padding:var(--spacing-sm)}.card-p-md{padding:var(--spacing-md)}.card-p-lg{padding:var(--spacing-lg)}.card-p-xl{padding:var(--spacing-xl)}.card-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:.875rem;font-weight:600;color:var(--color-stone);margin:0}.card-content{padding:var(--spacing-md)}.card-footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.badge{display:inline-flex;align-items:center;font-weight:500;border-radius:var(--border-radius-full);white-space:nowrap}.badge-sm{padding:2px 8px;font-size:.625rem}.badge-md{padding:4px 10px;font-size:.75rem}.badge-lg{padding:6px 12px;font-size:.875rem}.badge-default{background-color:var(--bg-tertiary);color:var(--text-secondary)}.badge-primary{background-color:#1869ff1a;color:var(--color-primary)}.badge-success{background-color:#10b9811a;color:var(--color-success)}.badge-warning{background-color:#f59e0b1a;color:var(--color-warning)}.badge-error{background-color:#ef44441a;color:var(--color-error)}.badge-info{background-color:#3b82f61a;color:var(--color-info)}.badge-draft{background-color:#dbeafe;color:#1e40af}.badge-pending{background-color:#fef3c7;color:#92400e}.badge-approved{background-color:#dcfce7;color:#166534}.badge-rejected{background-color:#fee2e2;color:#991b1b}.badge-sent{background-color:#e0e7ff;color:#3730a3}.badge-completed{background-color:#f0fdfa;color:#0f766e}.overview{animation:fadeIn var(--transition-normal) ease-out}.overview-header{margin-bottom:var(--spacing-lg)}.overview-title{font-size:1.5rem;font-weight:600;color:var(--color-stone);margin-bottom:4px}.overview-subtitle{font-size:.875rem;color:var(--text-secondary)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{padding:0}.stat-card .card-content{padding:var(--spacing-md)}.stat-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-sm)}.stat-icon{width:40px;height:40px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center}.stat-icon-primary{background:#1869ff1a;color:var(--color-primary)}.stat-icon-success{background:#10b9811a;color:var(--color-success)}.stat-icon-warning{background:#f59e0b1a;color:var(--color-warning)}.stat-icon-info{background:#3b82f61a;color:var(--color-info)}.stat-trend{display:flex;align-items:center;gap:2px;font-size:.75rem;font-weight:600}.stat-trend-up{color:var(--color-success)}.stat-trend-down{color:var(--color-error)}.stat-value{font-size:1.5rem;font-weight:600;color:var(--color-stone);margin-bottom:2px}.stat-title{font-size:.8125rem;color:var(--text-secondary)}.overview-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-md)}@media(max-width:1024px){.overview-grid{grid-template-columns:1fr}}.overview-card{padding:0}.request-list{display:flex;flex-direction:column}.request-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);transition:background var(--transition-fast)}.request-item:hover{background:var(--bg-secondary)}.request-item.clickable{cursor:pointer}.no-requests{text-align:center;color:var(--text-muted);font-size:.8125rem;padding:var(--spacing-lg)}.request-info{display:flex;flex-direction:column;gap:1px}.request-id{font-size:.6875rem;font-weight:500;color:var(--text-muted)}.request-title{font-size:.8125rem;color:var(--text-primary)}.request-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.request-date{font-size:.6875rem;color:var(--text-muted)}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.quick-action-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.quick-action-btn span{font-size:.75rem;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:inherit;font-weight:500;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-secondary)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:#1869ff14}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background-color:var(--color-error);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-success{background-color:var(--color-success);color:var(--text-inverse)}.btn-success:hover:not(:disabled){background-color:#059669}.btn-warning{background-color:var(--color-warning);color:#fff}.btn-warning:hover:not(:disabled){background-color:#d97706}.btn-error{background-color:var(--color-error);color:var(--text-inverse)}.btn-error:hover:not(:disabled){background-color:#dc2626}.btn-sm{padding:6px 12px;font-size:.75rem}.btn-md{padding:10px 16px;font-size:.875rem}.btn-lg{padding:12px 24px;font-size:1rem}.btn-full{width:100%}.btn-spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.btn-loading .btn-text{opacity:.7}.btn-icon{display:flex;align-items:center}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-full{width:100%}.input-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.input-container{position:relative;display:flex;align-items:center}.input{width:100%;padding:10px 14px;font-size:.875rem;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1869ff1a}.input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed}.input[readonly]{background-color:var(--bg-tertiary)}.input-has-icon.input-icon-left .input{padding-left:40px}.input-has-icon.input-icon-right .input{padding-right:40px}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none}.input-icon-left .input-icon{left:12px}.input-icon-right .input-icon{right:12px}.input-error .input{border-color:var(--color-error)}.input-error .input:focus{box-shadow:0 0 0 3px #ef44441a}.input-helper{font-size:.75rem;color:var(--text-muted)}.input-helper-error{color:var(--color-error)}.textarea{resize:vertical;min-height:80px}.select-container{position:relative}.select{appearance:none;cursor:pointer;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.table-container{width:100%;overflow-x:auto;border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table-header{background:var(--bg-secondary)}.table-head{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table-body .table-row{border-top:1px solid var(--border-color);transition:background var(--transition-fast)}.table-body .table-row:hover{background:var(--bg-secondary)}.table-row-clickable{cursor:pointer}.table-cell{padding:12px 16px;color:var(--text-primary);vertical-align:middle}.table-cell:first-child{font-weight:500}.table-empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out;padding:var(--spacing-lg)}.modal{background:var(--bg-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;display:flex;flex-direction:column;animation:slideInUp .25s ease-out}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:560px}.modal-lg{width:100%;max-width:720px}.modal-xl{width:100%;max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.125rem;font-weight:600;color:var(--color-stone);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius-md);border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-content{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-page{animation:fadeIn var(--transition-slow) ease-out}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1869ff1a}.filter-select{padding:8px 32px 8px 12px;font-size:.875rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.user-avatar{width:36px;height:36px;border-radius:var(--border-radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.user-name{font-weight:500;color:var(--text-primary)}.user-email{font-size:.75rem;color:var(--text-muted)}.role-badge{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;color:var(--text-secondary)}.icon-btn-danger:hover{background:#ef44441a;color:var(--color-error)}@media(max-width:560px){.form-grid{grid-template-columns:1fr}}.vendor-card{display:flex;flex-direction:column;gap:var(--spacing-sm)}.vendor-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem;color:var(--text-muted)}.vendor-stat{display:flex;align-items:center;gap:4px}.upload-area{border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-fast);cursor:pointer}.upload-area:hover{border-color:var(--color-primary);background:#1869ff05}.upload-icon{width:48px;height:48px;margin:0 auto var(--spacing-md);color:var(--text-muted)}.upload-text{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.upload-hint{font-size:.75rem;color:var(--text-muted)}@media(max-width:768px){.info-grid{grid-template-columns:1fr}}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}@media(max-width:768px){.stats-row{grid-template-columns:1fr}}.stat-box{padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius-md);text-align:center}.stat-box-value{font-size:1.5rem;font-weight:700;color:var(--color-stone)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media(max-width:560px){.stats-grid{grid-template-columns:1fr}}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)!important}.stat-icon{width:48px;height:48px;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.total{background:#3b82f61a;color:#3b82f6}.stat-icon.success{background:#10b9811a;color:#10b981}.stat-icon.warning{background:#f59e0b1a;color:#f59e0b}.stat-icon.danger{background:#ef44441a;color:#ef4444}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-stone);line-height:1}.stat-label{font-size:.8125rem;color:var(--text-secondary)}.filters-card{margin-bottom:var(--spacing-lg)}.filters-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}@media(max-width:768px){.filters-row{flex-direction:column;align-items:stretch}.filter-group{width:100%;flex-wrap:wrap}.filter-select{flex:1;min-width:120px}}.vendor-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.vendor-avatar{width:40px;height:40px;border-radius:var(--border-radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.vendor-avatar.large{width:56px;height:56px;font-size:1.125rem;border-radius:var(--border-radius-lg)}.vendor-info{display:flex;flex-direction:column;gap:2px}.vendor-name{font-weight:600;color:var(--text-primary)}.vendor-email{font-size:.75rem;color:var(--text-muted)}.category-tag{display:inline-block;padding:4px 10px;background:var(--bg-tertiary);border-radius:var(--border-radius-sm);font-size:.75rem;color:var(--text-secondary)}.category-stack{display:flex;flex-direction:column;gap:4px}.subcategory-tag{display:inline-block;padding:3px 8px;background:#1869ff14;color:var(--color-primary);border-radius:var(--border-radius-sm);font-size:.7rem}.vendor-tags{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{padding:2px 8px;font-size:.7rem;border-radius:var(--border-radius-full);background:#6366f11a;color:#4f46e5}.tag-more{font-size:.7rem;color:var(--text-muted)}.rating-cell{display:flex;align-items:center;gap:var(--spacing-xs)}.rating-stars{color:#f59e0b;font-size:.875rem}.rating-value{font-size:.8125rem;color:var(--text-secondary)}.vendor-details{display:flex;flex-direction:column;gap:var(--spacing-lg)}.vendor-header{display:flex;align-items:center;gap:var(--spacing-md)}.vendor-title{display:flex;flex-direction:column;gap:var(--spacing-xs)}.vendor-title h3{margin:0;font-size:1.25rem;color:var(--color-stone)}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media(max-width:560px){.details-grid{grid-template-columns:1fr}}.detail-item label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.detail-item span{font-size:.9375rem;color:var(--text-primary)}.rating-display{display:flex;align-items:center;gap:var(--spacing-xs);color:#f59e0b}.certifications-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.certifications-section label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.cert-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.cert-tag{padding:6px 12px;background:#10b9811a;color:#059669;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500}.modal-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.field-hint{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.form-select{padding:10px 12px;font-size:.875rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast)}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1869ff1a}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.import-modal{display:flex;flex-direction:column;gap:var(--spacing-md)}.import-summary{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);font-size:.8125rem}.import-errors{display:flex;flex-direction:column;gap:6px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid rgba(239,68,68,.4);background:#ef444414;border-radius:var(--border-radius-md)}.import-error{font-size:.75rem;color:#b91c1c}.import-help{font-size:.75rem;color:var(--text-muted);background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md)}.header-content h1{margin:0 0 var(--spacing-xs) 0;font-size:1.5rem;font-weight:700;color:var(--color-stone)}.header-content p{margin:0;font-size:.875rem;color:var(--text-secondary)}.btn-icon{font-size:1.25rem;line-height:1}.request-page,.create-request-page{animation:fadeIn var(--transition-normal) ease-out}.page-header-content{flex:1}.page-title{font-size:1.25rem;font-weight:600;color:var(--color-stone);margin-bottom:2px}.page-subtitle{font-size:.8125rem;color:var(--text-secondary)}.page-actions,.header-buttons{display:flex;gap:var(--spacing-sm)}.request-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-card{padding:0}.form-card .card-header{background:var(--bg-secondary)}.form-row{display:flex;gap:var(--spacing-lg)}.form-row.two-cols>.form-group{flex:1}.form-grid{display:grid;gap:var(--spacing-md)}.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.form-grid.cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.form-row{flex-direction:column}.form-grid.cols-3,.form-grid.cols-2{grid-template-columns:1fr}}.form-group.mt-md{margin-top:var(--spacing-md)}.form-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;color:var(--text-secondary)}.form-input,.form-textarea{padding:10px 12px;font-size:.8125rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1869ff1a;outline:none}.form-textarea{resize:vertical;min-height:80px}.priority-options{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.priority-option{cursor:pointer}.priority-option input{display:none}.priority-badge{display:inline-block;padding:6px 12px;font-size:.75rem;font-weight:500;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:var(--bg-primary);transition:all var(--transition-fast)}.priority-option.selected .priority-badge,.priority-option input:checked+.priority-badge{border-color:var(--color-primary);background:#1869ff1a;color:var(--color-primary)}.priority-low{color:var(--text-secondary)}.priority-medium{color:var(--color-info)}.priority-high{color:var(--color-warning)}.priority-urgent{color:var(--color-error)}.category-options{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.category-option{display:flex;align-items:center;gap:6px;cursor:pointer}.category-option input{accent-color:var(--color-primary)}.category-option span{font-size:.75rem;color:var(--text-secondary)}.line-items-table{overflow-x:auto}.line-items-table table{width:100%;border-collapse:collapse}.line-items-table th{padding:10px 8px;font-size:.6875rem;font-weight:600;color:var(--text-muted);text-align:left;text-transform:uppercase;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.line-items-table td{padding:8px;border-bottom:1px solid var(--border-color)}.line-items-table .text-center{text-align:center}.table-input,.table-select{width:100%;padding:8px;font-size:.8125rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary)}.table-input:focus,.table-select:focus{border-color:var(--color-primary);outline:none}.remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.remove-btn:hover{background:#ef44441a;color:var(--color-error)}.attachments-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}@media(max-width:768px){.attachments-grid{grid-template-columns:repeat(2,1fr)}}.attachment-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.attachment-checkbox input{accent-color:var(--color-primary)}.attachment-checkbox span{font-size:.75rem;color:var(--text-secondary)}.file-upload-area{margin-top:var(--spacing-md)}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:2px dashed var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted)}.file-upload-label:hover{border-color:var(--color-primary);background:#1869ff05}.file-upload-label span{font-size:.8125rem}.file-hint{font-size:.6875rem!important;color:var(--text-muted)!important}.uploaded-files{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.uploaded-file{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-secondary);border-radius:var(--border-radius-sm);font-size:.75rem}.uploaded-file span{color:var(--text-primary)}.uploaded-file button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer}.uploaded-file button:hover{color:var(--color-error)}.justification-options{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.justification-option{display:flex;align-items:center;gap:8px;cursor:pointer}.justification-option input{accent-color:var(--color-primary)}.justification-option span{font-size:.8125rem;color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.success-modal{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);max-width:420px;width:100%;text-align:center}.success-icon{color:var(--color-success);margin-bottom:var(--spacing-md)}.success-modal h2{font-size:1.25rem;font-weight:600;color:var(--color-stone);margin-bottom:var(--spacing-sm)}.tracking-info{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.tracking-info strong{display:block;font-size:1rem;color:var(--color-primary);margin-top:4px}.tracking-link-box{text-align:left;margin-bottom:var(--spacing-lg)}.tracking-link-box label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.tracking-link-input{display:flex;gap:var(--spacing-xs)}.tracking-link-input input{flex:1;padding:10px 12px;font-size:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm)}.tracking-link-input button{display:flex;align-items:center;justify-content:center;padding:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.tracking-link-input button:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.modal-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.remove-attachment{background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius-sm)}.remove-attachment:hover{background:#ef44441a;color:var(--color-error)}.filter-bar{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.request-card{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-md);border-radius:var(--border-radius-md);background:var(--bg-secondary);transition:all var(--transition-fast);cursor:pointer}.request-card:hover{background:var(--bg-tertiary)}.request-card-info{flex:1}.request-card-id{font-size:.75rem;font-weight:600;color:var(--color-primary);margin-bottom:4px}.request-card-title{font-weight:500;color:var(--text-primary);margin-bottom:4px}.request-card-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:.75rem;color:var(--text-muted)}.request-card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}.request-card-amount{font-weight:600;color:var(--text-primary)}.approval-workflow{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius-lg);overflow-x:auto}.workflow-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);min-width:100px}.workflow-step-icon{width:40px;height:40px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.workflow-step-icon.pending{background:var(--bg-tertiary);color:var(--text-muted);border:2px dashed var(--border-color)}.workflow-step-icon.current{background:#1869ff1a;color:var(--color-primary);border:2px solid var(--color-primary)}.workflow-step-icon.completed{background:var(--color-success);color:#fff}.workflow-step-icon.rejected{background:var(--color-error);color:#fff}.workflow-step-label{font-size:.75rem;color:var(--text-secondary);text-align:center}.workflow-connector{flex:1;height:2px;background:var(--border-color);min-width:30px}.workflow-connector.completed{background:var(--color-success)}.tab{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast)}.external-link-box{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#1869ff0d;border:1px solid rgba(24,105,255,.2);border-radius:var(--border-radius-md)}.external-link-input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:.875rem;background:var(--bg-primary)}.track-page{min-height:100vh;background:var(--bg-secondary)}.track-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.track-logo{height:28px;width:auto}.track-id-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 16px;background:var(--bg-secondary);border-radius:var(--border-radius-md);font-size:.8125rem}.track-id-badge span{color:var(--text-muted)}.track-id-badge strong{color:var(--color-primary)}.track-content{max-width:1000px;margin:0 auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.track-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--spacing-md)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.track-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--spacing-md);text-align:center;color:var(--text-muted)}.track-not-found h2{color:var(--color-stone)}.back-link{display:flex;align-items:center;gap:6px;color:var(--color-primary);font-size:.875rem;margin-top:var(--spacing-md)}.track-status-card{padding:0}.track-status-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.track-title{font-size:1.25rem;font-weight:600;color:var(--color-stone);margin-bottom:4px}.track-subtitle{font-size:.8125rem;color:var(--text-secondary)}.phase-progress{display:flex;align-items:flex-start;gap:0;padding:var(--spacing-md) 0}.phase-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.phase-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm);background:var(--bg-secondary);color:var(--text-muted);transition:all var(--transition-fast)}.phase-completed .phase-icon{background:var(--color-success);color:#fff}.phase-active .phase-icon{background:var(--color-primary);color:#fff;box-shadow:0 0 0 4px #1869ff33}.phase-info{display:flex;flex-direction:column;gap:2px}.phase-label{font-size:.75rem;font-weight:600;color:var(--text-primary)}.phase-desc{font-size:.6875rem;color:var(--text-muted);max-width:120px}.phase-connector{position:absolute;top:24px;left:calc(50% + 24px);width:calc(100% - 48px);height:2px;background:var(--border-color)}.phase-completed+.phase-item .phase-connector,.phase-completed .phase-connector{background:var(--color-success)}.track-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--spacing-md)}@media(max-width:768px){.track-grid{grid-template-columns:1fr}.phase-progress{flex-wrap:wrap}.phase-item{flex:0 0 50%;margin-bottom:var(--spacing-md)}.phase-connector{display:none}}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.detail-label{font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase}.detail-value{font-size:.875rem;color:var(--text-primary)}.detail-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.detail-text{font-size:.8125rem;color:var(--text-secondary);line-height:1.6;margin-top:6px}.approval-section{margin-bottom:var(--spacing-lg)}.approval-section:last-child{margin-bottom:0}.approval-section h4{font-size:.75rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.approval-note{font-size:.6875rem;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.approval-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.approval-list.horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm)}.approval-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm)}.approval-list.horizontal .approval-item{flex-direction:column;text-align:center;padding:var(--spacing-md)}.approval-icon{color:var(--text-muted)}.approval-approved .approval-icon{color:var(--color-success)}.approval-pending .approval-icon{color:var(--color-warning)}.approval-skipped .approval-icon{color:var(--text-muted)}.approval-info{flex:1;display:flex;flex-direction:column;gap:2px}.approval-level{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.approval-by{font-size:.6875rem;color:var(--text-muted)}.approval-type{font-size:.75rem;font-weight:500;color:var(--text-primary)}.approval-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-success);text-align:center}.approval-complete p{margin-top:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem}.items-table-wrapper{overflow-x:auto}.items-table{width:100%;border-collapse:collapse}.items-table th{padding:10px;font-size:.6875rem;font-weight:600;color:var(--text-muted);text-align:left;text-transform:uppercase;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.items-table td{padding:10px;font-size:.8125rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:var(--spacing-md);padding-bottom:var(--spacing-md)}.timeline-item:last-child{padding-bottom:0}.timeline-marker{display:flex;flex-direction:column;align-items:center}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.timeline-dot.timeline-created{background:var(--color-info)}.timeline-dot.timeline-submitted{background:var(--color-primary)}.timeline-dot.timeline-approved{background:var(--color-success)}.timeline-dot.timeline-rejected{background:var(--color-error)}.timeline-dot.timeline-status_update{background:var(--color-warning)}.timeline-line{flex:1;width:2px;background:var(--border-color);margin-top:4px}.timeline-content{flex:1;display:flex;flex-direction:column;gap:2px;padding-top:-2px}.timeline-action{font-size:.8125rem;color:var(--text-primary)}.timeline-meta{font-size:.6875rem;color:var(--text-muted)}.document-header{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.doc-reference{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.doc-label{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.doc-rev{display:flex;gap:var(--spacing-md);font-size:.6875rem;color:var(--text-secondary)}.doc-title{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin:0;text-align:center}.custom-toggles-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.custom-toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.custom-toggle input{width:18px;height:18px;accent-color:var(--color-primary)}.toggle-label{font-size:.875rem;color:var(--text-primary);font-weight:500}.form-hint{font-size:.6875rem;color:var(--text-muted);font-style:italic}.form-hint code{background:var(--bg-secondary);padding:2px 6px;border-radius:var(--border-radius-sm);font-size:.625rem}.department-options{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.department-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.department-checkbox:has(input:checked){border-color:var(--color-primary);background:#1869ff0d}.department-checkbox input{accent-color:var(--color-primary)}.department-checkbox span{font-size:.8125rem;color:var(--text-secondary)}.approval-workflow-card{margin-top:var(--spacing-md)}.workflow-section{margin-bottom:var(--spacing-lg)}.workflow-diagram{border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden}.workflow-row{display:grid;grid-template-columns:repeat(3,1fr)}.workflow-row.final,.workflow-row.executive{grid-template-columns:1fr}.workflow-cell{padding:var(--spacing-sm) var(--spacing-md);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px}.workflow-cell:last-child{border-right:none}.workflow-cell.header{background:#e8f5e9;font-weight:600;font-size:.75rem;color:var(--color-stone);text-align:center;justify-content:center}.workflow-cell.full-width{text-align:center;justify-content:center}.role-label{font-size:.6875rem;color:var(--text-muted)}.role-value{font-size:.75rem;color:var(--text-secondary)}.final-approval{font-size:.8125rem;font-weight:600;color:var(--color-stone);background:#fff3e0;padding:var(--spacing-sm)}.workflow-row.final .workflow-cell{background:#fff3e0}.executive-office{font-size:.8125rem;font-weight:600;color:#fff;background:#2e7d32;padding:var(--spacing-sm)}.workflow-row.executive .workflow-cell{background:#2e7d32;border-bottom:none}.mt-md{margin-top:var(--spacing-md)}.request-page.with-detail{display:flex;gap:var(--spacing-lg)}.request-page.with-detail .request-list-container{flex:1;min-width:0}.request-card.selected{background:#1869ff1a;border:1px solid var(--color-primary)}.request-card .chevron-icon{color:var(--text-muted);transition:transform var(--transition-fast)}.request-card:hover .chevron-icon{transform:translate(4px);color:var(--color-primary)}.request-detail-panel{width:420px;min-width:420px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;height:calc(100vh - 120px);position:sticky;top:80px}.detail-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.detail-panel-header>div{display:flex;align-items:center;gap:var(--spacing-sm)}.detail-tracking-id{font-weight:600;color:var(--color-primary)}.detail-panel-header .close-btn{width:32px;height:32px;border-radius:var(--border-radius-md);border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.detail-panel-header .close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.detail-panel-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.detail-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.detail-phase{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.detail-phase .phase-label{font-size:.75rem;color:var(--text-muted)}.detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.detail-info-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.detail-info-item>svg{color:var(--text-muted);margin-top:2px}.detail-info-item>div{display:flex;flex-direction:column}.detail-info-item .info-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase}.detail-info-item .info-value{font-size:.8125rem;color:var(--text-primary);font-weight:500}.detail-section{margin-bottom:var(--spacing-lg)}.detail-section h4{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.02em}.detail-section p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.detail-line-items{display:flex;flex-direction:column;gap:4px}.detail-line-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm);font-size:.8125rem}.detail-line-item .line-no{width:20px;height:20px;border-radius:var(--border-radius-full);background:var(--color-primary);color:#fff;font-size:.6875rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-line-item .line-desc{flex:1;color:var(--text-primary)}.detail-line-item .line-qty{color:var(--text-muted);font-size:.75rem;white-space:nowrap}.approval-chain{display:flex;flex-direction:column;gap:var(--spacing-sm)}.approval-step{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-md);border-left:3px solid var(--border-color)}.approval-step.approved{border-left-color:var(--color-success)}.approval-step.pending{border-left-color:var(--color-warning)}.approval-step.rejected{border-left-color:var(--color-error)}.approval-step-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.approval-step-icon .text-success{color:var(--color-success)}.approval-step-icon .text-warning{color:var(--color-warning)}.approval-step-icon .text-error{color:var(--color-error)}.approval-step-icon .text-muted{color:var(--text-muted)}.approval-step-info{display:flex;flex-direction:column;gap:2px}.approval-step-info .approval-level{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.approval-step-info .approval-status{font-size:.6875rem;color:var(--text-muted);text-transform:capitalize}.approval-step-info .approval-by,.approval-step-info .approval-date{font-size:.6875rem;color:var(--text-secondary)}.approval-step-info .approval-comment{font-size:.75rem;color:var(--text-secondary);font-style:italic;margin-top:4px}.parallel-divider{font-size:.6875rem;text-transform:uppercase;color:var(--text-muted);text-align:center;padding:var(--spacing-xs) 0;letter-spacing:.05em}.detail-timeline{position:relative;padding-left:var(--spacing-lg)}.detail-timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:var(--border-color)}.timeline-event{position:relative;padding-bottom:var(--spacing-sm)}.timeline-event .timeline-dot{position:absolute;left:calc(-1 * var(--spacing-lg) + 2px);top:6px;width:8px;height:8px;border-radius:var(--border-radius-full);background:var(--color-primary)}.timeline-event .timeline-content{display:flex;flex-direction:column}.timeline-event .timeline-action{font-size:.8125rem;color:var(--text-primary)}.timeline-event .timeline-meta{font-size:.6875rem;color:var(--text-muted)}.detail-panel-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-secondary)}@media(max-width:1200px){.request-page.with-detail{flex-direction:column}.request-detail-panel{width:100%;min-width:100%;height:auto;max-height:60vh;position:relative;top:0}}@media(max-width:768px){.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .search-box,.filter-bar .filter-select{width:100%}.request-card{flex-direction:column;gap:var(--spacing-sm)}.request-card-actions{flex-direction:row;width:100%;justify-content:space-between}.detail-info-grid{grid-template-columns:1fr}}.header-badges{display:flex;gap:var(--spacing-sm);align-items:center}.review-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-xs)}.review-tab{display:flex;align-items:center;gap:6px;padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all var(--transition-fast)}.review-tab:hover{color:var(--text-primary)}.review-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.review-tab .tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:600;background:var(--color-primary);color:#fff;border-radius:var(--border-radius-full)}.review-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-md)}.review-card{transition:all var(--transition-fast)}.review-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.review-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.review-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:4px 0}.review-card-amount{font-size:1.125rem;font-weight:600;color:var(--color-success)}.review-card-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md);font-size:.8125rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.review-card-meta span{display:inline-flex;align-items:center;gap:4px}.review-card-description{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.review-card-actions{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.review-btns{display:flex;gap:var(--spacing-sm)}.tech-eval-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--spacing-md)}.tech-eval-card{transition:all var(--transition-fast)}.tech-eval-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tech-eval-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.tech-eval-rfx{display:flex;align-items:center;gap:var(--spacing-sm)}.tech-eval-rfx .rfx-id{font-size:.75rem;color:var(--text-muted);font-weight:500}.tech-eval-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;line-height:1.4}.tech-eval-vendor{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.vendor-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-purple));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.vendor-avatar.large{width:48px;height:48px;font-size:1.25rem}.vendor-info{display:flex;flex-direction:column}.vendor-info strong{font-size:.9375rem;color:var(--text-primary)}.vendor-info .submitted-date{font-size:.75rem;color:var(--text-muted)}.tech-eval-details{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-md)}.eval-detail{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-secondary)}.eval-detail strong{color:var(--text-primary)}.tech-eval-notes{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);font-style:italic}.tech-eval-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.eval-modal-content{padding:var(--spacing-md)}.eval-modal-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.eval-modal-header h3{font-size:1.125rem;font-weight:600;margin:0}.eval-modal-bid{font-size:.875rem;color:var(--text-secondary);margin:4px 0 0}.review-modal-content{padding:var(--spacing-md)}.review-modal-header{margin-bottom:var(--spacing-lg)}.review-modal-header h3{font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.review-modal-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md);font-size:.8125rem;color:var(--text-secondary)}.review-modal-meta span{display:inline-flex;align-items:center;gap:4px}.review-section{margin-bottom:var(--spacing-md)}.review-section h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.review-section p{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.5}.approval-status-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.approval-status-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm)}.approval-role{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.sourcing-status-card{margin-bottom:var(--spacing-lg)}.sourcing-status-card .card-header{display:flex;align-items:center;justify-content:space-between}.sourcing-status-card .card-title{display:flex;align-items:center;gap:var(--spacing-sm)}.sourcing-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.sourcing-stat{display:flex;flex-direction:column;gap:4px}.sourcing-stat .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.sourcing-stat .stat-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.tech-eval-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:linear-gradient(135deg,#1869ff0d,#8b5cf60d);border:1px solid var(--color-primary);border-radius:var(--border-radius-md)}.tech-eval-section h4{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.section-note{font-size:.8125rem;color:var(--text-muted);margin:0 0 var(--spacing-md) 0}.tech-eval-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tech-eval-item-simple{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);transition:box-shadow var(--transition-fast)}.tech-eval-item-simple:hover{box-shadow:var(--shadow-sm)}.tech-eval-vendor-info{display:flex;align-items:center;gap:var(--spacing-md)}.vendor-avatar-circle{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#5b8def);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem}.vendor-text{display:flex;flex-direction:column;gap:2px}.vendor-text strong{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.vendor-text span{font-size:.8125rem;color:var(--text-secondary)}.tech-eval-actions-simple{display:flex;gap:var(--spacing-sm)}.tech-eval-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.tech-eval-vendor{display:flex;align-items:center;gap:var(--spacing-sm)}.vendor-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-purple));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.vendor-avatar.large{width:48px;height:48px;font-size:1.125rem}.vendor-details{display:flex;flex-direction:column}.vendor-details strong{font-size:.875rem;color:var(--text-primary)}.vendor-details span{font-size:.75rem;color:var(--text-secondary)}.tech-eval-actions{display:flex;gap:var(--spacing-sm)}.tech-eval-section-new{display:flex;flex-direction:column;gap:var(--spacing-md)}.tech-eval-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0}.tech-eval-section-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.tech-eval-cards-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-md)}.tech-eval-card-new{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md);transition:all var(--transition-fast)}.tech-eval-card-new:hover{box-shadow:var(--shadow-md)}.tech-eval-card-new.selected{border-color:var(--color-primary);background:#1869ff05}.tech-eval-card-header{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.tech-eval-checkbox{cursor:pointer;color:var(--text-muted);padding:2px;transition:color var(--transition-fast)}.tech-eval-checkbox:hover,.tech-eval-checkbox .checked{color:var(--color-primary)}.tech-eval-rfx-info{flex:1;display:flex;flex-direction:column;gap:2px}.tech-eval-rfx-info .rfx-id-label{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.tech-eval-rfx-info .bid-for-review{font-size:.75rem;color:var(--text-secondary)}.tech-eval-vendor-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.tech-eval-vendor-row .vendor-item{display:flex;flex-direction:column;gap:2px}.tech-eval-vendor-row .vendor-label{font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.tech-eval-vendor-row .vendor-value{font-size:.875rem;font-weight:500;color:var(--text-primary)}.tech-eval-vendor-row .vendor-value.price{color:var(--color-success);font-weight:600}.tech-eval-notes-field{margin-bottom:var(--spacing-md)}.tech-eval-notes-field label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.tech-eval-notes-field textarea{width:100%;padding:var(--spacing-sm);font-size:.8125rem;font-family:inherit;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);resize:vertical;min-height:70px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tech-eval-notes-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1869ff1a}.tech-eval-notes-field textarea::placeholder{color:var(--text-muted)}.tech-eval-actions-new{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.tech-eval-actions-new .select-reject-btn{background:var(--color-purple);border-color:var(--color-purple)}.tech-eval-actions-new .select-reject-btn:hover{background:var(--color-purple-dark, #7c3aed);border-color:var(--color-purple-dark, #7c3aed)}.shortlist-section{margin-bottom:var(--spacing-lg)}.shortlist-section h4{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.shortlist-grid{display:flex;flex-direction:column;gap:var(--spacing-xs)}.shortlist-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-sm)}.shortlist-item .vendor-name{font-weight:500;color:var(--text-primary)}.shortlist-item .vendor-bid{font-weight:600;color:var(--color-success)}.awarded-section h4{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.awarded-vendor{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid var(--color-success);border-radius:var(--border-radius-md)}.awarded-details{flex:1;display:flex;flex-direction:column}.awarded-details strong{font-size:1rem;color:var(--text-primary)}.awarded-details span{font-size:.875rem;color:var(--text-secondary)}.rfx-details-action{margin:var(--spacing-md) 0;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.tech-eval-section-enhanced{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:linear-gradient(135deg,#1869ff08,#8b5cf608);border:1px solid var(--color-primary);border-radius:var(--border-radius-lg)}.tech-eval-header-enhanced{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.tech-eval-header-enhanced h4{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.tech-eval-list-enhanced{display:flex;flex-direction:column;gap:var(--spacing-md)}.tech-eval-card-enhanced{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;transition:all var(--transition-fast)}.tech-eval-card-enhanced:hover{box-shadow:var(--shadow-md)}.tech-eval-card-enhanced.expanded{border-color:var(--color-primary)}.tech-eval-card-header-enhanced{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary)}.rank-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.rank-number{font-size:1.125rem;font-weight:700;color:var(--color-primary);min-width:32px}.rank-arrows{display:flex;flex-direction:column;gap:2px}.rank-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.rank-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:#1869ff1a}.rank-btn:disabled{opacity:.3;cursor:not-allowed}.vendor-main-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.vendor-quick-stats{display:flex;gap:var(--spacing-lg)}.vendor-quick-stats .quick-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.vendor-quick-stats .stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.vendor-quick-stats .stat-value{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.expand-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.expand-btn:hover{background:var(--bg-tertiary);color:var(--color-primary)}.tech-eval-card-details{padding:var(--spacing-md);border-top:1px solid var(--border-color);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-grid-enhanced{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.detail-item-enhanced{display:flex;flex-direction:column;gap:2px}.detail-item-enhanced .label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.detail-item-enhanced .value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.criteria-section,.items-section,.vendor-notes{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.criteria-section h5,.items-section h5,.vendor-notes h5{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.criteria-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.criteria-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm)}.criteria-name{flex:1;font-size:.8125rem;color:var(--text-primary)}.criteria-weight{font-size:.75rem;color:var(--text-muted);min-width:40px}.items-mini-table{display:flex;flex-direction:column;gap:var(--spacing-xs)}.item-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm)}.item-name{flex:1;font-size:.8125rem}.item-qty{font-size:.75rem;color:var(--text-muted)}.item-price{font-size:.8125rem;font-weight:600;color:var(--color-success)}.vendor-notes p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;margin:0;font-style:italic}.tech-eval-card-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-top:1px solid var(--border-color)}.select-only-btn{background:var(--color-purple);border-color:var(--color-purple)}.select-only-btn:hover{background:var(--color-purple-dark, #7c3aed)}.rfx-details-modal-content{padding:var(--spacing-md)}.rfx-detail-section{margin-bottom:var(--spacing-lg)}.rfx-detail-section h4{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.rfx-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.rfx-detail-item{display:flex;flex-direction:column;gap:4px}.rfx-detail-item .label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.rfx-detail-item .value{font-size:.875rem;font-weight:500;color:var(--text-primary)}.rfx-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.rfx-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.funnel-stats{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.funnel-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.funnel-number{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.funnel-label{font-size:.75rem;color:var(--text-muted)}.funnel-arrow{font-size:1.25rem;color:var(--text-muted)}.attachments-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.attachment-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm)}.attachment-item span{flex:1;font-size:.875rem}.no-attachments{text-align:center;padding:var(--spacing-md);color:var(--text-muted)}.no-attachments .note{font-size:.75rem;display:block;margin-top:var(--spacing-xs)}.response-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.summary-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.summary-number{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.summary-label{font-size:.75rem;color:var(--text-muted)}.confirm-select-content{padding:var(--spacing-md)}.selection-summary{margin-bottom:var(--spacing-lg)}.selected-vendor{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#22c55e1a;border:1px solid var(--color-success);border-radius:var(--border-radius-md)}.vendor-avatar-circle.large{width:48px;height:48px;font-size:1.25rem}.discard-warning{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.discard-warning svg{color:var(--color-error);flex-shrink:0;margin-top:2px}.discard-warning strong{display:block;margin-bottom:var(--spacing-xs);color:var(--color-error)}.discard-warning ul{margin:0;padding-left:var(--spacing-md)}.discard-warning li{font-size:.875rem;color:var(--text-secondary);margin-bottom:2px}.confirm-note{font-size:.875rem;color:var(--text-muted);text-align:center;margin:0}@media(max-width:768px){.review-tabs{overflow-x:auto}.review-cards,.tech-eval-cards,.tech-eval-cards-new{grid-template-columns:1fr}.tech-eval-details{flex-direction:column;gap:var(--spacing-xs)}.sourcing-overview{grid-template-columns:repeat(2,1fr)}.tech-eval-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.tech-eval-actions,.tech-eval-actions-new{width:100%;justify-content:flex-end}.tech-eval-vendor-row{flex-direction:column;gap:var(--spacing-xs)}.tech-eval-card-header-enhanced{flex-wrap:wrap}.vendor-quick-stats{width:100%;justify-content:space-around;margin-top:var(--spacing-sm)}.detail-grid-enhanced,.rfx-detail-grid,.response-summary-grid{grid-template-columns:repeat(2,1fr)}.funnel-stats{flex-wrap:wrap}}.sourcing-page{animation:fadeIn var(--transition-slow) ease-out}.notification-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-sm)}.notification-toast{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);background:var(--color-stone);color:#fff;font-size:.875rem;box-shadow:var(--shadow-lg);animation:slideIn .3s ease}.notification-toast.success{background:var(--color-success)}.notification-toast.warning{background:var(--color-warning);color:var(--text-primary)}.notification-toast.error{background:var(--color-error)}.notification-toast.info{background:var(--color-primary)}.notification-toast button{background:transparent;border:none;color:inherit;cursor:pointer;opacity:.8}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:600;color:#fff;background:var(--color-error);border-radius:var(--border-radius-full)}@media(max-width:500px){.stats-row{grid-template-columns:1fr}}.stat-box.clickable{cursor:pointer;transition:all var(--transition-fast)}.stat-box.clickable:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-box.clickable.active{border-color:var(--color-primary);background:#1869ff0d;box-shadow:0 0 0 3px #1869ff26}.stat-box-trend{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.7rem;margin-top:var(--spacing-xs)}.stat-box-trend.positive{color:var(--color-success)}.stat-box-trend.warning{color:var(--color-warning)}.filter-indicator{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:#1869ff14;border:1px solid var(--color-primary);border-radius:var(--border-radius-md);font-size:.8125rem;color:var(--text-secondary)}.filter-indicator strong{color:var(--color-primary)}.filter-indicator button{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;color:var(--text-muted);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer}.filter-indicator button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dashboard-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--bg-secondary)}.rfx-cell-title{font-weight:500;color:var(--text-primary)}.rfx-cell-id{font-size:.75rem;color:var(--text-muted)}.progress-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.progress-bar{flex:1;height:6px;background:var(--bg-tertiary);border-radius:var(--border-radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:var(--border-radius-full);transition:width .3s ease}.progress-text{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.rfx-detail-view{animation:fadeIn var(--transition-fast) ease}.back-button{display:inline-flex;align-items:center;gap:4px;padding:var(--spacing-xs) 0;font-size:.875rem;color:var(--text-secondary);background:none;border:none;cursor:pointer;margin-bottom:var(--spacing-md)}.back-button:hover{color:var(--color-primary)}.rfx-detail-grid{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-lg)}@media(max-width:900px){.rfx-detail-grid{grid-template-columns:1fr}}.rfx-detail-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.rfx-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.rfx-detail-title{font-size:1.25rem;font-weight:600;color:var(--color-stone);margin-bottom:var(--spacing-xs)}.rfx-detail-meta{font-size:.8125rem;color:var(--text-muted)}.rfx-funnel{margin-top:var(--spacing-md)}.funnel-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.funnel-stages{display:flex;flex-direction:column;gap:var(--spacing-sm)}.funnel-stage{display:flex;align-items:center;gap:var(--spacing-md)}.funnel-label{width:80px;font-size:.8125rem;color:var(--text-secondary)}.funnel-bar-container{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.funnel-bar{height:24px;border-radius:var(--border-radius-md);transition:width .5s ease;min-width:40px}.funnel-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.vendor-activity-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.vendor-activity-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--border-radius-md);background:var(--bg-secondary)}.vendor-avatar{width:36px;height:36px;border-radius:var(--border-radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.vendor-name{font-weight:500;font-size:.875rem;color:var(--text-primary)}.vendor-status-text{font-size:.75rem;color:var(--text-muted)}.quick-actions{display:flex;flex-direction:column;gap:var(--spacing-xs)}.action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:left}.action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.action-btn.danger:hover{background:#ef44441a;color:var(--color-error);border-color:var(--color-error)}.action-btn .action-icon{flex-shrink:0}.action-btn .action-icon.orange{color:var(--color-warning)}.action-btn .action-icon.blue{color:var(--color-primary)}.action-btn .action-icon.gray{color:var(--text-muted)}.action-btn .action-icon.red{color:var(--color-error)}.action-btn svg:last-child{margin-left:auto;opacity:.5}.timeline{display:flex;flex-direction:column;gap:0;position:relative}.timeline-item{display:flex;gap:var(--spacing-md);padding-bottom:var(--spacing-md);position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:7px;top:20px;bottom:0;width:2px;background:var(--border-color)}.timeline-item.completed:before{background:var(--color-success)}.timeline-dot{width:16px;height:16px;border-radius:var(--border-radius-full);background:var(--border-color);flex-shrink:0}.timeline-item.completed .timeline-dot{background:var(--color-success)}.timeline-item.active .timeline-dot{background:var(--color-primary);box-shadow:0 0 0 4px #1869ff33}.timeline-content{flex:1}.timeline-title{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.step-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-lg)}@media(max-width:700px){.step-indicator{flex-direction:column;gap:var(--spacing-sm)}.step-connector{width:2px!important;height:20px!important;margin:0!important}}.step{display:flex;align-items:center;gap:var(--spacing-sm);opacity:.5}.step.active,.step.completed{opacity:1}.step-number{width:32px;height:32px;border-radius:var(--border-radius-full);background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.step.active .step-number{background:var(--color-primary);color:#fff}.step.completed .step-number{background:var(--color-success);color:#fff}.step span{font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.step.active span{color:var(--text-primary);font-weight:500}.step-connector{width:60px;height:2px;background:var(--border-color);margin:0 var(--spacing-sm)}.initiate-rfx-view{max-width:1000px;margin:0 auto}.initiate-rfx-view .card{margin-bottom:var(--spacing-lg)}.step-content{animation:fadeIn var(--transition-fast) ease}.step-title{font-size:1.125rem;font-weight:600;color:var(--color-stone);margin-bottom:var(--spacing-xs)}.step-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.sourcing-request-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.sourcing-request-card{display:flex;flex-direction:column;padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);position:relative}.sourcing-request-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.sourcing-request-card-type{margin-bottom:var(--spacing-sm)}.sourcing-request-card-title{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;line-height:1.4}.sourcing-request-card-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:.75rem;color:var(--text-muted);margin-bottom:var(--spacing-md)}.sourcing-request-card-meta span{display:inline-flex;align-items:center;gap:4px}.sourcing-request-card-summary{font-size:.8125rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.sourcing-request-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.sourcing-request-tag{font-size:.7rem;padding:2px 8px;border-radius:var(--border-radius-sm);background:var(--bg-tertiary);color:var(--text-secondary)}.sourcing-request-tag.primary{background:#1869ff1a;color:var(--color-primary)}.sourcing-request-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);margin-top:auto}.sourcing-request-budget{font-weight:600;color:var(--color-success);font-size:.9375rem}.pr-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media(max-width:900px){.pr-details-grid{grid-template-columns:repeat(2,1fr)}}.pr-detail-item{display:flex;flex-direction:column;gap:2px}.pr-detail-item label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.pr-detail-item span{font-size:.875rem;color:var(--text-primary)}.text-danger{color:var(--color-error)!important}.text-primary{color:var(--color-primary)!important}.font-bold{font-weight:600!important}.line-items-section{margin-top:var(--spacing-lg)}.line-items-section h5{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.request-tags-row{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-md)}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.vendor-selection-grid{display:grid;grid-template-columns:1fr 280px;gap:var(--spacing-lg)}@media(max-width:900px){.vendor-selection-grid{grid-template-columns:1fr}}.vendor-filters{display:flex;flex-direction:column;gap:var(--spacing-md)}.vendor-filter-toolbar{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--bg-secondary)}.vendor-filter-inputs{display:flex;flex-direction:column;gap:var(--spacing-sm)}.vendor-search{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:6px 10px}.vendor-search svg{color:var(--text-muted)}.vendor-search-input .input-container{border:none;box-shadow:none;background:transparent;padding:0}.vendor-search-input .input{border:none;padding:4px 0;box-shadow:none;font-size:.875rem}.vendor-filter-selects{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.vendor-filter-selects .filter-select{padding:8px 32px 8px 12px;font-size:.8125rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.vendor-filter-selects .filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1869ff1a}.active-filter-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.filter-chip{padding:4px 8px;font-size:.75rem;background:#1869ff1f;color:var(--color-primary);border-radius:var(--border-radius-full);font-weight:500}.filter-section h5{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.filter-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.filter-toggle{margin-top:var(--spacing-xs);font-size:.75rem;color:var(--color-primary);background:transparent;border:none;cursor:pointer;padding:0}.filter-tag{padding:4px 10px;font-size:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius-full);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-tag:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-tag.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-tag.cert{display:flex;align-items:center;gap:4px}.vendor-list h5{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.vendor-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:300px;overflow-y:auto}.vendor-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.vendor-checkbox:hover{background:var(--bg-secondary)}.vendor-checkbox.selected{border-color:var(--color-primary);background:#1869ff0d}.vendor-checkbox input{width:16px;height:16px;accent-color:var(--color-primary)}.vendor-checkbox-content{flex:1;display:flex;justify-content:space-between;align-items:center}.vendor-checkbox-name{font-size:.875rem;color:var(--text-primary)}.vendor-checkbox-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.vendor-rating{font-size:.75rem;color:var(--color-warning)}.match-score{font-size:.7rem;padding:2px 6px;border-radius:var(--border-radius-sm);font-weight:500}.match-score.full{background:#22c55e1a;color:var(--color-success)}.match-score.partial{background:#f59e0b1a;color:var(--color-warning)}.vendor-stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.vendor-stat-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.vendor-stat-card{padding:var(--spacing-md);text-align:center;border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.vendor-stat-card:hover{border-color:var(--color-primary)}.vendor-stat-card.success .vendor-stat-value{color:var(--color-success)}.vendor-stat-card.warning .vendor-stat-value{color:var(--color-warning)}.vendor-stat-card.primary{border-color:var(--color-primary);background:#1869ff0d}.vendor-stat-card.primary .vendor-stat-value{color:var(--color-primary)}.vendor-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-stone)}.vendor-stat-label{font-size:.7rem;color:var(--text-muted)}.vendor-actions{display:flex;flex-direction:column;gap:var(--spacing-xs)}.vendor-info-notice{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);font-size:.75rem;color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.distribution-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media(max-width:700px){.distribution-options{grid-template-columns:1fr}}.distribution-option{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast)}.distribution-option:hover{border-color:var(--color-primary)}.distribution-option.selected{border-color:var(--color-primary);background:#1869ff0d}.dist-icon{flex-shrink:0}.dist-icon.blue{color:var(--color-primary)}.dist-icon.green{color:var(--color-success)}.dist-icon.purple{color:var(--color-secondary)}.dist-content strong{display:block;font-size:.875rem;color:var(--text-primary);margin-bottom:2px}.dist-content span{font-size:.75rem;color:var(--text-muted)}.step-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.step-actions.center{justify-content:center}.review-card{max-width:600px;margin:0 auto}.review-header{text-align:center;margin-bottom:var(--spacing-xl)}.review-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);border-radius:var(--border-radius-full);background:#1869ff1a;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.review-header h2{font-size:1.25rem;color:var(--color-stone);margin-bottom:var(--spacing-xs)}.review-header p{font-size:.875rem;color:var(--text-muted)}.review-details{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.review-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.review-label{font-size:.875rem;color:var(--text-secondary)}.review-value{font-size:.875rem;font-weight:500;color:var(--text-primary)}.review-summary{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.review-summary h5{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.review-summary pre{font-family:inherit;font-size:.75rem;color:var(--text-secondary);white-space:pre-wrap;margin:0}.filter-select{padding:8px 32px 8px 12px;font-size:.875rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.response-count{font-size:.8125rem;color:var(--text-muted)}.rfx-selector{display:flex;align-items:center;gap:var(--spacing-md)}.rfx-dropdown{position:relative;min-width:350px}.rfx-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);width:100%;padding:8px 12px;font-size:.875rem;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.rfx-dropdown-trigger:hover{border-color:var(--color-primary)}.rfx-dropdown-trigger svg.rotate{transform:rotate(180deg)}.rfx-selected-label{display:flex;align-items:center;gap:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rfx-placeholder{color:var(--text-muted)}.rfx-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:320px;overflow:hidden;display:flex;flex-direction:column}.rfx-dropdown-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color)}.rfx-dropdown-search input{flex:1;border:none;background:transparent;font-size:.875rem;outline:none}.rfx-dropdown-options{flex:1;overflow-y:auto}.rfx-dropdown-empty{padding:var(--spacing-md);text-align:center;color:var(--text-muted);font-size:.8125rem}.rfx-dropdown-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast)}.rfx-dropdown-option:last-child{border-bottom:none}.rfx-dropdown-option:hover{background:var(--bg-secondary)}.rfx-dropdown-option.selected{background:#1869ff14}.rfx-option-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rfx-option-id{font-weight:500;color:var(--text-primary)}.rfx-option-title{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.response-status-tabs{display:flex;gap:var(--spacing-xs);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);overflow-x:auto;-webkit-overflow-scrolling:touch}.status-tab{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.status-tab:hover{background:var(--bg-tertiary);border-color:var(--color-primary-hover)}.status-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.status-tab .tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:600;background:#fff3;border-radius:var(--border-radius-full)}.status-tab:not(.active) .tab-count{background:var(--bg-tertiary);color:var(--text-muted)}.bulk-actions-bar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#1869ff1a,#8b5cf61a);border:1px solid var(--color-primary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.bulk-select-all{display:flex;align-items:center;gap:var(--spacing-xs)}.bulk-select-all input[type=checkbox]{width:16px;height:16px;cursor:pointer}.bulk-select-all label{font-size:.8125rem;font-weight:500;color:var(--text-primary);cursor:pointer}.bulk-count{font-size:.875rem;font-weight:500;color:var(--text-primary)}.bulk-buttons{display:flex;gap:var(--spacing-sm);align-items:center}.bulk-clear{padding:6px 12px;font-size:.8125rem;color:var(--text-secondary);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer}.bulk-clear:hover{background:var(--bg-tertiary)}.bulk-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.bulk-actions span{font-size:.875rem;color:var(--text-secondary)}.bulk-buttons{display:flex;gap:var(--spacing-sm)}.responses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.response-card{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--bg-primary);transition:all var(--transition-fast);position:relative}.response-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.response-card.selected{border-color:var(--color-primary);background:#1869ff08}.response-checkbox{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm)}.response-checkbox input{width:16px;height:16px;accent-color:var(--color-primary)}.response-status-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}.response-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md)}.response-avatar{width:40px;height:40px;border-radius:var(--border-radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.response-vendor{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:4px}.lock-icon{color:var(--text-muted)}.response-rfx{font-size:.75rem;color:var(--text-muted)}.response-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.response-tag{font-size:.7rem;padding:2px 6px;border-radius:var(--border-radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;gap:2px}.response-tag.cert{background:#f59e0b1a;color:var(--color-warning)}.response-bid-type{margin-bottom:var(--spacing-sm)}.response-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.response-detail{display:flex;align-items:center;gap:4px;font-size:.8125rem;color:var(--text-secondary)}.score-badge{font-weight:600;color:var(--color-primary)}.response-actions{display:flex;justify-content:space-between;padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.no-responses{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);grid-column:1 / -1}.no-responses svg{margin-bottom:var(--spacing-md);opacity:.5}.response-detail-content{padding:var(--spacing-md)}.response-detail-grid{display:grid;grid-template-columns:1fr 250px;gap:var(--spacing-lg)}@media(max-width:700px){.response-detail-grid{grid-template-columns:1fr}}.response-detail-main h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.evaluation-criteria{margin-top:var(--spacing-lg)}.criteria-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-color)}.criteria-name{flex:1;font-size:.8125rem;color:var(--text-secondary)}.criteria-weight{font-size:.75rem;color:var(--text-muted)}.evaluation-summary{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.evaluation-summary h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.eval-row{display:flex;justify-content:space-between;font-size:.8125rem;padding:var(--spacing-xs) 0}.eval-row span:first-child{color:var(--text-secondary)}.eval-total{display:flex;justify-content:space-between;padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-top:1px solid var(--border-color);font-weight:600}.total-score{font-size:1.25rem;color:var(--color-primary)}.communication-view{min-height:600px}.chat-layout{display:grid;grid-template-columns:300px 1fr;gap:0;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;height:600px}@media(max-width:800px){.chat-layout{grid-template-columns:1fr;height:auto}}.chat-list{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.chat-list-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.chat-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border-radius:var(--border-radius-md)}.chat-search input{flex:1;border:none;background:transparent;font-size:.875rem;outline:none}.chat-list-items{flex:1;overflow-y:auto}.no-chats{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.no-chats svg{margin-bottom:var(--spacing-sm);opacity:.5}.chat-list-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--border-color);transition:all var(--transition-fast);position:relative}.chat-list-item:hover{background:var(--bg-tertiary)}.chat-list-item.active{background:var(--bg-primary);border-left:3px solid var(--color-primary)}.chat-list-item.unread{background:#1869ff0d}.chat-item-avatar{width:40px;height:40px;border-radius:var(--border-radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.chat-item-content{flex:1;min-width:0}.chat-item-header{display:flex;justify-content:space-between;margin-bottom:2px}.chat-item-name{font-weight:500;font-size:.875rem;color:var(--text-primary)}.chat-item-time{font-size:.7rem;color:var(--text-muted)}.chat-item-rfx{font-size:.7rem;color:var(--color-primary);margin-bottom:2px}.chat-item-message{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-lock{position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);color:var(--text-muted)}.chat-window{display:flex;flex-direction:column;background:var(--bg-primary)}.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted)}.chat-placeholder svg{margin-bottom:var(--spacing-md);opacity:.5}.chat-window-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-sm)}.chat-header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.chat-header-left h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.chat-rfx-ref{font-size:.75rem;color:var(--text-muted);padding:2px 8px;background:var(--bg-secondary);border-radius:var(--border-radius-sm)}.chat-action-buttons{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.chat-action-buttons .btn{border:1px solid var(--border-color);background:var(--bg-primary)}.chat-action-buttons .btn:hover{background:var(--bg-secondary);border-color:var(--color-primary)}.chat-action-buttons .propose-price-btn{color:var(--color-success)}.chat-action-buttons .propose-price-btn:hover{background:#22c55e1a;border-color:var(--color-success)}.chat-header-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.chat-header-info span{font-size:.75rem;color:var(--text-muted)}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.chat-message{max-width:70%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg);background:var(--bg-secondary)}.chat-message.sent{align-self:flex-end;background:var(--color-primary);color:#fff}.chat-message.sent .message-sender,.chat-message.sent .message-time{color:#fffc}.chat-message.received{align-self:flex-start}.chat-message.system{align-self:center;max-width:90%;background:var(--bg-tertiary);font-size:.75rem;color:var(--text-muted);text-align:center}.message-sender{font-size:.7rem;font-weight:600;color:var(--text-muted);margin-bottom:2px}.message-content{font-size:.875rem;line-height:1.5}.message-time{font-size:.65rem;color:var(--text-muted);text-align:right;margin-top:2px}.chat-input{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color)}.chat-input input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:.875rem;outline:none}.chat-input input:focus{border-color:var(--color-primary)}.awarding-view .card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.awarding-view .card-title{display:flex;align-items:center;gap:var(--spacing-sm)}.awarding-view .rfx-selector{min-width:300px}.award-rfx-summary{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.award-rfx-summary .summary-item{display:flex;align-items:center;gap:var(--spacing-sm)}.award-rfx-summary .label{font-size:.8125rem;color:var(--text-muted)}.award-rfx-summary .value{font-weight:600;color:var(--text-primary)}.compare-toggle{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.compare-count{font-size:.8125rem;color:var(--text-muted)}.comparison-table-wrapper{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.comparison-table-wrapper h4{font-size:.9375rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.comparison-table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.comparison-table th{font-weight:600;background:var(--bg-tertiary)}.comparison-table td:first-child{font-weight:500;color:var(--text-secondary)}.comparison-table .price-cell{font-weight:600;color:var(--color-success)}.awarded-vendors-section{margin-bottom:var(--spacing-lg)}.awarded-vendors-section h4{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9375rem;font-weight:600;margin:0 0 var(--spacing-md) 0;color:var(--color-success)}.awarded-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.awarded-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid var(--color-success);border-radius:var(--border-radius-md)}.awarded-card .vendor-info{display:flex;align-items:center;gap:var(--spacing-md)}.awarded-card .vendor-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.awarded-card .vendor-info strong{display:block;font-size:1rem;color:var(--text-primary)}.awarded-card .contract-value{font-size:.875rem;color:var(--color-success);font-weight:600}.shortlisted-vendors-section h4{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9375rem;font-weight:600;margin:0 0 var(--spacing-md) 0;color:var(--color-warning)}.shortlisted-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.shortlisted-card{padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-fast);position:relative}.shortlisted-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.shortlisted-card.selected{border-color:var(--color-primary);background:#1869ff0d}.shortlisted-card .compare-checkbox{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}.shortlisted-card .vendor-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.shortlisted-card .vendor-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-purple));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.shortlisted-card .vendor-details{display:flex;flex-direction:column}.shortlisted-card .vendor-details strong{font-size:.9375rem;color:var(--text-primary)}.shortlisted-card .vendor-rating{font-size:.75rem;color:var(--color-warning)}.shortlisted-card .vendor-bid-info{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.shortlisted-card .bid-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.shortlisted-card .bid-row span{color:var(--text-secondary)}.shortlisted-card .bid-row strong{color:var(--color-success)}.shortlisted-card .vendor-actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.negotiation-modal-content{padding:var(--spacing-md)}.negotiation-modal-content .current-bid{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.negotiation-modal-content .current-bid span{color:var(--text-secondary)}.negotiation-modal-content .current-bid strong{font-size:1.125rem;color:var(--color-success)}.award-modal-content{padding:var(--spacing-lg);text-align:center}.award-modal-content .award-icon{color:var(--color-success);margin-bottom:var(--spacing-md)}.award-modal-content h3{font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.award-modal-content .award-amount{font-size:1.25rem;font-weight:600;color:var(--color-success);margin:0 0 var(--spacing-md) 0}.award-modal-content .award-note{font-size:.8125rem;color:var(--text-muted);margin:0}.responses-list-scrollable{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:70vh;overflow-y:auto;padding-right:var(--spacing-sm)}.responses-list-scrollable::-webkit-scrollbar{width:6px}.responses-list-scrollable::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.responses-list-scrollable::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.responses-list-scrollable::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.response-card-new{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-fast);flex-wrap:wrap}.response-card-new:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.response-card-new.selected{border-color:var(--color-primary);background:#1869ff08}.star-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-fast)}.star-btn:hover{color:var(--color-warning);transform:scale(1.1)}.star-btn.starred{color:var(--color-warning)}.response-vendor-section{display:flex;align-items:center;gap:var(--spacing-sm);min-width:200px;flex:1}.response-vendor-info{display:flex;flex-direction:column;gap:2px}.response-vendor-name{font-weight:600;font-size:.9375rem;color:var(--text-primary);display:flex;align-items:center;gap:4px}.response-vendor-name .lock-icon{color:var(--text-muted)}.response-bid-amount{font-size:.8125rem;color:var(--color-success);font-weight:500}.response-quick-stats{display:flex;gap:var(--spacing-lg)}.quick-stat{display:flex;flex-direction:column;gap:2px;text-align:center;min-width:70px}.quick-stat .stat-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.quick-stat .stat-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.quick-stat .stat-value.score{color:var(--color-primary)}.response-actions-new{display:flex;align-items:center;gap:var(--spacing-xs);margin-left:auto}.response-actions-new .btn{display:inline-flex;align-items:center;gap:4px}.response-actions-new .text-error{color:var(--color-error)}.response-actions-new .text-error:hover{background:#ef44441a}.expand-chat-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast)}.expand-chat-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.response-chat-history{width:100%;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);animation:fadeIn var(--transition-fast) ease}.response-chat-history h5{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0}.chat-history-scroll{max-height:200px;overflow-y:auto;padding-right:var(--spacing-xs);display:flex;flex-direction:column;gap:var(--spacing-sm)}.chat-history-scroll::-webkit-scrollbar{width:4px}.chat-history-scroll::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:2px}.chat-history-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.chat-history-item{padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-md);border-left:3px solid var(--border-color)}.chat-history-item.client{border-left-color:var(--color-primary);background:#1869ff0d}.chat-history-item.vendor{border-left-color:var(--color-secondary);background:#d4a57414}.chat-history-item.system{border-left-color:var(--text-muted);background:var(--bg-tertiary)}.chat-history-sender{font-size:.75rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.chat-history-text{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.chat-history-time{font-size:.6875rem;color:var(--text-muted);margin-top:4px}.response-card-new .response-status-badge{flex-shrink:0}.responses-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.response-card-v2{display:flex;flex-direction:column;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all var(--transition-fast)}.response-card-v2:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.response-card-v2.selected{border-color:var(--color-primary);background:#1869ff0a;box-shadow:0 0 0 2px #1869ff33}.card-header-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.response-checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.response-card-v2 .star-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;transition:all var(--transition-fast)}.response-card-v2 .star-btn:hover{color:var(--color-warning);transform:scale(1.1)}.response-card-v2 .star-btn.starred{color:var(--color-warning)}.response-card-v2 .response-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-purple));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.vendor-name-bid{display:flex;flex-direction:column;flex:1;min-width:0}.vendor-name-bid .vendor-name{font-weight:600;font-size:.9375rem;color:var(--text-primary);display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-name-bid .vendor-name svg{color:var(--text-muted);flex-shrink:0}.vendor-name-bid .vendor-bid{font-size:1rem;font-weight:700;color:var(--color-success)}.score-badge-circle{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#1869ff26,#8b5cf626);border:2px solid var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.score-badge-circle span{font-size:.8125rem;font-weight:700;color:var(--color-primary)}.card-info-row{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.card-info-row .info-item{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-secondary)}.card-info-row .info-item svg{color:var(--text-muted)}.card-actions-row{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.card-actions-row .btn{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:6px 10px}.card-actions-row .text-error{color:var(--color-error)}.card-actions-row .text-error:hover{background:#ef44441a}.orders-page{animation:fadeIn var(--transition-slow) ease-out}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-lg)}.tab-badge{position:absolute;top:4px;right:0;background:var(--color-error);color:#fff;font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}.stat-box-clickable{cursor:pointer;transition:all var(--transition-fast)}.stat-box-clickable:hover{border-color:var(--color-primary);background:#4267b208;transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-box-clickable:active{transform:translateY(0)}.stat-box-active{border-color:var(--color-primary);background:#4267b214;box-shadow:0 0 0 3px #4267b226}.stat-box-alert{border-color:var(--color-error);background:#ef44440d}.filter-bar{display:flex;align-items:center;gap:var(--spacing-md)}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-muted)}.search-input{padding:8px 12px 8px 40px;font-size:.875rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:220px;transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary)}.filter-select{padding:8px 32px 8px 12px;font-size:.875rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.action-buttons{display:flex;align-items:center;gap:var(--spacing-xs)}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius-md);border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.icon-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.row-overdue{background:#ef44440d!important}.create-po-section{animation:fadeIn var(--transition-fast) ease-out}.section-title{font-size:1.25rem;font-weight:600;color:var(--color-stone);margin-bottom:var(--spacing-lg)}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.create-mode-selection{text-align:center}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);max-width:800px;margin:0 auto}@media(max-width:768px){.mode-cards{grid-template-columns:1fr}}.mode-card{padding:var(--spacing-xl);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;text-align:center}.mode-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.mode-icon{width:64px;height:64px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:var(--text-muted)}.mode-icon-primary{background:#2563eb1a;color:var(--color-primary)}.mode-card h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-xs)}.mode-card p{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.mode-features{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:.8125rem;color:var(--text-muted);margin-bottom:var(--spacing-md)}.mode-btn{width:100%;justify-content:center}.mode-badge{position:absolute;top:-10px;right:-10px;background:var(--color-success);color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:12px}.awarded-selection{animation:fadeIn var(--transition-fast) ease-out}.awarded-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-lg)}.awarded-card{transition:all var(--transition-fast)}.awarded-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.awarded-card-used{opacity:.7}.awarded-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.awarded-card-header h3{font-size:1rem;font-weight:600;margin-top:var(--spacing-xs)}.rfx-reference{font-size:.8125rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.awarded-amount{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.awarded-details{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.detail-row span:first-child{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-muted)}.po-exists-notice{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#22c55e1a;color:var(--color-success);border-radius:var(--border-radius-md);font-size:.8125rem;font-weight:500}.full-width-btn{width:100%;justify-content:center}.source-info-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#2563eb0d;border:1px solid rgba(37,99,235,.2);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.source-info-icon{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.source-info-content{flex:1;display:flex;flex-direction:column;gap:2px}.source-info-content strong{font-size:.9375rem}.source-info-content span{font-size:.8125rem;color:var(--text-secondary)}.create-po-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.justification-card{border-color:var(--color-warning);border-width:2px;background:#eab30805}.justification-info{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#eab3081a;border-radius:var(--border-radius-md);border-left:3px solid var(--color-warning)}.line-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.line-items-header{display:grid;grid-template-columns:1fr 80px 120px 100px 36px;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.line-item-row{display:grid;grid-template-columns:1fr 80px 120px 100px 36px;gap:var(--spacing-sm);align-items:flex-start}.line-item-row .input-wrapper{flex:1}.line-item-total{min-width:100px;padding:10px 14px;background:var(--bg-secondary);border-radius:var(--border-radius-md);font-weight:600;text-align:right}.remove-item-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius-md)}.remove-item-btn:hover{background:#ef44441a;color:var(--color-error)}.line-items-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.total-amount{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem}.total-amount strong{font-size:1.25rem;color:var(--color-primary)}.tracking-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tracking-summary-card{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.tracking-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}@media(max-width:768px){.tracking-stats{grid-template-columns:repeat(2,1fr)}}.tracking-stat{display:flex;align-items:center;gap:var(--spacing-md)}.tracking-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.tracking-stat-icon.pending{background:#eab30826;color:var(--color-warning)}.tracking-stat-icon.shipped{background:#3b82f626;color:var(--color-info)}.tracking-stat-icon.delivered{background:#22c55e26;color:var(--color-success)}.tracking-stat-icon.overdue{background:#ef444426;color:var(--color-error)}.tracking-stat-info{display:flex;flex-direction:column}.tracking-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-stone)}.tracking-stat-label{font-size:.8125rem;color:var(--text-muted)}.tracking-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-lg)}.tracking-card{transition:all var(--transition-fast)}.tracking-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tracking-card-overdue{border-color:var(--color-error);border-width:2px}.tracking-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.tracking-po-id{font-size:.75rem;color:var(--color-primary);font-weight:600}.tracking-vendor{font-size:1rem;font-weight:600;margin-top:2px}.tracking-info-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.tracking-info-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;color:var(--text-secondary)}.days-indicator{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:.8125rem;font-weight:500;margin-bottom:var(--spacing-md)}.days-indicator.normal{background:#3b82f61a;color:var(--color-info)}.days-indicator.urgent{background:#eab30826;color:var(--color-warning)}.days-indicator.overdue{background:#ef444426;color:var(--color-error)}.mini-timeline{border-left:2px solid var(--border-color);padding-left:var(--spacing-md);margin-bottom:var(--spacing-md)}.mini-timeline-item{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-xs) 0;position:relative}.mini-timeline-item:before{content:"";position:absolute;left:calc(-1 * var(--spacing-md) - 5px);top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--border-color)}.mini-timeline-item:last-child:before{background:var(--color-primary)}.mini-timeline-date{font-size:.6875rem;color:var(--text-muted)}.mini-timeline-note{font-size:.75rem;color:var(--text-secondary)}.tracking-card-actions{display:flex;gap:var(--spacing-xs);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.delivered-summary{margin-top:var(--spacing-md)}.delivered-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.delivered-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.delivered-item-info{display:flex;align-items:center;gap:var(--spacing-sm)}.delivered-icon{color:var(--color-success)}.delivered-item-meta{display:flex;align-items:center;gap:var(--spacing-lg);font-size:.8125rem;color:var(--text-muted)}.notifications-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.notifications-header{margin-bottom:var(--spacing-sm)}.notifications-header h2{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs)}.notifications-header p{color:var(--text-secondary);font-size:.875rem}.notification-group{margin-bottom:var(--spacing-lg)}.notification-group-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.notification-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.notification-card{border-left:4px solid var(--border-color);transition:all var(--transition-fast)}.notification-card:hover{transform:translate(4px)}.notification-high{border-left-color:var(--color-error);background:#ef444405}.notification-medium{border-left-color:var(--color-warning);background:#eab30805}.notification-low{border-left-color:var(--color-info);background:#3b82f605}.notification-overdue{border-left-color:var(--color-error);background:#ef444405}.notification-urgent{border-left-color:var(--color-warning);background:#eab30805}.notification-upcoming{border-left-color:var(--color-info)}.notification-group-title{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.notification-group-high{color:var(--color-error)}.notification-group-medium{color:var(--color-warning)}.notification-group-low{color:var(--color-info)}.notification-card-header{display:flex;align-items:flex-start;gap:var(--spacing-md)}.notification-icon-wrapper{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ef444426;color:var(--color-error);flex-shrink:0}.notification-icon-high{background:#ef444426;color:var(--color-error)}.notification-icon-medium{background:#eab30826;color:var(--color-warning)}.notification-icon-low,.notification-upcoming .notification-icon-wrapper,.notification-icon-wrapper.upcoming{background:#3b82f626;color:var(--color-info)}.notification-info{flex:1}.notification-order-id{font-size:.75rem;color:var(--color-primary);font-weight:600}.notification-info h4{font-size:1rem;font-weight:600;margin:2px 0}.notification-info p{font-size:.875rem;color:var(--text-secondary)}.notification-details{display:flex;gap:var(--spacing-lg);margin:var(--spacing-md) 0;padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.notification-details span{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8125rem;color:var(--text-secondary)}.notification-actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.tracker-integration-card{background:linear-gradient(135deg,#2563eb0d,#2563eb05);border-color:#2563eb33}.tracker-info-text{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.tracker-status-flow{display:flex;align-items:center;justify-content:center;gap:0;padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--border-radius-lg)}.tracker-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.tracker-step-dot{width:16px;height:16px;border-radius:50%;background:var(--border-color)}.tracker-step-dot.active{background:var(--color-success)}.tracker-step span{font-size:.75rem;color:var(--text-muted)}.tracker-step-line{width:40px;height:2px;background:var(--border-color);margin:0 var(--spacing-xs);margin-bottom:20px}.po-details{display:flex;flex-direction:column;gap:var(--spacing-lg)}.po-header-info{display:flex;justify-content:space-between;align-items:flex-start}.po-header-info h3{margin:0;font-size:1.25rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:.9375rem;color:var(--text-primary)}.po-line-items-section{padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.po-line-items-section h4{font-size:.9375rem;font-weight:600;margin-bottom:var(--spacing-md)}.order-timeline{padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--border-radius-lg)}.timeline-track{display:flex;align-items:center;justify-content:space-between}.timeline-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.timeline-dot{width:16px;height:16px;border-radius:50%;background:var(--border-color);position:relative}.timeline-step.active .timeline-dot{background:var(--color-success)}.timeline-step.active .timeline-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.timeline-step span{font-size:.75rem;color:var(--text-muted)}.timeline-step.active span{color:var(--color-success);font-weight:500}.delivery-timeline-vertical{position:relative;padding-left:var(--spacing-lg)}.delivery-timeline-vertical:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:var(--border-color)}.timeline-entry{position:relative;padding-bottom:var(--spacing-md)}.timeline-entry:last-child{padding-bottom:0}.timeline-entry-dot{position:absolute;left:calc(-1 * var(--spacing-lg) + 2px);top:0;width:10px;height:10px;border-radius:50%;background:var(--border-color);border:2px solid var(--bg-primary)}.timeline-entry.current .timeline-entry-dot{background:var(--color-primary);width:12px;height:12px;left:calc(-1 * var(--spacing-lg) + 1px)}.timeline-entry-content{display:flex;flex-direction:column;gap:2px}.timeline-entry-date{font-size:.6875rem;color:var(--text-muted)}.timeline-entry-status{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.timeline-entry-note{font-size:.8125rem;color:var(--text-secondary)}.update-status-form,.extend-date-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.current-date-info{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);font-size:.875rem}.tracker-sync-notice{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#2563eb0d;border:1px solid rgba(37,99,235,.2);border-radius:var(--border-radius-md);font-size:.8125rem;color:var(--color-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;color:var(--text-muted)}.empty-state svg{margin-bottom:var(--spacing-md)}.empty-state .success-icon{color:var(--color-success)}.empty-state h3{font-size:1.125rem;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.empty-state p{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.empty-text{text-align:center;color:var(--text-muted);font-size:.875rem;padding:var(--spacing-lg)}.tracking-info-banner{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.tracking-info-banner>svg{flex-shrink:0;color:var(--color-info)}.tracking-info-banner strong{display:block;margin-bottom:var(--spacing-xs)}.tracking-info-banner p{font-size:.875rem;color:var(--text-secondary);margin:0}.manual-po-wizard{animation:fadeIn var(--transition-fast) ease-out}.wizard-progress{display:flex;align-items:flex-start;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg)}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);min-width:120px;position:relative}.wizard-step-icon{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.wizard-step.active .wizard-step-icon{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.wizard-step.completed .wizard-step-icon{background:var(--color-success);border-color:var(--color-success);color:#fff}.wizard-step-info{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.wizard-step-title{font-size:.8125rem;font-weight:600;color:var(--text-muted)}.wizard-step.active .wizard-step-title{color:var(--color-primary)}.wizard-step.completed .wizard-step-title{color:var(--color-success)}.wizard-step-desc{font-size:.6875rem;color:var(--text-muted)}.wizard-step-line{position:absolute;top:20px;left:calc(50% + 30px);width:calc(100% - 20px);height:2px;background:var(--border-color)}.wizard-step.completed .wizard-step-line{background:var(--color-success)}.wizard-card{margin-bottom:var(--spacing-md)}.wizard-nav{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.justification-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.justification-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.justification-option:hover{background:var(--bg-primary);border-color:var(--border-color)}.justification-option.selected{background:#2563eb0d;border-color:var(--color-primary)}.justification-option-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.justification-option.selected .justification-option-radio{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.po-summary{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-lg)}.po-summary h4{font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.summary-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.summary-item span{font-size:.75rem;color:var(--text-muted)}.summary-item strong{font-size:.9375rem}.summary-total{color:var(--color-primary);font-size:1.125rem!important}.p-0{padding:0!important}.analytics-page{animation:fadeIn var(--transition-slow) ease-out}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-xl)}.date-range-selector{display:flex;gap:2px;background:var(--bg-secondary);padding:4px;border-radius:var(--border-radius-md)}.range-btn{padding:6px 16px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.range-btn:hover{color:var(--text-primary)}.range-btn.active{background:var(--bg-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{transition:all var(--transition-fast)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.kpi-icon{width:40px;height:40px;border-radius:var(--border-radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;display:flex;align-items:center;justify-content:center}.kpi-change{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;padding:4px 8px;border-radius:var(--border-radius-sm)}.kpi-change.up{color:var(--color-success);background:#10b9811a}.kpi-change.down{color:var(--color-error);background:#ef44441a}.kpi-value{font-size:1.75rem;font-weight:700;color:var(--color-stone);margin-bottom:4px}.kpi-label{font-size:.8125rem;color:var(--text-muted)}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media(max-width:1000px){.analytics-grid{grid-template-columns:1fr}}.chart-card{min-height:320px}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:200px;padding-top:var(--spacing-md);gap:4px}.bar-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;height:100%}.bar{width:100%;max-width:32px;min-height:4px;background:linear-gradient(to top,var(--color-primary),var(--color-secondary));border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;position:relative;transition:all var(--transition-fast);cursor:pointer}.bar:hover{transform:scaleY(1.02);filter:brightness(1.1)}.bar-tooltip{position:absolute;top:-28px;left:50%;transform:translate(-50%);font-size:.6875rem;font-weight:600;color:#fff;background:var(--color-stone);padding:4px 8px;border-radius:var(--border-radius-sm);white-space:nowrap;opacity:0;transition:opacity var(--transition-fast);z-index:10}.bar-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-stone)}.bar:hover .bar-tooltip{opacity:1}.bar-label{margin-top:var(--spacing-xs);font-size:.6875rem;color:var(--text-muted)}.category-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.category-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.category-info{display:flex;align-items:center;gap:var(--spacing-sm)}.category-color{width:12px;height:12px;border-radius:3px}.category-name{font-size:.875rem;color:var(--text-primary)}.category-values{display:flex;justify-content:space-between;font-size:.8125rem}.category-amount{color:var(--text-secondary)}.category-percentage{font-weight:600;color:var(--text-primary)}.category-bar{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.category-bar-fill{height:100%;border-radius:3px;transition:width var(--transition-slow)}.vendors-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.vendor-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:background var(--transition-fast)}.vendor-row:hover{background:var(--bg-secondary)}.vendor-rank{width:24px;height:24px;border-radius:var(--border-radius-sm);background:var(--bg-secondary);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.vendor-info{flex:1}.vendor-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.vendor-stats{display:flex;gap:var(--spacing-md);font-size:.75rem;color:var(--text-muted)}.vendor-spend{font-weight:600;color:var(--color-primary)}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:background var(--transition-fast)}.activity-item:hover{background:var(--bg-secondary)}.activity-icon{width:32px;height:32px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.po{background:#1869ff1a;color:var(--color-primary)}.activity-icon.rfx{background:#10b9811a;color:var(--color-success)}.activity-icon.request{background:#f59e0b1a;color:var(--color-warning)}.activity-icon.vendor{background:#8b5cf61a;color:#8b5cf6}.activity-content{flex:1}.activity-message{font-size:.875rem;color:var(--text-primary);margin:0}.activity-time{font-size:.75rem;color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.category-count{font-size:.75rem;color:var(--text-muted);margin-left:auto}.analytics-row{margin-top:var(--spacing-xl)}.priority-card{max-width:600px}.priority-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.priority-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);border-radius:var(--border-radius-md);background:var(--bg-secondary)}.priority-item .priority-count{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs)}.priority-item .priority-label{font-size:.75rem;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.priority-item.critical{background:#ef44441a}.priority-item.critical .priority-count{color:#ef4444}.priority-item.critical .priority-label{color:#dc2626}.priority-item.high{background:#f59e0b1a}.priority-item.high .priority-count{color:#f59e0b}.priority-item.high .priority-label{color:#d97706}.priority-item.medium{background:#1869ff1a}.priority-item.medium .priority-count{color:#1869ff}.priority-item.medium .priority-label{color:#1d4ed8}.priority-item.low{background:#6b72801a}.priority-item.low .priority-count{color:#6b7280}.priority-item.low .priority-label{color:#4b5563}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.empty-state p{margin:0;font-size:.875rem}.category-chart-wrapper{display:flex;flex-direction:column;gap:var(--spacing-lg)}.donut-chart-container{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl)}.donut-chart{position:relative;width:160px;height:160px;flex-shrink:0}.donut-chart svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-segment{transition:opacity var(--transition-fast);cursor:pointer}.donut-segment:hover{opacity:.8;filter:brightness(1.1)}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.donut-center .total-count{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.donut-center .total-label{font-size:.75rem;color:var(--text-muted);margin-top:2px}.category-legend{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:background var(--transition-fast);cursor:pointer}.legend-item:hover{background:var(--bg-secondary)}.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-info{flex:1;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.legend-name{font-size:.875rem;color:var(--text-primary)}.legend-value{display:flex;align-items:center;gap:var(--spacing-sm)}.legend-count{font-size:.875rem;font-weight:600;color:var(--text-primary)}.legend-percentage{font-size:.75rem;color:var(--text-muted);min-width:36px;text-align:right}.chart-summary{display:flex;justify-content:center;gap:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.chart-summary .summary-item{text-align:center}.chart-summary .summary-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.chart-summary .summary-label{font-size:.75rem;color:var(--text-muted)}@media(max-width:600px){.priority-grid{grid-template-columns:repeat(2,1fr)}.header-actions{flex-direction:column;align-items:flex-start}.donut-chart-container{flex-direction:column}.donut-chart{width:140px;height:140px}}.vendor-page{animation:fadeIn var(--transition-slow) ease-out}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.page-title{font-size:1.5rem;font-weight:700;color:var(--color-stone);margin-bottom:var(--spacing-xs)}.page-subtitle{font-size:.875rem;color:var(--text-secondary)}.vendor-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);font-weight:500;color:var(--text-primary)}.tabs{display:flex;gap:var(--spacing-xs);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast);position:relative}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;font-size:.6875rem;font-weight:600;background:var(--color-error);color:#fff;border-radius:9px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media(max-width:900px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-box{padding:var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);text-align:center}.stat-box-value{font-size:1.75rem;font-weight:700;color:var(--color-stone)}.stat-box-label{font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.rfx-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.rfx-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.rfx-info{display:flex;flex-direction:column;gap:4px}.rfx-id{font-size:.75rem;font-weight:600;color:var(--color-primary)}.rfx-title{font-weight:500;color:var(--text-primary)}.rfx-deadline{font-size:.75rem;color:var(--text-muted)}.rfx-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.rfx-card{padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md)}.rfx-card.submitted{background:var(--bg-secondary)}.rfx-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.rfx-card-title{margin:var(--spacing-xs) 0 0;font-size:1rem;font-weight:600}.rfx-card-details{display:flex;gap:var(--spacing-lg);font-size:.8125rem;color:var(--text-muted);margin-bottom:var(--spacing-md)}.rfx-card-details span{display:flex;align-items:center;gap:4px}.rfx-card-actions{display:flex;justify-content:space-between;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.orders-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.order-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:background var(--transition-fast)}.order-item:hover{background:var(--bg-secondary)}.order-info{display:flex;flex-direction:column;gap:2px}.order-id{font-size:.75rem;font-weight:600;color:var(--color-primary)}.order-title{font-size:.875rem;color:var(--text-primary)}.order-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.order-amount{font-weight:600}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.order-card{padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all var(--transition-fast)}.order-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.order-card-title{margin:0 0 var(--spacing-md);font-size:1rem;font-weight:600}.order-card-details{display:flex;gap:var(--spacing-lg);font-size:.8125rem;color:var(--text-muted);margin-bottom:var(--spacing-md)}.order-detail{display:flex;align-items:center;gap:4px}.order-card-actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.messages-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.message-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-md);background:var(--bg-secondary);transition:all var(--transition-fast)}.message-item:hover{background:var(--bg-tertiary)}.message-item.unread{background:#1869ff0d;border-left:3px solid var(--color-primary)}.message-avatar{width:40px;height:40px;border-radius:var(--border-radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.message-content{flex:1}.message-header{display:flex;justify-content:space-between;margin-bottom:4px}.message-from{font-weight:500;color:var(--text-primary)}.message-date{font-size:.75rem;color:var(--text-muted)}.message-subject{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:4px}.message-preview{font-size:.8125rem;color:var(--text-secondary);margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.empty-state{text-align:center;color:var(--text-muted);padding:var(--spacing-xl)}.vendor-portal{min-height:100vh;background:var(--bg-secondary)}.vendor-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.vendor-profile{display:flex;align-items:center;gap:var(--spacing-md)}.vendor-avatar-large{width:64px;height:64px;border-radius:var(--border-radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.vendor-info h1{margin:0;font-size:1.5rem;color:var(--color-stone)}.vendor-category{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.vendor-rating{display:flex;align-items:center;gap:var(--spacing-xs)}.vendor-rating .stars{color:#f59e0b;font-size:.875rem}.vendor-rating .rating-value{font-weight:600;color:var(--text-primary)}.vendor-badges{display:flex;gap:var(--spacing-sm)}.cert-badge{padding:var(--spacing-xs) var(--spacing-sm);background:#10b9811a;color:#059669;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500}.vendor-nav{display:flex;gap:var(--spacing-xs);padding:0 var(--spacing-xl);background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.nav-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-fast);position:relative}.nav-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.nav-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.6875rem;font-weight:600;background:var(--color-error);color:#fff;border-radius:10px}.vendor-content{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.vendor-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}@media(max-width:1000px){.vendor-stats-grid{grid-template-columns:repeat(2,1fr)}}.vendor-stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)}.vendor-stat-card .stat-icon{width:48px;height:48px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center}.vendor-stat-card .stat-icon.invitations{background:#f59e0b1a;color:#f59e0b}.vendor-stat-card .stat-icon.review{background:#3b82f61a;color:#3b82f6}.vendor-stat-card .stat-icon.awarded{background:#10b9811a;color:#10b981}.vendor-stat-card .stat-icon.revenue{background:#8b5cf61a;color:#8b5cf6}.vendor-stat-card .stat-content{display:flex;flex-direction:column}.vendor-stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--color-stone)}.vendor-stat-card .stat-label{font-size:.8125rem;color:var(--text-secondary)}.dashboard-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}@media(max-width:1200px){.dashboard-sections{grid-template-columns:1fr}}.dashboard-column{display:flex;flex-direction:column}.dashboard-card{height:100%}.dashboard-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.dashboard-card .card-header h3{margin:0;font-size:1rem;font-weight:600}.invitation-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.invitation-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.invitation-info{display:flex;flex-direction:column;gap:2px}.invitation-title{font-weight:500;font-size:.875rem}.invitation-deadline{font-size:.75rem;color:var(--text-muted)}.order-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.order-list .order-item{padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-md);cursor:pointer}.message-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.message-list .message-avatar{width:32px;height:32px;font-size:.75rem}.message-list .message-content{display:flex;flex-direction:column;gap:2px}.message-list .message-from{font-size:.875rem}.message-list .message-preview{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.6875rem;font-weight:600;background:var(--color-primary);color:#fff;border-radius:10px}.empty-message{color:var(--text-muted);font-size:.875rem;text-align:center;padding:var(--spacing-lg)}.vendor-rfx{display:flex;flex-direction:column;gap:var(--spacing-lg)}.section-header{margin-bottom:var(--spacing-md)}.section-header h2{margin:0;font-size:1.25rem;color:var(--color-stone)}.rfx-section{padding:var(--spacing-lg)}.rfx-section h3{margin:0 0 var(--spacing-md);font-size:1rem;font-weight:600}.invitations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.invitation-card{padding:var(--spacing-lg)}.invitation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.rfx-type{font-size:.75rem;font-weight:600;color:var(--text-muted)}.invitation-card h4{margin:0 0 var(--spacing-xs);font-size:1rem}.invitation-description{font-size:.8125rem;color:var(--text-secondary);margin:0 0 var(--spacing-md);line-height:1.5}.invitation-details{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius-sm)}.detail-label{color:var(--text-muted)}.detail-value{font-weight:500}.detail-value.deadline{color:var(--color-warning)}.invitation-actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.responses-table{width:100%;border-collapse:collapse}.responses-table th,.responses-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.responses-table th{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;background:var(--bg-secondary)}.responses-table td{font-size:.875rem}.score-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:#10b9811a;color:#059669;border-radius:var(--border-radius-sm);font-weight:600;font-size:.75rem}.pending-score{font-size:.75rem;color:var(--text-muted);font-style:italic}.empty-cell{text-align:center;color:var(--text-muted);padding:var(--spacing-lg)!important}.vendor-orders{display:flex;flex-direction:column;gap:var(--spacing-lg)}.po-card{padding:var(--spacing-lg)}.po-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.po-id-section{display:flex;align-items:center;gap:var(--spacing-sm)}.po-id{font-weight:700;color:var(--color-primary)}.po-amount{font-size:1.25rem;font-weight:700;color:var(--color-stone)}.po-card h4{margin:0 0 var(--spacing-xs);font-size:1rem}.po-client{font-size:.8125rem;color:var(--text-secondary);margin:0 0 var(--spacing-md)}.po-dates{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.date-item{display:flex;flex-direction:column;gap:2px}.date-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase}.date-value{font-weight:500;font-size:.875rem}.po-timeline-mini{display:flex;align-items:center;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0}.timeline-step{display:flex;align-items:center;flex:1}.step-dot{width:12px;height:12px;border-radius:50%;background:var(--border-color);border:2px solid white;box-shadow:0 0 0 2px var(--border-color)}.timeline-step.completed .step-dot{background:var(--color-success);box-shadow:0 0 0 2px var(--color-success)}.step-line{flex:1;height:2px;background:var(--border-color);margin:0 -2px}.timeline-step.completed .step-line{background:var(--color-success)}.po-actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.vendor-communication{display:flex;flex-direction:column;gap:var(--spacing-lg)}.chat-container{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-md);height:500px;background:var(--bg-primary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);overflow:hidden}.chat-sidebar{border-right:1px solid var(--border-color);display:flex;flex-direction:column}.chat-search{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.chat-threads{flex:1;overflow-y:auto}.chat-thread{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast)}.chat-thread:hover{background:var(--bg-secondary)}.thread-avatar{width:40px;height:40px;border-radius:var(--border-radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.thread-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.thread-name{font-weight:500;font-size:.875rem}.thread-rfx{font-size:.75rem;color:var(--text-muted)}.thread-preview{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-unread{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.6875rem;font-weight:600;background:var(--color-primary);color:#fff;border-radius:10px}.chat-main{display:flex;flex-direction:column}.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:var(--spacing-md)}.quote-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.quote-header{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.quote-header h4{margin:0 0 var(--spacing-xs)}.quote-header p{margin:0;font-size:.8125rem;color:var(--text-muted)}.quote-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.quote-form .form-group.full-width{grid-column:1 / -1}.quote-form textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-family:inherit;font-size:.875rem;resize:vertical}.file-upload{position:relative}.file-upload input[type=file]{position:absolute;opacity:0;width:0;height:0}.file-label{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.file-label:hover{background:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.order-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.order-details .order-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.order-details .order-header h4{margin:0 0 var(--spacing-xs)}.order-total{font-size:1.25rem;font-weight:700;color:var(--color-stone)}.order-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md)}.info-item{display:flex;flex-direction:column;gap:2px}.info-item label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase}.info-item span{font-weight:500}.order-items{padding:var(--spacing-md) 0}.order-items h5{margin:0 0 var(--spacing-sm);font-size:.875rem}.order-items table{width:100%;border-collapse:collapse}.order-items th,.order-items td{padding:var(--spacing-xs) var(--spacing-sm);text-align:left;border-bottom:1px solid var(--border-color);font-size:.8125rem}.order-items th{color:var(--text-muted);font-weight:500}.delivery-timeline{padding:var(--spacing-md) 0}.delivery-timeline h5{margin:0 0 var(--spacing-md);font-size:.875rem}.timeline{display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:var(--spacing-md)}.timeline-item{display:flex;align-items:flex-start;gap:var(--spacing-md);position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:7px;top:20px;bottom:-20px;width:2px;background:var(--border-color)}.timeline-item.completed:not(:last-child):before{background:var(--color-success)}.timeline-marker{width:16px;height:16px;border-radius:50%;background:var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.timeline-item.completed .timeline-marker{background:var(--color-success);color:#fff}.marker-dot{width:6px;height:6px;border-radius:50%;background:#fff}.timeline-content{display:flex;flex-direction:column;gap:2px}.timeline-status{font-weight:500;font-size:.875rem}.timeline-date{font-size:.75rem;color:var(--text-muted)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);margin-top:var(--spacing-md)}.vendor-dashboard-page,.vendor-rfx-page,.vendor-orders-page,.vendor-messages-page{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stats-grid{grid-template-columns:1fr}}.stat-card{display:flex;align-items:center;gap:16px;padding:20px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:#1869ff1a;color:#1869ff}.stat-icon.yellow{background:#f59e0b1a;color:#f59e0b}.stat-icon.green{background:#10b9811a;color:#10b981}.stat-icon.purple{background:#8b5cf61a;color:#8b5cf6}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:#1f2937}.stat-label{font-size:.8125rem;color:#6b7280}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{padding:20px}.dashboard-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dashboard-card .card-header h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.list-items{display:flex;flex-direction:column;gap:12px}.list-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;transition:background .15s ease}.list-item:hover{background:#f3f4f6}.item-info{flex:1;min-width:0}.item-title{display:block;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-subtitle{display:block;font-size:.75rem;color:#6b7280;margin-top:2px}.item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.item-amount{font-weight:600;color:#1f2937}.message-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1869ff,#508dff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0}.unread-dot{width:8px;height:8px;border-radius:50%;background:#1869ff}.empty-message{text-align:center;color:#9ca3af;padding:20px;font-size:.875rem}.section-card{margin-bottom:24px}.section-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #E5E7EB}.section-card .card-header h3{margin:0;font-size:1rem;font-weight:600}.rfx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.rfx-card{padding:20px;border:1px solid #E5E7EB;border-radius:12px;transition:all .15s ease}.rfx-card:hover{border-color:#1869ff;box-shadow:0 4px 12px #1869ff1a}.rfx-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rfx-type{font-size:.75rem;font-weight:600;color:#6b7280}.rfx-title{margin:0 0 8px;font-size:1rem;font-weight:600;color:#1f2937}.rfx-description{font-size:.8125rem;color:#6b7280;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rfx-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;font-size:.8125rem}.detail-label{color:#6b7280}.detail-value{font-weight:500;color:#1f2937}.detail-value.deadline{color:#ef4444}.rfx-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid #E5E7EB}.rfx-actions button{flex:1}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #E5E7EB}.data-table th{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;background:#f9fafb}.data-table td{font-size:.875rem;color:#1f2937}.data-table .font-medium{font-weight:500}.data-table .text-center{text-align:center}.data-table .text-muted{color:#9ca3af}.quote-form{display:flex;flex-direction:column;gap:16px}.order-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:900px){.order-stats{grid-template-columns:repeat(2,1fr)}}.order-stat{padding:20px;text-align:center}.order-stat-value{display:block;font-size:1.5rem;font-weight:700;color:#1f2937}.order-stat-label{display:block;font-size:.8125rem;color:#6b7280;margin-top:4px}.order-detail h4{margin:24px 0 12px;font-size:.875rem;font-weight:600;color:#1f2937}.order-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:768px){.order-info-grid{grid-template-columns:repeat(2,1fr)}}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:.75rem;color:#6b7280}.info-value{font-weight:500;color:#1f2937}.messages-container{display:flex;height:calc(100vh - 180px);min-height:500px;overflow:hidden}.chat-list{width:320px;border-right:1px solid #E5E7EB;display:flex;flex-direction:column}.chat-list-header{padding:16px;border-bottom:1px solid #E5E7EB}.chat-search{width:100%}.chat-items{flex:1;overflow-y:auto}.chat-item{display:flex;gap:12px;padding:16px;cursor:pointer;border-bottom:1px solid #F3F4F6;transition:background .15s ease}.chat-item:hover{background:#f9fafb}.chat-item.active{background:#1869ff14}.chat-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1869ff,#508dff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.chat-info{flex:1;min-width:0}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-name{font-weight:500;color:#1f2937}.chat-time{font-size:.75rem;color:#9ca3af}.chat-preview{display:flex;justify-content:space-between;align-items:center}.chat-last-message{font-size:.8125rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-unread{min-width:20px;height:20px;padding:0 6px;font-size:.6875rem;font-weight:600;background:#1869ff;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center}.chat-window{flex:1;display:flex;flex-direction:column}.chat-window-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #E5E7EB}.chat-window-info{display:flex;flex-direction:column}.chat-window-name{font-weight:500;color:#1f2937}.chat-window-status{font-size:.75rem;color:#10b981}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.message{display:flex}.message.client{justify-content:flex-start}.message.vendor{justify-content:flex-end}.message-bubble{max-width:70%;padding:12px 16px;border-radius:16px}.message.client .message-bubble{background:#f3f4f6;border-bottom-left-radius:4px}.message.vendor .message-bubble{background:#1869ff;color:#fff;border-bottom-right-radius:4px}.message-bubble p{margin:0 0 4px;font-size:.875rem}.message-time{font-size:.6875rem;opacity:.7}.chat-input{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #E5E7EB}.chat-input input{flex:1}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#9ca3af}.empty-icon{width:80px;height:80px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;padding:40px;color:#9ca3af}.super-admin-portal{display:flex;min-height:100vh;background:var(--bg-secondary)}.admin-sidebar{width:260px;min-width:260px;background:#fff;color:#1f2937;display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;z-index:100;border-right:1px solid #E5E7EB;transition:width .3s ease,min-width .3s ease}.admin-sidebar.collapsed{width:72px;min-width:72px}.admin-sidebar .sidebar-header{padding:20px;border-bottom:1px solid #E5E7EB;display:flex;flex-direction:column;align-items:center;gap:12px}.admin-sidebar.collapsed .sidebar-header{padding:16px 12px}.admin-sidebar .sidebar-logo{display:flex;align-items:center;justify-content:center}.admin-sidebar .logo-full{height:32px;width:auto}.admin-sidebar .logo-icon{width:40px;height:40px;object-fit:contain}.admin-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#1869ff1a;color:#1869ff;border-radius:6px;font-size:.75rem;font-weight:600}.admin-sidebar .sidebar-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.admin-sidebar.collapsed .sidebar-nav{padding:8px}.admin-sidebar .nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;color:#4b5563;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%;position:relative}.admin-sidebar.collapsed .nav-item{justify-content:center;padding:12px}.admin-sidebar .nav-item:hover{background:#f3f4f6;color:#1f2937}.admin-sidebar .nav-item.active{background:#1869ff1a;color:#1869ff}.admin-sidebar .nav-badge{position:absolute;right:12px;min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:.6875rem;font-weight:600;border-radius:10px}.admin-sidebar.collapsed .nav-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;font-size:.625rem}.admin-sidebar .sidebar-footer{padding:12px;border-top:1px solid #E5E7EB;display:flex;flex-direction:column;gap:8px}.admin-sidebar.collapsed .sidebar-footer{padding:8px}.admin-sidebar .collapse-btn{color:#9ca3af}.admin-sidebar .collapse-btn:hover{color:#1f2937;background:#f3f4f6}.admin-sidebar .logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:transparent;border:1px solid #E5E7EB;color:#6b7280;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.admin-sidebar.collapsed .logout-btn{padding:12px;border:none}.admin-sidebar .logout-btn:hover{background:#ef444414;border-color:#ef4444;color:#ef4444}.admin-main{flex:1;margin-left:260px;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .3s ease}.super-admin-portal.sidebar-is-collapsed .admin-main{margin-left:72px}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50}.admin-header .header-title{display:flex;align-items:center;gap:12px}.admin-header .mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:#4b5563;cursor:pointer;border-radius:8px}.admin-header .mobile-menu-toggle:hover{background:#f3f4f6}.header-title h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-stone)}.header-actions{display:flex;align-items:center;gap:16px}.current-date{color:var(--text-secondary);font-size:.875rem}.admin-content{flex:1;padding:32px}.admin-dashboard{display:flex;flex-direction:column;gap:32px}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1200px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.admin-stats-grid{grid-template-columns:1fr}}.admin-stat-card{display:flex;align-items:center;gap:16px;padding:24px!important;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px}.admin-stat-card.highlight{border-color:#f59e0b;background:#f59e0b0d}.admin-stat-card .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-stat-card .stat-icon.clients{background:#3b82f61a;color:#3b82f6}.admin-stat-card .stat-icon.vendors{background:#10b9811a;color:#10b981}.admin-stat-card .stat-icon.pending{background:#f59e0b1a;color:#f59e0b}.admin-stat-card .stat-icon.revenue{background:#8b5cf61a;color:#8b5cf6}.admin-stat-card .stat-content{display:flex;flex-direction:column;gap:4px}.admin-stat-card .stat-value{font-size:1.75rem;font-weight:700;color:var(--color-stone);line-height:1}.admin-stat-card .stat-label{font-size:.8125rem;color:var(--text-secondary)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.dashboard-card.full-width{grid-column:1 / -1}.dashboard-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.dashboard-card .card-header h3,.dashboard-card .card-title{margin:0;font-size:1rem;font-weight:600;color:var(--color-stone)}.dashboard-card .card-content{padding:16px 20px}.application-list{display:flex;flex-direction:column;gap:12px}.application-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-radius:8px}.app-info{display:flex;flex-direction:column;gap:4px}.app-company{font-weight:600;color:var(--color-stone)}.app-categories{font-size:.75rem;color:var(--text-secondary)}.app-date{font-size:.6875rem;color:var(--text-muted)}.app-actions{display:flex;gap:8px}.client-list{display:flex;flex-direction:column;gap:12px}.client-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px}.client-avatar{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.client-avatar.large{width:56px;height:56px;font-size:1.125rem;border-radius:12px}.client-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.client-name{font-weight:600;color:var(--color-stone)}.client-industry{font-size:.75rem;color:var(--text-muted)}.client-stats{display:flex;align-items:center;gap:12px;font-size:.75rem;color:var(--text-secondary)}.activity-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.activity-stats{grid-template-columns:1fr}}.activity-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:8px}.activity-item svg{color:var(--color-primary);flex-shrink:0}.activity-item>div{display:flex;flex-direction:column;gap:2px}.activity-value{font-size:1.5rem;font-weight:700;color:var(--color-stone);line-height:1}.activity-label{font-size:.8125rem;color:var(--text-secondary)}.admin-section{display:flex;flex-direction:column;gap:24px}.section-header{margin-bottom:0}.section-header h2{margin:0 0 4px;font-size:1.25rem;font-weight:600;color:var(--color-stone)}.section-header p{margin:0;color:var(--text-secondary);font-size:.875rem}.filter-card{padding:16px 20px!important;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;flex:1;max-width:400px}.search-box svg{color:var(--text-muted);flex-shrink:0}.search-box input{flex:1}.filter-group{display:flex;align-items:center;gap:12px}.filter-select{padding:10px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;background:var(--bg-primary);min-width:150px;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-primary)}.company-cell{display:flex;flex-direction:column;gap:2px}.company-name{font-weight:600;color:var(--color-stone)}.company-country{font-size:.75rem;color:var(--text-muted)}.category-tags{display:flex;flex-wrap:wrap;gap:6px}.category-tag{padding:4px 10px;background:var(--bg-tertiary);border-radius:4px;font-size:.6875rem;color:var(--text-secondary)}.category-more{padding:4px 8px;background:var(--bg-secondary);border-radius:4px;font-size:.6875rem;color:var(--text-muted)}.contact-cell{display:flex;flex-direction:column;gap:2px}.contact-email{font-size:.75rem;color:var(--text-muted)}.action-buttons{display:flex;gap:4px}.action-buttons .approve-btn:hover{color:#10b981!important}.action-buttons .reject-btn:hover{color:#ef4444!important}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.client-card{padding:24px!important;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px}.client-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.client-title{flex:1;min-width:0}.client-title h3{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:var(--color-stone)}.client-industry-tag{display:inline-block;padding:4px 10px;background:var(--bg-secondary);border-radius:4px;font-size:.75rem;color:var(--text-secondary)}.client-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;background:var(--bg-secondary);border-radius:8px}.client-details .detail-row{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--text-secondary)}.client-details .detail-row svg{color:var(--text-muted);flex-shrink:0}.client-plan{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.plan-badge{padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600}.plan-badge.enterprise{background:#8b5cf61a;color:#8b5cf6}.plan-badge.professional{background:#3b82f61a;color:#3b82f6}.member-since{font-size:.75rem;color:var(--text-muted)}.suspension-notice{display:flex;align-items:center;gap:8px;padding:12px;background:#ef44441a;color:#ef4444;border-radius:8px;font-size:.8125rem;margin-bottom:16px}.client-actions{display:flex;gap:12px}.client-actions button{flex:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-muted)}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state h3{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:var(--color-stone)}.empty-state p{margin:0;font-size:.875rem;max-width:300px}.application-details{display:flex;flex-direction:column;gap:24px}.detail-section{display:flex;flex-direction:column;gap:12px}.detail-section h4{margin:0;font-size:.875rem;font-weight:600;color:var(--color-stone);padding-bottom:8px;border-bottom:1px solid var(--border-color)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:.875rem;color:var(--color-stone)}.cert-list{display:flex;flex-wrap:wrap;gap:8px}.cert-badge{padding:6px 12px;background:#10b9811a;color:#059669;border-radius:6px;font-size:.75rem;font-weight:500}.description-text{font-size:.875rem;line-height:1.6;color:var(--text-secondary)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--border-color);margin-top:8px}.rejection-form{display:flex;flex-direction:column;gap:16px}.rejection-form label{font-size:.875rem;font-weight:500;color:var(--color-stone)}.rejection-form textarea{width:100%;min-height:120px;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:.875rem;resize:vertical}.rejection-form textarea:focus{outline:none;border-color:var(--color-primary)}@media(max-width:768px){.super-admin-portal{display:block}.admin-sidebar{width:100%;position:relative;height:auto}.admin-main{margin-left:0}.admin-header{padding:16px;flex-direction:column;gap:8px}.admin-content{padding:16px}.filter-row{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filter-group{flex-wrap:wrap}.detail-grid{grid-template-columns:1fr}}.client-form{display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:16px}.form-section h4{margin:0;font-size:.9375rem;font-weight:600;color:var(--color-stone);padding-bottom:8px;border-bottom:1px solid var(--border-color)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .full-width{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.form-select{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;background:var(--bg-primary);cursor:pointer;transition:border-color .15s ease}.form-select:focus{outline:none;border-color:var(--color-primary)}.form-textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:.875rem;resize:vertical;min-height:80px;transition:border-color .15s ease}.form-textarea:focus{outline:none;border-color:var(--color-primary)}.plan-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:768px){.plan-selector{grid-template-columns:1fr}}.plan-option{padding:16px;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease}.plan-option:hover{border-color:var(--color-primary);background:#3b82f605}.plan-option.selected{border-color:var(--color-primary);background:#3b82f60d}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.plan-name{font-weight:600;color:var(--color-stone)}.plan-price{font-size:.875rem;color:var(--color-primary);font-weight:600}.plan-features{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:var(--text-secondary)}.plan-badge.starter{background:#6b72801a;color:#6b7280}.client-details-modal{display:flex;flex-direction:column;gap:24px}.client-detail-header{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.client-header-info{flex:1}.client-header-info h3{margin:0 0 4px;font-size:1.25rem;color:var(--color-stone)}.client-id{font-size:.75rem;color:var(--text-muted)}.detail-item.full-width{grid-column:1 / -1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-box{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:8px}.stat-box svg{color:var(--color-primary);flex-shrink:0}.stat-box>div{display:flex;flex-direction:column;gap:2px}.stat-box .stat-value{font-size:1rem;font-weight:600;color:var(--color-stone)}.stat-box .stat-label{font-size:.6875rem;color:var(--text-muted)}.notes-text{margin:0;padding:12px;background:var(--bg-secondary);border-radius:8px;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.detail-section.suspension{background:#ef44440d;padding:16px;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.detail-section.suspension h4{border:none;padding-bottom:0;color:#ef4444}.suspension-info{display:flex;gap:12px;align-items:flex-start}.suspension-info svg{color:#ef4444;flex-shrink:0;margin-top:2px}.suspension-info p{margin:0 0 4px;font-size:.875rem}.manage-client-modal{display:flex;flex-direction:column;gap:24px}.client-quick-info{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:12px}.client-quick-info h3{margin:0 0 4px;font-size:1.125rem;color:var(--color-stone)}.manage-actions{display:flex;flex-direction:column;gap:8px}.manage-action-btn{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary);cursor:pointer;transition:all .15s ease;text-align:left}.manage-action-btn:hover{border-color:var(--color-primary);background:#3b82f605}.manage-action-btn.warning:hover{border-color:#f59e0b;background:#f59e0b05}.manage-action-btn.warning:hover svg{color:#f59e0b}.manage-action-btn.success:hover{border-color:#10b981;background:#10b98105}.manage-action-btn.success:hover svg{color:#10b981}.manage-action-btn.danger:hover{border-color:#ef4444;background:#ef444405}.manage-action-btn.danger:hover svg{color:#ef4444}.manage-action-btn svg{color:var(--text-muted);flex-shrink:0}.manage-action-btn>div{display:flex;flex-direction:column;gap:2px}.action-title{font-weight:600;color:var(--color-stone)}.action-desc{font-size:.75rem;color:var(--text-muted)}.confirm-modal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.confirm-modal h3{margin:0;font-size:1.125rem;color:var(--color-stone)}.confirm-modal p{margin:0;color:var(--text-secondary);font-size:.875rem;max-width:360px}.confirm-modal .form-group{width:100%;text-align:left}.success-icon{color:#10b981}.warning-icon{color:#f59e0b}.danger-icon{color:#ef4444}.delete-warning-list{width:100%;text-align:left;padding-left:24px;margin:0;color:var(--text-secondary);font-size:.875rem}.delete-warning-list li{margin-bottom:4px}.tags-section{display:flex;flex-direction:column;gap:8px;margin-top:12px}.tags-section label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 12px;background:var(--bg-tertiary);border-radius:6px;font-size:.75rem;color:var(--text-secondary)}.tag.cert{background:#10b9811a;color:#059669}.detail-section.rejection{background:#ef44440d;padding:16px;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.detail-section.rejection h4{border:none;padding-bottom:0;color:#ef4444}.detail-section.rejection p{margin:4px 0 0;font-size:.875rem}.app-detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.app-detail-header h3{margin:0 0 4px;font-size:1.25rem;color:var(--color-stone)}.app-id{font-size:.75rem;color:var(--text-muted)}.detail-sections{display:flex;flex-direction:column;gap:24px}@media(max-width:768px){.admin-sidebar{position:fixed;transform:translate(-100%);z-index:200}.admin-sidebar.show{transform:translate(0)}.admin-sidebar.collapsed{transform:translate(-100%)}.admin-main,.super-admin-portal.sidebar-is-collapsed .admin-main{margin-left:0!important}.admin-header{padding:16px}.admin-header .mobile-menu-toggle{display:flex}.admin-content{padding:16px}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.clients-grid{grid-template-columns:1fr}}@media(max-width:480px){.admin-stats-grid{grid-template-columns:1fr}}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:#4b5563;cursor:pointer;border-radius:8px}.mobile-menu-toggle:hover{background:#f3f4f6}@media(max-width:768px){.mobile-menu-toggle{display:flex}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:150}.sidebar-overlay.show{display:block}