:root{--gradient-primary:linear-gradient(135deg,var(--primary-green) 0%,var(--royal-blue) 50%,var(--ferrari-red) 100%);--gradient-primary-dark:linear-gradient(135deg,var(--primary-green-dark) 0%,var(--royal-blue-dark) 50%,var(--ferrari-red-dark) 100%);--gradient-gold:linear-gradient(135deg,gold,orange);--gradient-gold-light:linear-gradient(135deg,#ffd7001a,#ffa5000d);--gradient-gold-bg:linear-gradient(135deg,#fffbf0,#fff8e1);--gradient-surface:linear-gradient(135deg,#f8f9fa,#e9ecef);--gradient-green-light:linear-gradient(135deg,#e8f5e8,#f0faf0);--gradient-green-subtle:linear-gradient(135deg,#34c7591a,#34c7590d);--gradient-orange:linear-gradient(135deg,#ff9800,#ff5722);--gradient-orange-light:linear-gradient(135deg,#fff3e0,#ffe0b2);--gradient-purple-light:linear-gradient(135deg,#f3e5f5,#e1bee7);--gradient-blue-light:linear-gradient(135deg,#007aff1a,#007aff0d);--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.flex,.flex-row{display:flex}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.bg-gradient-primary{background:linear-gradient(135deg,var(--primary-green) 0,var(--royal-blue) 50%,var(--ferrari-red) 100%);background:var(--gradient-primary)}.bg-gradient-primary-dark{background:linear-gradient(135deg,var(--primary-green-dark) 0,var(--royal-blue-dark) 50%,var(--ferrari-red-dark) 100%);background:var(--gradient-primary-dark)}.bg-gradient-gold{background:linear-gradient(135deg,gold,orange);background:var(--gradient-gold)}.bg-gradient-gold-light{background:linear-gradient(135deg,#ffd7001a,#ffa5000d);background:var(--gradient-gold-light)}.bg-gradient-gold-bg{background:linear-gradient(135deg,#fffbf0,#fff8e1);background:var(--gradient-gold-bg)}.bg-gradient-surface{background:linear-gradient(135deg,#f8f9fa,#e9ecef);background:var(--gradient-surface)}.bg-gradient-green-light{background:linear-gradient(135deg,#e8f5e8,#f0faf0);background:var(--gradient-green-light)}.bg-gradient-green-subtle{background:linear-gradient(135deg,#34c7591a,#34c7590d);background:var(--gradient-green-subtle)}.bg-gradient-orange{background:linear-gradient(135deg,#ff9800,#ff5722);background:var(--gradient-orange)}.bg-gradient-orange-light{background:linear-gradient(135deg,#fff3e0,#ffe0b2);background:var(--gradient-orange-light)}.bg-gradient-purple-light{background:linear-gradient(135deg,#f3e5f5,#e1bee7);background:var(--gradient-purple-light)}.bg-gradient-blue-light{background:linear-gradient(135deg,#007aff1a,#007aff0d);background:var(--gradient-blue-light)}.btn{transition:all var(--transition-normal)}.btn-sm{border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4)}.btn-md{border-radius:var(--radius-lg);font-size:var(--font-size-base);padding:var(--space-3) var(--space-6)}.btn-lg{border-radius:var(--radius-xl);font-size:var(--font-size-lg);padding:var(--space-4) var(--space-8)}.btn-primary{background:linear-gradient(135deg,var(--primary-green) 0,var(--royal-blue) 50%,var(--ferrari-red) 100%);background:var(--gradient-primary)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-green-dark) 0,var(--royal-blue-dark) 50%,var(--ferrari-red-dark) 100%);background:var(--gradient-primary-dark);box-shadow:0 4px 12px #34c7594d}.btn-secondary{background:#0000;border:2px solid var(--primary-green)}.btn-secondary:hover:not(:disabled){background:var(--primary-green);color:#fff}.btn-outline{border:2px solid var(--border);color:var(--text-primary)}.btn-outline:hover:not(:disabled){background:var(--background-secondary);border-color:var(--primary-green)}.btn-ghost{background:var(--primary-green-alpha);border:none;color:var(--primary-green)}.btn-ghost:hover:not(:disabled){background:var(--primary-green);color:#fff}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);border:none}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71e2a)}.btn-gold{background:linear-gradient(135deg,gold,orange);background:var(--gradient-gold);border:none;color:#fff}.btn-gold:hover:not(:disabled){background:linear-gradient(135deg,orange,#ff8c00);transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-loading{color:#0000}.btn-loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}.form-group{margin-bottom:var(--space-4)}.form-input{background:var(--background);color:var(--text-primary);padding:var(--space-3) var(--space-4);transition:all var(--transition-normal)}.form-input.error{border-color:#dc3545}.form-input.error:focus{box-shadow:0 0 0 3px #dc35451a}.form-textarea{min-height:100px;resize:vertical}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--space-10)}.form-error{color:#dc3545}.form-error,.form-help{font-size:var(--font-size-sm);margin-top:var(--space-1)}.form-help{color:var(--text-secondary)}.card{background:var(--background);border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px var(--shadow);overflow:hidden;transition:all .2s ease;transition:all var(--transition-normal)}.card:hover{box-shadow:0 10px 15px -3px var(--shadow);transform:translateY(-2px)}.card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);background:var(--gradient-surface);border-bottom:1px solid var(--border)}.card-body,.card-footer,.card-header{padding:var(--space-6)}.card-footer{background:var(--background-secondary);border-top:1px solid var(--border)}.modal-overlay{animation:fadeIn .2s ease forwards;opacity:0;z-index:1050;z-index:var(--z-modal)}.modal-content{animation:scaleIn .2s ease forwards;background:var(--background);transform:scale(.95)}.modal-sm{max-width:400px;width:90%}.modal-md{max-width:600px;width:90%}.modal-lg{max-width:800px;width:90%}.modal-xl{max-width:1200px;width:95%}.modal-header{background:var(--gradient-surface)}.modal-title{color:var(--text-primary);font-weight:700}.modal-close,.modal-title{font-size:var(--font-size-xl)}.modal-close{transition:all .15s ease;transition:all var(--transition-fast)}.modal-close:hover,.modal-footer{background:var(--background-secondary)}.modal-footer{align-items:center;border-top:1px solid var(--border);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-6)}@keyframes scaleIn{to{transform:scale(1)}}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:600;gap:var(--space-1);letter-spacing:.05em;padding:var(--space-1) var(--space-3);text-transform:uppercase}.badge-primary{background:var(--primary-green-alpha);color:var(--primary-green)}.badge-gold{background:linear-gradient(135deg,#ffd7001a,#ffa5000d);background:var(--gradient-gold-light);color:#b8860b}.badge-success{background:linear-gradient(135deg,#e8f5e8,#f0faf0);background:var(--gradient-green-light);color:#166534}.badge-warning{background:linear-gradient(135deg,#fff3e0,#ffe0b2);background:var(--gradient-orange-light);color:#c2410c}.badge-error{background:#dc35451a;color:#dc3545}.badge-info{background:linear-gradient(135deg,#007aff1a,#007aff0d);background:var(--gradient-blue-light);color:#1e40af}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.transition{transition:all .2s ease;transition:all var(--transition-normal)}.transition-fast{transition:all .15s ease;transition:all var(--transition-fast)}.transition-slow{transition:all .3s ease;transition:all var(--transition-slow)}@media (max-width:640px){.sm\:hidden{display:none}.sm\:flex{display:flex}.sm\:flex-col{flex-direction:column}.sm\:text-sm{font-size:var(--font-size-sm)}.sm\:p-4{padding:var(--space-4)}}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-green-dark:#2fb854;--primary-green-light:#4ed964;--primary-green-alpha:#34c7591a;--royal-blue:#4169e1;--royal-blue-dark:#3a5fcd;--royal-blue-light:#6495ed;--royal-blue-alpha:#4169e11a;--ferrari-red:#ff2800;--ferrari-red-dark:#dc143c;--ferrari-red-light:tomato;--ferrari-red-alpha:#ff28001a;--background:#fff;--background-secondary:#f2f2f7;--background-tertiary:#fff;--text-primary:#000;--text-secondary:#8e8e93;--text-tertiary:#c7c7cc;--border:#e5e5ea;--shadow:#0000001a;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--background);color:#000;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.6}button{border:none;cursor:pointer;font-family:inherit;outline:none}a{color:inherit;text-decoration:none}input,select,textarea{border:none;font-family:inherit;outline:none}.container{padding:0 var(--space-4)}@media (max-width:768px){.container{padding:0 .75rem;padding:0 var(--space-3)}}.notification-container{display:flex;flex-direction:column;gap:var(--space-3);max-width:400px;position:fixed;right:var(--space-6);top:var(--space-6);width:100%;z-index:9999;z-index:var(--z-notification,9999)}.notification{animation:slideIn .3s ease-out;background:var(--background);border-left:4px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;position:relative}.notification-success{border-left-color:var(--primary-green)}.notification-error{border-left-color:#dc3545}.notification-warning{border-left-color:#ffc107}.notification-info{border-left-color:#17a2b8}.notification-confirm{border-left-color:#6f42c1}.notification-content{align-items:flex-start;display:flex;gap:var(--space-3);padding:var(--space-4)}.notification-icon{flex-shrink:0;margin-top:2px}.notification-success .notification-icon{color:var(--primary-green)}.notification-error .notification-icon{color:#dc3545}.notification-warning .notification-icon{color:#ffc107}.notification-info .notification-icon{color:#17a2b8}.notification-confirm .notification-icon{color:#6f42c1}.notification-message{color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);line-height:1.5;word-break:break-word}.notification-close{background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex-shrink:0;margin-top:-2px;padding:var(--space-1);transition:all var(--transition-fast)}.notification-close:hover{background:var(--background-secondary);color:var(--text-primary)}.notification-actions{display:flex;gap:var(--space-2);padding:0 var(--space-4) var(--space-4)}.notification-btn{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.notification-btn-primary{background:var(--primary-green);border-color:var(--primary-green);color:#fff}.notification-btn-primary:hover{background:#0f5132;background:var(--primary-green-dark,#0f5132);border-color:#0f5132;border-color:var(--primary-green-dark,#0f5132)}.notification-btn-secondary{background:var(--background-secondary);border-color:var(--border);color:var(--text-secondary)}.notification-btn-secondary:hover{background:var(--background);border-color:var(--text-secondary);color:var(--text-primary)}.notification-btn-danger{background:#dc3545;border-color:#dc3545;color:#fff}.notification-btn-danger:hover{background:#c82333;border-color:#c82333}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.notification.removing{animation:slideOut .2s ease-in forwards}@media (max-width:768px){.notification-container{left:var(--space-4);max-width:none;right:var(--space-4);top:var(--space-4)}.notification-content{padding:var(--space-3)}.notification-actions{flex-direction:column;padding:0 var(--space-3) var(--space-3)}.notification-btn{justify-content:center;width:100%}}.notification:nth-child(n+4){opacity:.8;transform:scale(.98)}.notification:nth-child(n+6){display:none}[data-theme=dark] .notification{background:#1f2937;background:var(--background-dark,#1f2937);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}[data-theme=dark] .notification-message{color:#f9fafb;color:var(--text-primary-dark,#f9fafb)}[data-theme=dark] .notification-close{color:#9ca3af;color:var(--text-secondary-dark,#9ca3af)}[data-theme=dark] .notification-close:hover{background:#374151;background:var(--background-secondary-dark,#374151);color:#f9fafb;color:var(--text-primary-dark,#f9fafb)}[data-theme=dark] .notification-btn{background:#1f2937;background:var(--background-dark,#1f2937);border-color:#374151;border-color:var(--border-dark,#374151);color:#f9fafb;color:var(--text-primary-dark,#f9fafb)}[data-theme=dark] .notification-btn-secondary{background:#374151;background:var(--background-secondary-dark,#374151);color:#9ca3af;color:var(--text-secondary-dark,#9ca3af)}.header{background:#fff;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{height:70px;justify-content:space-between;padding:0 var(--space-4)}.logo{align-items:center;color:inherit;display:flex;flex-shrink:0;text-decoration:none}.logo-image{border-radius:var(--radius-md);height:60px;margin-right:var(--space-3);width:60px}.logo-text{display:flex;flex-direction:column;white-space:nowrap}.logo-main{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700;line-height:1;white-space:nowrap}.logo-sub{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.desktop-nav{align-items:center;display:flex;flex:1 1;gap:var(--space-4);justify-content:center;max-width:none;overflow:visible}@media (min-width:1200px){.desktop-nav{gap:var(--space-6)}}@media (min-width:1400px){.desktop-nav{gap:var(--space-8)}}.nav-link{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-1);min-width:-webkit-fit-content;min-width:fit-content;padding:var(--space-3) var(--space-2);position:relative;text-decoration:none;transition:color .2s ease;white-space:nowrap}@media (min-width:1200px){.nav-link{font-size:var(--font-size-base);padding:var(--space-3) var(--space-3)}}.nav-link.active,.nav-link:hover{color:var(--primary-green)}.nav-link.active:after{background:var(--primary-green);border-radius:var(--radius-full);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.nav-dropdown{position:relative}.dropdown-trigger{align-items:center;display:flex;gap:var(--space-1)}.dropdown-icon{flex-shrink:0;transition:transform .2s ease}.nav-dropdown.active .dropdown-icon,.nav-dropdown:hover .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:50%;margin-top:var(--space-1);min-width:180px;opacity:0;overflow:hidden;padding:var(--space-2);pointer-events:none;position:absolute;top:100%;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;width:-webkit-max-content;width:max-content;z-index:50}.dropdown-menu:before{background:#0000;content:"";height:8px;left:0;position:absolute;right:0;top:-8px;z-index:-1}.nav-dropdown.active .dropdown-menu{margin-top:var(--space-1);opacity:1;pointer-events:auto;visibility:visible}.dropdown-item{background-color:initial;border:none;border-radius:var(--radius-lg);color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:500;padding:var(--space-3) var(--space-4);text-align:left;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:100%}.dropdown-item.active,.dropdown-item:hover{background:var(--ferrari-red-alpha);color:var(--primary-green)}.submenu-action{font-size:.9em!important;padding-left:3rem!important}.submenu-action,.submenu-wrapper{position:relative}.submenu-label{background:#f7fafc;border-left:4px solid var(--ferrari-red);color:#4a5568;cursor:default;font-size:.95rem;font-weight:600;padding:12px 20px}.submenu-items{background:#f8fafc;padding:8px 0}.submenu-item{border-left:3px solid #0000;color:#4a5568;display:block;font-size:.9rem;padding:10px 30px;text-decoration:none;transition:all .3s ease}.submenu-item:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);border-left-color:var(--ferrari-red);color:#2d3748;text-decoration:none;transform:translateX(8px)}.submenu-item.active{background:var(--ferrari-red-alpha);border-left-color:var(--primary-green);color:var(--primary-green);font-weight:600}.submenu-action:before{color:var(--ferrari-red);content:"↳";font-weight:700;left:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.mobile-nav-dropdown{width:100%}.mobile-nav-link.dropdown-trigger{align-items:center;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:500;justify-content:space-between;padding:var(--space-4) var(--space-6);text-align:left;width:100%}.mobile-dropdown-menu{background:var(--ferrari-red-alpha);border-left:3px solid var(--ferrari-red);display:none}.mobile-nav-dropdown.active .mobile-dropdown-menu{display:block}.mobile-dropdown-item{border-bottom:1px solid var(--ferrari-red-alpha);color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-weight:500;padding:var(--space-3) var(--space-8);text-decoration:none;transition:all .2s ease;width:100%}.mobile-dropdown-item.active,.mobile-dropdown-item:hover{background:var(--ferrari-red-alpha);color:var(--primary-green)}.mobile-dropdown-item:last-child{border-bottom:none}.mobile-dropdown-item.submenu-action{padding-left:3.5rem!important}.header-actions{gap:var(--space-4)}.header-actions .btn{font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-2) var(--space-4)}.auth-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--space-3);white-space:nowrap}.user-menu{position:relative}.user-menu-trigger{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all .2s ease}.user-menu-trigger:hover{background:var(--ferrari-red-alpha);color:var(--primary-green)}.user-name{font-size:var(--font-size-sm);font-weight:500}.user-menu-dropdown{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:var(--space-2);overflow:hidden;position:absolute;right:0;top:100%;width:280px;z-index:50}.user-info{background:var(--ferrari-red-alpha);padding:var(--space-5)}.user-details{text-align:center}.user-name-full{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.user-name-full,.user-type{margin-bottom:var(--space-1)}.user-type{color:var(--primary-green);font-weight:500}.user-company,.user-type{font-size:var(--font-size-sm)}.user-company{color:var(--text-secondary);margin:0}.user-menu-divider{background:var(--border);height:1px}.user-menu-items{padding:var(--space-2)}.user-menu-item{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .2s ease;width:100%}.user-menu-item:hover{background:var(--ferrari-red-alpha);color:var(--primary-green)}.user-menu-item.logout{color:#dc2626}.user-menu-item.logout:hover{background:#fee2e2;color:#dc2626}.mobile-menu-toggle{background:none;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:none;padding:var(--space-2);transition:background-color .2s ease}.mobile-menu-toggle:hover{background:var(--ferrari-red-alpha);color:var(--primary-green)}.mobile-nav{border-top:1px solid var(--border);display:none;padding:var(--space-4) 0}.mobile-nav-link{color:var(--text-secondary);display:block;font-weight:500;padding:var(--space-3) 0;text-decoration:none;transition:color .2s ease}.mobile-nav-link.active,.mobile-nav-link:hover{color:var(--primary-green)}.mobile-actions{border-top:1px solid var(--border);margin-top:var(--space-4);padding-top:var(--space-4)}.mobile-btn{justify-content:flex-start;margin-bottom:var(--space-2);width:100%}.mobile-auth-buttons{display:flex;flex-direction:column;gap:var(--space-2)}.mobile-user-section{border-top:1px solid var(--border);padding:var(--space-4) 0}.mobile-user-info{background:var(--ferrari-red-alpha);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-4)}.mobile-user-name{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-1)}.mobile-user-type{color:var(--primary-green);font-size:var(--font-size-sm);font-weight:500;margin:0}.mobile-btn.logout{border-color:#dc2626;color:#dc2626}.mobile-btn.logout:hover{background:#dc2626;color:#fff}@media (min-width:1025px){.mobile-menu-toggle{display:none}.mobile-nav{display:none!important}}@media (max-width:1024px){.desktop-nav,.header-actions .btn:not(.auth-buttons .btn):not(.user-menu-trigger){display:none}.mobile-menu-toggle,.mobile-nav{display:block}}@media (max-width:768px){.auth-buttons,.header-actions{gap:var(--space-2)}.auth-buttons .btn{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.user-menu-dropdown{width:260px}.user-name{display:none}.nav-link{font-size:var(--font-size-sm);white-space:nowrap}}@media (max-width:480px){.logo-text{display:none}.header-content{gap:var(--space-2)}.user-menu-dropdown{right:-20px;width:240px}}.footer{background-color:var(--text-primary);color:#fff;margin-top:auto;padding:var(--space-16) 0 var(--space-8)}.footer-content{grid-gap:var(--space-12);display:grid;gap:var(--space-12);grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:var(--space-12)}.footer-section:first-child{max-width:400px}.footer-logo{gap:var(--space-3);margin-bottom:var(--space-6);text-decoration:none}.footer-logo,.footer-logo-icon{align-items:center;color:#fff;display:flex}.footer-logo-icon{background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));border-radius:var(--radius-lg);height:40px;justify-content:center;width:40px}.footer-logo-image{height:32px;object-fit:contain;width:32px}.footer-logo-text{display:flex;flex-direction:column}.footer-logo-main{font-size:var(--font-size-lg);font-weight:700;line-height:1.2}.footer-logo-sub{color:var(--primary-green);font-size:var(--font-size-sm);font-weight:500;line-height:1}.footer-description{color:#c7c7cc;line-height:1.6;margin-bottom:var(--space-6)}.footer-contact{display:flex;flex-direction:column;gap:var(--space-3)}.contact-item{color:#c7c7cc;font-size:var(--font-size-sm);gap:var(--space-2)}.contact-item svg{color:var(--primary-green);flex-shrink:0}.footer-title{color:#fff;font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-6)}.footer-links{display:flex;flex-direction:column;gap:var(--space-3);list-style:none}.footer-link{color:#c7c7cc;font-size:var(--font-size-sm);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--primary-green)}.footer-link-button{background:none;border:none;cursor:pointer;font-family:inherit;padding:0;text-align:left}.footer-certifications{border-top:1px solid #3c3c43;margin-top:var(--space-6);padding-top:var(--space-6)}.certification-title{color:#fff;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-3)}.certifications{display:flex;flex-direction:column;gap:var(--space-1)}.certifications span{color:#c7c7cc;font-size:var(--font-size-xs)}.footer-bottom{border-top:1px solid #3c3c43;padding-top:var(--space-8)}.footer-bottom-content{align-items:center;display:flex;justify-content:space-between}.copyright{color:#c7c7cc;font-size:var(--font-size-sm)}.social-links{display:flex;gap:var(--space-4)}.social-link{align-items:center;background-color:#3c3c43;border:none;border-radius:var(--radius-lg);color:#c7c7cc;cursor:pointer;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .2s ease;width:40px}.social-link:hover{background-color:var(--primary-green);color:#fff;transform:translateY(-2px)}@media (max-width:968px){.footer-content{gap:var(--space-8);grid-template-columns:1fr 1fr}.footer-section:first-child{grid-column:1/-1;max-width:none}}@media (max-width:768px){.footer{padding:var(--space-12) 0 var(--space-6)}.footer-content{gap:var(--space-8);grid-template-columns:1fr}.footer-section:first-child{grid-column:auto}.footer-bottom-content{flex-direction:column;gap:var(--space-4);text-align:center}.social-links{justify-content:center}.certifications{flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}.certifications span{background-color:#3c3c43;border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}}@media (max-width:480px){.footer-logo{flex-direction:column;gap:var(--space-2);text-align:center}.footer-contact{align-items:center}.social-links{flex-wrap:wrap}}.video-hero{align-items:center;display:flex;height:100vh;justify-content:center;min-height:600px;overflow:hidden;position:relative;width:100%}.video-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-video{height:auto;left:50%;min-height:100%;min-width:100%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto;z-index:1}.video-overlay{background:linear-gradient(135deg,#0006,#0003 50%,#34c75933);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.video-content{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;position:relative;text-align:center;width:100%;z-index:3}.video-text{animation:fadeInUp 1s ease-out;max-width:800px;padding:0 var(--space-4)}.video-title{font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1.1;margin-bottom:var(--space-6);text-shadow:0 2px 10px #0000004d}.text-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-green) 0,var(--royal-blue) 50%,var(--ferrari-red) 100%);-webkit-background-clip:text;background-clip:text;display:block;margin-top:var(--space-2)}.video-description{font-size:var(--font-size-xl);line-height:1.6;margin-bottom:var(--space-12);opacity:.95;text-shadow:0 1px 5px #0003}.video-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center}.btn-large{font-size:var(--font-size-lg);font-weight:600;min-width:160px;padding:var(--space-5) var(--space-8)}.video-control{overflow:hidden;position:relative}.video-control .pause-icon{left:var(--space-5);opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.video-control:hover .pause-icon{opacity:1}.video-control:hover svg:not(.pause-icon){opacity:0}.scroll-indicator{align-items:center;bottom:var(--space-8);color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);left:50%;opacity:.8;position:absolute;transform:translateX(-50%);transition:all .3s ease;z-index:3}.scroll-indicator:hover{opacity:1;transform:translateX(-50%) translateY(-5px)}.scroll-text{font-size:var(--font-size-sm);font-weight:500;text-shadow:0 1px 3px #0000004d}.scroll-arrow{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.content-section{background:var(--background);position:relative;z-index:4}.hero{align-items:center;background:linear-gradient(135deg,var(--background) 0,var(--primary-green-alpha) 100%);display:flex;min-height:60vh;padding:var(--space-20) 0}.hero-content{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1fr;justify-items:center;text-align:center}.hero-text{animation:slideIn .8s ease-out}.hero-title{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-6)}.hero-description{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--space-8);max-width:500px}.development-timeline{background:linear-gradient(135deg,#34c7591a,#34c7590d);border-left:3px solid var(--primary-green);border-radius:0 6px 6px 0;box-shadow:0 2px 8px #34c7591a;color:var(--text-primary);display:inline-block;font-size:var(--font-size-base);font-weight:500;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);transition:all .3s ease}.development-timeline:hover{box-shadow:0 4px 12px #34c75926;transform:translateX(2px)}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8)}.hero-actions .btn{font-size:var(--font-size-lg);gap:var(--space-2);padding:var(--space-4) var(--space-6)}.hero-features{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center}.feature-item{color:var(--text-secondary);font-size:var(--font-size-sm);gap:var(--space-2)}.feature-item svg{color:var(--primary-green)}.hero-image{animation:fadeIn 1s ease-out .3s both;height:400px;position:relative}.hero-simple-graphic{align-items:center;background:linear-gradient(135deg,var(--primary-green-alpha) 0,#0000 100%);border-radius:var(--radius-2xl);display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.simple-bg-element{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));border-radius:50%;height:200px;opacity:.1;position:absolute;width:200px}.cta{background:linear-gradient(135deg,var(--primary-green) 0,var(--royal-blue) 50%,var(--ferrari-red) 100%);color:#fff;padding:var(--space-20) 0}.cta-content{margin:0 auto;max-width:600px;text-align:center}.cta-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-4)}.cta-description{font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--space-8);opacity:.9}.cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.cta-actions .btn{font-size:var(--font-size-lg);font-weight:600;padding:var(--space-4) var(--space-8)}.cta-actions .btn-primary{background:#fff;color:var(--primary-green)}.cta-actions .btn-primary:hover{background:var(--background-secondary);transform:translateY(-2px)}.cta-actions .btn-ghost{background:#0000;border:2px solid #fff;color:#fff}.cta-actions .btn-ghost:hover{background:#fff;color:var(--primary-green);transform:translateY(-2px)}@media (max-width:1024px){.video-title{font-size:clamp(2.5rem,6vw,4rem)}.video-description{font-size:var(--font-size-lg)}.video-actions{gap:var(--space-4)}.btn-large{font-size:var(--font-size-base);min-width:140px;padding:var(--space-4) var(--space-6)}}@media (max-width:768px){.video-hero{height:100vh;min-height:500px}.video-title{font-size:clamp(2rem,8vw,3rem);margin-bottom:var(--space-4)}.video-description{font-size:var(--font-size-base);margin-bottom:var(--space-8)}.video-actions{flex-direction:column;gap:var(--space-4)}.btn-large{max-width:280px;width:100%}.scroll-indicator{bottom:var(--space-6)}.hero{min-height:auto;padding:var(--space-16) 0}.hero-content{gap:var(--space-8);grid-template-columns:1fr;text-align:center}.hero-title{font-size:var(--font-size-3xl)}.hero-actions{align-items:center;flex-direction:column;justify-content:center}.hero-actions .btn{max-width:280px;width:100%}.hero-features{justify-content:center}.hero-image{height:300px}.cta{padding:var(--space-16) 0}.cta-title{font-size:var(--font-size-2xl)}.cta-actions{align-items:center;flex-direction:column}.cta-actions .btn{max-width:280px;width:100%}}@media (max-width:480px){.video-text{padding:0 var(--space-2)}}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;padding:1rem}.modal-content{animation:modalSlideUp .3s ease-out;position:relative}.modal-small{max-width:400px;width:90%}.modal-medium{max-width:600px;width:90%}.modal-large{max-width:800px;width:90%}.modal-xlarge{max-width:1200px;width:95%}.modal-extra-large{max-width:1400px;width:98%}.modal-header{border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;padding:1.5rem 2rem}.modal-title{color:#1f2937;font-size:1.5rem;font-weight:600;gap:.5rem;margin:0}.modal-close-btn,.modal-title{align-items:center;display:flex}.modal-close-btn{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;justify-content:center;padding:.5rem;transition:all .2s ease}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.modal-close-btn:focus{box-shadow:0 0 0 3px #3b82f64d;outline:none}.modal-body{padding:2rem}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:2rem .5rem .5rem}.modal-content{border-radius:12px 12px 0 0;margin:0;max-height:calc(100vh - 2rem)}.modal-content,.modal-extra-large,.modal-large,.modal-medium,.modal-small,.modal-xlarge{max-width:none;width:100%}.modal-header{padding:1rem 1.5rem}.modal-title{font-size:1.25rem}.modal-body{padding:1.5rem}}@media (max-width:480px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:12px 12px 0 0;max-height:95vh}.modal-header{padding:1rem}.modal-title{font-size:1.125rem}.modal-body{padding:1rem}}.modal-content.loading{pointer-events:none}.modal-content.loading:after{align-items:center;background:#fffc;border-radius:12px;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.modal-content:not(:has(.modal-header)) .modal-body{border-radius:12px}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.reward-modal .modal-content{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:none;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-height:90vh;overflow:hidden;overflow-y:auto;position:relative}.reward-modal .modal-content:before{animation:gradientShift 8s ease-in-out infinite;background:linear-gradient(45deg,#fbbf24,#f59e0b 25%,#3b82f6 50%,#1d4ed8 75%,#10b981);bottom:0;content:"";left:0;opacity:.05;position:absolute;right:0;top:0;z-index:0}@keyframes gradientShift{0%,to{opacity:.1}50%{opacity:.2}}.reward-content{color:#000;padding:40px;position:relative;text-align:center;z-index:1}.reward-close-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#374151;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:44px;z-index:10}.reward-close-btn:hover{background:#fff;box-shadow:0 6px 20px #0003;color:#dc2626;transform:scale(1.1)}.reward-close-btn:active{transform:scale(.95)}.reward-header{margin-bottom:40px}.reward-icon{animation:bounceIn 1s ease-out;margin-bottom:20px}.award-icon{animation:pulse 2s infinite;color:gold;filter:drop-shadow(0 0 15px rgba(255,215,0,.6))}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.reward-title{font-size:3rem;font-weight:800;line-height:1.2;margin:0;text-shadow:0 2px 8px #0000004d}.title-cn{color:#000;display:block;margin-bottom:8px}.title-en{color:#374151;display:block;font-size:2rem;font-weight:600}.cash-showcase{animation:slideInUp 1s ease-out .3s both;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:20px;box-shadow:0 15px 40px #dc262666;color:#fff;margin:40px 0;padding:40px}.cash-title{margin-bottom:30px}.cash-title-cn{display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.cash-title-en{display:block;font-size:1.5rem;font-weight:500;opacity:.9}.cash-amount{color:#fbbf24;font-size:1.2em;font-weight:900;margin-right:10px;text-shadow:0 0 15px #fbbf2480}.cash-bills{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:30px 0}.bill-container{animation:float 3s ease-in-out infinite;position:relative}.bill-container:first-child{animation-delay:0s}.bill-container:nth-child(2){animation-delay:.5s}.bill-container:nth-child(3){animation-delay:1s}.bill-container:nth-child(4){animation-delay:1.5s}.bill-container:nth-child(5){animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bill-placeholder{align-items:center;background:#fff;border:2px solid #fff;border-radius:8px;box-shadow:0 8px 25px #0000004d;cursor:pointer;display:flex;height:75px;justify-content:center;overflow:hidden;transition:transform .3s ease;width:150px}.bill-placeholder img{border-radius:6px;height:100%;object-fit:cover;width:100%}.bill-placeholder:hover{transform:scale(1.05) rotate(5deg)}.total-amount{align-items:center;display:flex;justify-content:center;margin-top:20px}.dollar-icon{animation:rotate 3s linear infinite;color:#fbbf24;font-size:2.5rem}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.company-intro{animation:fadeInUp 1s ease-out .5s both;margin:50px 0;text-align:left}.intro-title{font-size:2.5rem;font-weight:700;margin-bottom:40px;text-align:center}.intro-title-cn{color:#000;display:block;margin-bottom:8px}.intro-title-en{color:#374151;display:block;font-size:1.8rem;font-weight:500}.intro-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.feature-card{background:#3b82f614;border:2px solid #3b82f626;border-radius:15px;overflow:hidden;padding:25px;position:relative;text-align:center;transition:all .3s ease}.feature-card.danger{background:#ef444414;border-color:#ef444433}.feature-card:hover{border-color:#3b82f64d;box-shadow:0 15px 40px #3b82f633;transform:translateY(-5px)}.feature-card.danger:hover{border-color:#ef444466;box-shadow:0 15px 40px #ef444433}.feature-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);height:70px;margin:0 auto 20px;width:70px}.feature-card.danger .feature-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.feature-card h3{font-size:1.4rem;font-weight:600;margin:0 0 15px}.feature-title-cn{color:#000;display:block;margin-bottom:5px}.feature-title-en{color:#374151;display:block;font-size:1.1rem;font-weight:500}.feature-card p{line-height:1.6;margin:0}.feature-desc-cn{color:#000;display:block;font-size:1rem;margin-bottom:8px}.feature-desc-en{color:#374151;display:block;font-size:.9rem}.pain-points{background:#ef44440d;border:2px solid #ef44441a;border-radius:15px;margin:50px 0;padding:30px}.pain-title{font-size:2rem;font-weight:700;margin-bottom:30px;text-align:center}.pain-title-cn{color:#dc2626;display:block;margin-bottom:8px}.pain-title-en{color:#374151;display:block;font-size:1.5rem;font-weight:500}.pain-list{grid-gap:15px;display:grid;gap:15px}.pain-item{align-items:flex-start;background:#ffffff80;border-left:4px solid #dc2626;border-radius:10px;display:flex;gap:15px;padding:15px}.pain-icon{color:#dc2626;flex-shrink:0;margin-top:2px}.pain-text-cn{color:#000;display:block;font-weight:500;margin-bottom:5px}.pain-text-en{color:#374151;display:block;font-size:.9rem}.contest-requirements{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;color:#fff;margin:50px 0;padding:40px}.req-main-title{font-size:2.2rem;font-weight:700;margin-bottom:30px;text-align:center}.req-main-title-cn{display:block;margin-bottom:8px}.req-main-title-en{display:block;font-size:1.6rem;font-weight:500;opacity:.9}.requirements-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.req-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:15px;display:flex;gap:15px;padding:20px}.req-item.special{animation:attention 2s ease-in-out infinite;background:#ef444433;border-color:#ef44444d}@keyframes attention{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.req-number{align-items:center;background:#ffffffe6;border-radius:50%;color:#f59e0b;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.req-item.special .req-number{animation:pulse 1.5s infinite;background:#dc2626;color:#fff}.req-content{flex:1 1}.req-cn{display:block;font-weight:600;margin-bottom:5px}.req-en{display:block;font-size:.9rem;opacity:.9}.reward-contact{animation:fadeInUp 1s ease-out .9s both;margin:50px 0 30px;text-align:center}.contact-btn{background:linear-gradient(45deg,#4ade80,#22c55e);border-radius:50px;box-shadow:0 10px 30px #22c55e66;font-size:1.3rem;font-weight:700;gap:15px;justify-content:center;margin:0 auto 25px;overflow:hidden;padding:20px 40px;position:relative;width:-webkit-fit-content;width:fit-content}.contact-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.contact-btn:hover:before{left:100%}.contact-btn:hover{background:linear-gradient(45deg,#22c55e,#16a34a);box-shadow:0 15px 40px #22c55e80;transform:translateY(-3px)}.btn-text{display:flex;flex-direction:column}.btn-cn{font-size:1.3rem;font-weight:700;margin-bottom:3px}.btn-en{font-size:1rem;font-weight:500;opacity:.9}.email-info{color:#000;font-size:1.1rem;margin:0;text-align:center}.email-info strong{color:#dc2626;font-size:1.2rem;font-weight:700;text-decoration:none}.reward-footer{animation:fadeIn 1s ease-out 1.1s both;border-top:2px solid #0000001a;margin-top:40px;padding-top:30px}.footer-text{font-size:1.1rem;font-weight:500;margin:0;text-align:center}.footer-cn,.footer-text{color:#000;line-height:1.8}.footer-cn{display:block;margin-bottom:20px}.footer-en{color:#374151;display:block;font-size:1rem;line-height:1.8}.reward-modal .modal-content::-webkit-scrollbar{width:8px}.reward-modal .modal-content::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.reward-modal .modal-content::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.reward-modal .modal-content::-webkit-scrollbar-thumb:hover{background:#00000080}@media (max-width:768px){.reward-content{padding:30px 20px}.reward-close-btn{height:40px;right:15px;top:15px;width:40px}.reward-title{font-size:2.5rem}.title-en{font-size:1.8rem}.intro-grid{grid-template-columns:1fr}.cash-bills{align-items:center;flex-direction:column}.bill-placeholder{height:62px;width:125px}.requirements-grid{grid-template-columns:1fr}.req-item{flex-direction:column;text-align:center}.contact-btn{font-size:1.1rem;padding:15px 30px}.footer-text{font-size:1rem;line-height:1.7}.footer-cn{margin-bottom:15px}}@media (max-width:480px){.reward-content{padding:25px 15px}.reward-close-btn{height:36px;right:10px;top:10px;width:36px}.intro-title,.reward-title{font-size:2rem}.cash-showcase{padding:25px}.cash-amount{font-size:1.1em;margin-right:8px}.feature-card{padding:20px}.contact-btn{padding:15px 20px;width:100%}.bill-placeholder{height:50px;width:100px}.footer-text{font-size:.95rem;line-height:1.6}.footer-cn{margin-bottom:12px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.large-modal{max-height:90vh;max-width:800px;overflow-y:auto}.form-section{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1.5rem}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{color:#333;font-size:1.2rem;margin:0 0 1rem}.dimension-input-group{align-items:center;display:flex;gap:.5rem}.dimension-input-group>input{flex:1 1}.conversion-input{align-items:center;display:flex;gap:.25rem;min-width:80px}.unit-converter{border:1px solid #ddd!important;border-radius:4px!important;font-size:.8rem!important;padding:.25rem!important;width:60px!important}.unit-label{color:#666;font-size:.8rem;min-width:20px}.service-type-selection{grid-gap:1rem;gap:1rem}.service-type-option{border:2px solid #e0e0e0;border-radius:8px;display:block;padding:1rem}.service-type-option:hover{background-color:#f8f9fa;border-color:#34c759}.service-type-option.selected{background-color:#e8f5e8;border-color:#34c759}.service-type-content{align-items:center;gap:.75rem}.service-type-content>svg{color:#34c759;flex-shrink:0}.service-type-content strong{color:#333;margin-bottom:.25rem}.service-type-content p{color:#666;font-size:.9rem;margin:0}.form-grid{grid-gap:1rem;gap:1rem}.location-type-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin-top:.5rem}.location-type-option{align-items:center;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem;transition:all .2s ease}.location-type-option:hover{background-color:#f8f9fa;border-color:#34c759}.location-type-option.selected{background-color:#e8f5e8;border-color:#34c759;color:#2d5016}.location-type-option input[type=radio]{display:none}.location-type-option svg{flex-shrink:0}.checkbox-group{align-items:center}.checkbox-label{gap:.5rem}.checkbox-label input[type=checkbox]{accent-color:#34c759;height:18px;width:18px}.address-confirmation{background-color:#e8f5e8;border-left:4px solid #34c759;border-radius:8px;margin-top:1rem;padding:1rem}.address-confirmation h4{align-items:center;color:#2d5016;display:flex;font-size:.9rem;gap:.5rem;margin:0 0 .75rem}.confirmed-address{font-size:.85rem;margin-bottom:.5rem}.confirmed-address:last-child{margin-bottom:0}.confirmed-address strong{color:#2d5016;margin-right:.5rem}.display-address{color:#34c759;font-weight:600;margin-right:.5rem}.full-address{color:#666;font-size:.8rem;font-style:italic}.cargo-item-card{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:1rem}.cargo-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.cargo-item-title{color:#34c759;margin:0}.cargo-basic-grid{grid-template-columns:repeat(3,1fr)}.calculation-results{background:linear-gradient(135deg,#e8f5e8,#f0faf0);border:1px solid #34c759;border-radius:6px;margin-top:1rem;padding:1rem}.calculation-title{align-items:center;color:#34c759;display:flex;gap:.5rem;margin:0 0 .5rem}.results-grid{grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(3,1fr)}.result-item{border-radius:4px;padding:.5rem;text-align:center}.result-item.primary{background:#34c759;color:#fff}.result-label{color:#666;font-size:.8rem;margin-bottom:.25rem}.result-item.primary .result-label{color:#fff}.result-value{font-weight:600}.result-item.primary .result-value{font-weight:700}.special-attributes{margin-top:1rem}.special-attributes h5{color:#333;margin:0 0 .5rem}.checkbox-grid{grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.checkbox-item{gap:.5rem}.cargo-item-actions{display:flex;gap:.5rem;justify-content:flex-start;margin-top:1rem}.add-cargo-btn{background:#34c759;border:none;border-radius:6px;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.add-cargo-btn,.remove-cargo-btn{align-items:center;color:#fff;cursor:pointer;display:flex}.remove-cargo-btn{background:#f44;border:none;border-radius:4px;font-size:.8rem;gap:.25rem;padding:.25rem .5rem}.location-types-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin:1.5rem 0;padding:1rem}.location-types-section h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 1rem}.location-types-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.location-type-group{display:flex;flex-direction:column;gap:.75rem}.location-type-header{color:#333;font-size:.9rem;font-weight:600;margin:0}.checkbox-options{display:flex;flex-direction:column;gap:.5rem}.checkbox-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.25rem;transition:background-color .2s ease}.checkbox-option:hover{background-color:#34c7591a}.checkbox-option input[type=checkbox]{accent-color:#34c759;cursor:pointer;height:16px;width:16px}.checkbox-label{color:#555;font-size:.85rem;-webkit-user-select:none;user-select:none}.address-input-container input{padding-right:2.5rem}.address-suggestions{max-height:200px}.city-state{color:#333;font-weight:500}.zip-code{background:#f0f0f0;border-radius:3px;color:#666;font-size:.8rem;padding:.2rem .5rem}.route-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-top:1.5rem;padding:1rem;text-align:center}.route-btn{align-items:center;background:linear-gradient(135deg,#34c759,#28a745);border:none;border-radius:8px;box-shadow:0 2px 8px #34c7594d;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.route-btn:hover{background:linear-gradient(135deg,#28a745,#1e7e34);box-shadow:0 4px 12px #34c75966;transform:translateY(-2px)}.route-description{color:#666;font-size:.9rem;margin:.75rem 0 0}.distance-calculating{align-items:center;background:#e3f2fd;border-radius:6px;color:#1976d2;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem}.loading-spinner-small{border:2px solid #bbdefb;border-top-color:#1976d2}.modal-content .distance-info{background:linear-gradient(135deg,#e8f5e8,#f0faf0);border:1px solid #34c759;border-radius:8px;margin-top:1rem;padding:1rem}.distance-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;text-align:center}.distance-text,.duration-text{background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;font-size:.9rem;padding:.75rem}.distance-text strong,.duration-text strong{color:#34c759;display:block;margin-bottom:.25rem}@media (max-width:768px){.large-modal{margin:1rem;max-width:95vw}.form-grid,.location-type-grid,.location-types-grid,.service-type-selection{grid-template-columns:1fr}.dimension-input-group{align-items:stretch;flex-direction:column}.cargo-basic-grid,.checkbox-grid,.distance-summary,.results-grid{grid-template-columns:1fr}.checkbox-label{font-size:.8rem}}.ltl-section{background:#f8f9fa;border-radius:8px;margin:1rem 0;padding:1rem}.nmfc-info{background:#e3f2fd;border-radius:6px;color:#1976d2;gap:.5rem;margin-bottom:1rem;padding:1rem}.nmfc-info p{font-size:.9rem;line-height:1.4}.dimensions-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.dimensions-grid{grid-template-columns:1fr}}.error-confirm-modal{max-width:400px;width:90%}.error-confirm-content{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:1rem 0;text-align:center}.error-confirm-content p{color:#333;font-size:1rem;line-height:1.5;margin:0}.modal-body{padding:1rem}.form-group.address-input-group.fba-destination{background:linear-gradient(135deg,#ff6b350d,#ff6b351a)!important;border:2px solid #ff6b35!important;border-radius:8px!important;margin-bottom:1rem!important;padding:1rem!important;position:relative!important}.form-group.address-input-group.fba-destination:before{background:#ff6b35;border-radius:12px;color:#fff;content:"🏭 FBA仓库";font-size:.75rem;font-weight:600;left:15px;padding:4px 12px;position:absolute;top:-10px;z-index:10}.form-group.address-input-group.fba-destination label{color:#ff6b35!important;font-weight:700!important}.form-group.address-input-group.fba-destination input{background-color:#ff6b3505!important;border-color:#ff6b35!important;box-shadow:0 0 0 2px #ff6b351a!important}.form-group.address-input-group.fba-destination .address-input-container{border-color:#ff6b35!important}.address-input-group{position:relative}.address-input-container{align-items:center;display:flex;position:relative}.address-input-container.error input{border-color:#dc3545;box-shadow:0 0 0 2px #dc354533}.address-input-container input{border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:.75rem;transition:border-color .2s ease,background-color .2s ease;width:100%}.address-input-container input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.address-input-container input:focus{border-color:#34c759;box-shadow:0 0 0 2px #34c75933;outline:none}.search-icon{color:#666;pointer-events:none;position:absolute;right:.75rem;transition:transform .3s ease}.search-icon.loading{animation:spin 1s linear infinite}.maps-loading-icon{align-items:center;display:flex;justify-content:center;position:absolute;right:.75rem}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#34c759;height:16px;width:16px}.maps-status{align-items:center;display:flex;font-size:.75rem;gap:.25rem;margin-left:.5rem}.maps-status.loading{color:#666}.loading-dot{animation:pulse 1.5s ease-in-out infinite;background-color:#34c759;border-radius:50%;height:8px;width:8px}.address-error{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;display:flex;font-size:.8rem;gap:.5rem;left:0;margin-top:2px;padding:.5rem;position:absolute;right:0;top:100%;z-index:999}.address-error svg{color:#dc3545;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.address-suggestions{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:2px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#f8f9fa}.suggestion-main{align-items:center;display:flex;flex:1 1;gap:.5rem}.suggestion-main svg{color:#34c759;flex-shrink:0}.suggestion-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.suggestion-text{color:#333;font-size:.9rem;font-weight:400;line-height:1.3}.suggestion-type{background-color:#f1f3f5;border-radius:12px;color:#666;display:inline-block;font-size:.75rem;font-weight:500;max-width:-webkit-fit-content;max-width:fit-content;padding:.125rem .5rem}.route-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.route-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:90vw}.route-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem 2rem}.route-modal-header h2{align-items:center;color:#333;display:flex;font-size:1.5rem;gap:.5rem;margin:0}.route-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:background-color .2s ease;width:40px}.route-modal-close:hover{background-color:#e9ecef}.route-modal-body{flex:1 1;overflow:hidden}.route-loading,.route-modal-body{display:flex;flex-direction:column}.route-loading{align-items:center;gap:1rem;justify-content:center;padding:3rem}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#34c759}.route-error{color:#dc3545;font-size:1.1rem;padding:2rem;text-align:center}.route-info{background:#f8f9fa;border-bottom:1px solid #eee;padding:1.5rem 2rem}.route-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.route-stat{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem;text-align:center}.route-stat strong{color:#666;display:block;font-size:.9rem;margin-bottom:.5rem}.route-addresses{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.route-address{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem}.route-address strong{color:#666;display:block;font-size:.9rem;margin-bottom:.5rem}.route-container{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:2fr 1fr;min-height:400px}.route-map{height:100%;min-height:400px;width:100%}.directions-panel{background:#f8f9fa;border-left:1px solid #eee;overflow-y:auto;padding:1rem}.route-modal-footer{background:#f8f9fa;border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.btn{border-radius:6px;padding:.75rem 1.5rem}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}.btn-primary{background-color:#34c759}.btn-primary:hover{background-color:#28a745}@media (max-width:768px){.route-modal-content{max-height:95vh;width:95vw}.route-modal-header{padding:1rem}.route-modal-header h2{font-size:1.2rem}.route-container{grid-template-columns:1fr;grid-template-rows:300px auto}.route-info{padding:1rem}.route-addresses,.route-summary{grid-template-columns:1fr}.route-modal-footer{flex-direction:column;padding:1rem}}.gm-style-iw{max-width:300px!important}.gm-style .gm-style-iw-c{padding:12px!important}.gm-bundled-control,.gmnoprint{display:none!important}.gm-fullscreen-control,.gm-zoom-control{display:block!important}.btn{border-radius:8px;gap:.5rem;line-height:1;outline:none;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus{box-shadow:0 0 0 3px #22c55e4d}.btn:active{transform:translateY(1px)}.btn-small{border-radius:6px;font-size:.75rem;padding:.5rem 1rem}.btn-small .btn-icon{height:14px;width:14px}.btn-medium{font-size:.875rem;padding:.75rem 1.5rem}.btn-medium .btn-icon{height:16px;width:16px}.btn-large{border-radius:10px;font-size:1rem;padding:1rem 2rem}.btn-large .btn-icon{height:20px;width:20px}.btn-full-width{width:100%}.btn-primary{background:#22c55e;border:1px solid #22c55e}.btn-primary:hover:not(:disabled){background:#16a34a;border-color:#16a34a;box-shadow:0 4px 15px #22c55e4d;transform:translateY(-1px)}.btn-secondary{background:#6b7280;border:1px solid #6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563;border-color:#4b5563;box-shadow:0 4px 15px #6b72804d;transform:translateY(-1px)}.btn-outline{background:#0000;border:1px solid #22c55e;color:#22c55e}.btn-outline:hover:not(:disabled){background:#22c55e;box-shadow:0 4px 15px #22c55e4d;color:#fff;transform:translateY(-1px)}.btn-ghost{background:#0000;border:1px solid #0000;color:#6b7280}.btn-ghost:hover:not(:disabled){background:#f3f4f6;color:#374151}.btn-danger{background:#ef4444;border:1px solid #ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;box-shadow:0 4px 15px #ef44444d;transform:translateY(-1px)}.btn-disabled,.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.btn-loading{color:#0000!important;position:relative}.btn-loading .btn-text{opacity:0}.btn-spinner{animation:spin 1s linear infinite;color:currentColor!important;left:50%;opacity:1!important;position:absolute;top:50%;transform:translate(-50%,-50%)}.btn-icon{flex-shrink:0;justify-content:center}.btn-icon,.btn-text{align-items:center;display:inline-flex}@media (max-width:768px){.btn-large{font-size:.875rem;padding:.875rem 1.75rem}.btn-medium{font-size:.8125rem;padding:.625rem 1.25rem}.btn-small{font-size:.6875rem;padding:.375rem .75rem}}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary:hover:before{left:100%}.btn-group{border-radius:8px;box-shadow:0 1px 3px #0000001a;display:inline-flex;overflow:hidden}.btn-group .btn{border-radius:0;border-right-width:0}.btn-group .btn:first-child{border-radius:8px 0 0 8px}.btn-group .btn:last-child{border-radius:0 8px 8px 0;border-right-width:1px}.btn-group .btn:only-child{border-radius:8px;border-right-width:1px}@media (prefers-color-scheme:dark){.btn-secondary{background:#4b5563;border-color:#4b5563}.btn-secondary:hover:not(:disabled){background:#374151;border-color:#374151}.btn-ghost{color:#9ca3af}.btn-ghost:hover:not(:disabled){background:#374151;color:#f3f4f6}}.modal-overlay{background-color:#000000b3;padding:var(--space-4)}.modal-content{border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000040}.large-modal{max-width:900px}.close-btn{border-radius:var(--radius-md);color:var(--text-secondary);padding:var(--space-2);transition:all .2s ease}.close-btn:hover{background-color:var(--gray-100);color:var(--text-primary)}.modal-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:var(--font-size-xl)}.modal-close{background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:var(--space-2);transition:all .2s ease}.modal-close:hover{background-color:var(--gray-100);color:var(--text-primary)}.modal-form{padding:var(--space-6)}.service-type-selection{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;margin-top:var(--space-4)}.service-type-option{background:#fff;border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;overflow:hidden;padding:var(--space-4);position:relative;transition:all .3s ease}.service-type-option input[type=radio]{display:none}.service-type-option.selected{background:linear-gradient(135deg,#34c7591a,#34c7590d);border-color:var(--primary-green);box-shadow:0 8px 25px #34c75926;transform:translateY(-2px)}.service-type-option:hover:not(.selected){border-color:var(--primary-green);box-shadow:0 4px 15px #0000001a;transform:translateY(-1px)}.service-type-content{align-items:flex-start;display:flex;gap:var(--space-3);width:100%}.service-type-content svg{color:var(--primary-green);flex-shrink:0;margin-top:2px}.service-type-content div{flex:1 1}.service-type-content strong{color:var(--text-primary);display:block;font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-1)}.service-type-content p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0 0 var(--space-1) 0}.service-type-content small{color:var(--text-tertiary);font-size:var(--font-size-xs);font-style:italic}.ftl-option.selected{background:linear-gradient(135deg,#007aff1a,#007aff0d);border-color:#007aff}.ftl-option .service-type-content svg{color:#007aff}.ltl-option.selected{background:linear-gradient(135deg,#34c7591a,#34c7590d);border-color:#34c759}.ltl-option .service-type-content svg{color:#34c759}.form-section{margin-bottom:var(--space-8)}.form-section h3{align-items:center;border-bottom:2px solid var(--primary-green);color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:600;gap:var(--space-2);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-2)}.form-section h3 svg{color:var(--primary-green)}.ltl-section{background:linear-gradient(135deg,#34c75908,#34c75903);border:2px solid #34c7591a;border-radius:var(--radius-lg);margin:var(--space-6) 0;padding:var(--space-6)}.ltl-section h3{border-bottom-color:#34c759;color:#34c759}.nmfc-info{align-items:flex-start;background:linear-gradient(135deg,#e8f5e8,#f0faf0);border:1px solid #34c75933;border-radius:var(--radius-md);display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-4)}.nmfc-info svg{color:#34c759;flex-shrink:0;margin-top:2px}.nmfc-info p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.dimensions-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-6)}.calculation-results{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #34c759;border-radius:var(--radius-lg);margin:var(--space-6) 0;padding:var(--space-6)}.calculation-results h4{align-items:center;color:#34c759;display:flex;font-weight:600;gap:var(--space-2);margin:0 0 var(--space-4) 0}.results-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.result-item{align-items:center;background:#fff;border:1px solid #34c75933;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-3)}.result-item strong{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600}.result-item span{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.result-item.freight-class{background:linear-gradient(135deg,#34c759,#30d158);border:none;color:#fff;grid-column:1/-1}.result-item.freight-class span,.result-item.freight-class strong{color:#fff}.class-badge{background:#fff3;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:700;padding:var(--space-1) var(--space-2)}.result-description{grid-column:1/-1;margin-top:var(--space-2);text-align:center}.result-description small{color:var(--text-tertiary);font-style:italic}.ltl-attributes{margin:var(--space-6) 0}.ltl-attributes h4{color:var(--text-primary);font-weight:600;margin:0 0 var(--space-3) 0}.checkbox-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.checkbox-item{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);transition:all .2s ease}.checkbox-item:hover{background:#34c7590d;border-color:var(--primary-green)}.checkbox-item input[type=checkbox]{height:18px;margin:0;width:18px}.checkbox-item.hazmat{background:#ff3b300d;border-color:#ff3b30}.checkbox-item.hazmat:hover{background:#ff3b301a;border-color:#ff3b30}.checkbox-item.hazmat input[type=checkbox]{accent-color:#ff3b30}.location-types{margin:var(--space-6) 0 0 0}.location-types h4{color:var(--text-primary);font-weight:600;margin:0 0 var(--space-3) 0}.form-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group label{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.form-group label svg{color:var(--primary-green)}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px var(--primary-green-alpha)}.form-group textarea{min-height:80px}.modal-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-6)}.btn{border-radius:var(--radius-md);display:flex;font-size:var(--font-size-sm);font-weight:600;justify-content:center;min-width:120px}.btn.primary{background:var(--primary-green);color:#fff}.btn.primary:hover{background:#30d158;box-shadow:0 4px 15px #34c7594d;transform:translateY(-1px)}.btn.secondary{background:var(--gray-100);border:1px solid var(--border-color);color:var(--text-secondary)}.btn.secondary:hover{background:var(--gray-200);color:var(--text-primary)}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:var(--space-2)}.modal-content{margin-top:var(--space-4);max-height:calc(100vh - var(--space-8))}.modal-form,.modal-header{padding:var(--space-4)}.service-type-selection{grid-template-columns:1fr}.service-type-option{padding:var(--space-3)}.service-type-content{gap:var(--space-2)}.service-type-content strong{font-size:var(--font-size-sm)}.service-type-content p{font-size:var(--font-size-xs)}.checkbox-grid,.dimensions-grid,.form-grid,.results-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.ltl-section{margin:var(--space-4) 0;padding:var(--space-4)}}@media (max-width:480px){.modal-header h2{font-size:var(--font-size-lg)}.form-section h3{font-size:var(--font-size-base)}.service-type-content strong{font-size:var(--font-size-xs)}.service-type-content p{font-size:10px;line-height:1.3}.service-type-content small{font-size:9px}.service-type-option{padding:var(--space-2)}.nmfc-info{flex-direction:column;text-align:center}.calculation-results{padding:var(--space-4)}}.details-content{max-height:70vh;overflow-y:auto;padding:1rem}.details-section{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.details-section h3{align-items:center;color:#1d1d1f;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{background:#fff;border:1px solid #e5e5e7;border-radius:6px;gap:.5rem;padding:.75rem}.detail-item svg{color:#34c759;flex-shrink:0}.detail-item .label{color:#666;min-width:80px}.detail-item .value{color:#1d1d1f;flex:1 1;font-weight:500}.price-highlight{color:#e65100!important;font-size:1.1rem;font-weight:700!important}.phone-number{color:#34c759!important;font-family:monospace}.rating{color:#ff9500!important}.urgency-badge{background:#ffeb3b;border-radius:12px;color:#f57c00;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.service-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.service-badge.ftl{background:#e3f2fd;color:#1976d2}.service-badge.ltl{background:#e8f5e8;color:#34c759}.service-badge.ftl-ltl{background:#fff3e0;color:#ff9800}.requirements-content{align-items:flex-start;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;display:flex;gap:.75rem;padding:1rem}.requirements-content svg{color:#d68910;flex-shrink:0;margin-top:.1rem}.requirements-content p{color:#856404;line-height:1.5;margin:0}.details-actions{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e5e5e7;display:flex;gap:1rem;margin:0 -1rem -1rem;padding:1.5rem}.contact-action,.quote-action{align-items:center;border-radius:8px;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.contact-action{background:#34c759;border:none;color:#fff}.contact-action:hover{background:#2ecc71;transform:translateY(-2px)}.quote-action{background:#fff;border:1px solid #ddd;color:#666}.quote-action:hover{background:#f5f5f5}@media (max-width:768px){.details-grid{grid-template-columns:1fr}.details-actions{flex-direction:column}.details-content{max-height:60vh}.details-section{margin-bottom:1rem;padding:1rem}}.location-requirements{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:1rem 0;padding:1rem}.requirement-section{margin-bottom:.75rem}.requirement-section:last-child{margin-bottom:0}.requirement-label{color:#333;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.requirement-tags{display:flex;flex-wrap:wrap;gap:.5rem}.requirement-tag{background:linear-gradient(135deg,#e8f5e8,#f0faf0);border:1px solid #34c759;border-radius:15px;box-shadow:0 2px 4px #34c7591a;color:#2d5016;font-size:.8rem;font-weight:600;padding:.3rem .8rem;transition:all .2s ease}.requirement-tag:hover{box-shadow:0 3px 8px #34c75933;transform:translateY(-1px)}.required{color:#f44;font-weight:700}.form-group input.error,.form-group select.error,.form-group textarea.error{background-color:#fff5f5;border-color:#f44}.error-message{color:#f44;display:block;font-size:.85rem;margin-top:.25rem}.premium-post-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.premium-post-modal{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.premium-post-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.premium-post-modal .modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.premium-post-modal .close-btn{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s}.premium-post-modal .close-btn:hover{background:#f3f4f6;color:#374151}.premium-post-modal .modal-body{padding:24px}.credits-info{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:12px;margin-bottom:24px;padding:16px}.credits-balance{align-items:center;color:#e65100;display:flex;font-weight:600;gap:8px}.cost-section{margin-bottom:24px}.cost-section h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 16px}.cost-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.cost-item .cost{color:#ff9800;font-weight:600}.premium-section{margin-bottom:24px}.premium-section h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 16px}.premium-options{display:flex;flex-direction:column;gap:12px}.premium-option{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.premium-option:hover{background:#f9fafb;border-color:#d1d5db}.premium-option.selected{background:#fff3e0;border-color:#ff9800}.premium-option .option-icon{color:#ff9800;margin-top:2px}.premium-option .option-content{flex:1 1}.premium-option .option-content h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 4px}.premium-option .option-content p{color:#6b7280;font-size:.875rem;margin:0}.premium-option .option-price{color:#ff9800;font-size:.875rem;font-weight:600;margin-top:2px}.duration-selector{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.duration-selector label{color:#374151;cursor:pointer;display:block;font-size:.875rem;margin-bottom:8px}.duration-selector input[type=radio]{margin-right:8px}.cost-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.summary-row{color:#6b7280;font-size:.875rem;padding:8px 0}.summary-row,.summary-total{align-items:center;display:flex;justify-content:space-between}.summary-total{border-top:1px solid #e5e7eb;color:#1f2937;font-size:1rem;font-weight:600;margin-top:8px;padding:12px 0 8px}.summary-total .sufficient{color:#10b981}.summary-total .insufficient{color:#ef4444}.insufficient-notice{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;gap:8px;margin-top:12px;padding:12px}.premium-post-modal .modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px}.premium-post-modal .cancel-btn,.premium-post-modal .confirm-btn,.premium-post-modal .recharge-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.premium-post-modal .cancel-btn{background:#f3f4f6;color:#6b7280}.premium-post-modal .cancel-btn:hover{background:#e5e7eb;color:#374151}.premium-post-modal .recharge-btn{background:#3b82f6;color:#fff}.premium-post-modal .recharge-btn:hover{background:#2563eb}.premium-post-modal .confirm-btn{background:#10b981;color:#fff}.premium-post-modal .confirm-btn:hover:not(:disabled){background:#059669}.premium-post-modal .confirm-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}@media (max-width:768px){.premium-post-modal{margin:10px;max-height:calc(100vh - 20px)}.premium-post-modal .modal-body,.premium-post-modal .modal-footer,.premium-post-modal .modal-header{padding:16px}.premium-options{gap:8px}.premium-option{padding:12px}.premium-post-modal .modal-footer{flex-direction:column}.premium-post-modal .cancel-btn,.premium-post-modal .confirm-btn,.premium-post-modal .recharge-btn{justify-content:center;width:100%}}.platform-page{min-height:80vh;padding:2rem 0}.platform-description{line-height:1.6}.platform-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.action-btn{font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem}.platform-search{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.search-bar{background:#f5f5f7;border:2px solid #0000;border-radius:12px;min-width:400px;padding:.75rem 1rem;position:relative;transition:all .3s ease}.search-bar:focus-within{background:#fff;border-color:#34c759;box-shadow:0 0 0 4px #34c7591a}.search-bar input{background:none;color:#1d1d1f;font-size:1rem;margin-left:.5rem}.search-bar input::placeholder{color:#8e8e93}.coming-soon{background:#f5f5f7;border-radius:20px;margin-top:2rem;padding:4rem 2rem;text-align:center}.coming-soon h3{color:#1d1d1f;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.coming-soon p{color:#6e6e73;font-size:1rem;line-height:1.6}@media (max-width:768px){.platform-title{font-size:2rem}.platform-actions{align-items:center;flex-direction:column}.action-btn{justify-content:center;max-width:300px;width:100%}.search-bar{min-width:100%}.platform-search{flex-direction:column}}:root{--primary-green:#34c759;--secondary-green:#2ecc71;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-muted:#666;--text-gray:#888;--text-light:#999;--border-color:#e5e5e7;--border-light:#ddd;--bg-white:#fff;--bg-gray:#f8f9fa;--bg-light:#f5f5f5;--shadow-color:#0000001a;--orange-price:#e65100;--font-xs:0.75rem;--font-sm:0.8rem;--font-md:0.9rem;--font-base:1rem;--font-lg:1.1rem;--font-xl:1.8rem;--font-2xl:2.5rem;--gap-xxs:0.005rem;--gap-xs:0.25rem;--gap-sm:0.5rem;--gap-md:0.75rem;--gap-lg:1rem;--gap-xl:1.5rem;--gap-2xl:2rem;--gap-3xl:3rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--shadow-sm:0 1px 4px var(--shadow-color);--shadow-md:0 4px 12px #00000026;--grid-cols-desktop:130px 1fr 100px 120px 100px 140px 80px 80px;--grid-cols-mobile:1fr 1fr}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-col{display:flex;flex-direction:column}.flex-wrap{display:flex;flex-wrap:wrap}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.freight-board,.platform-page{background:#f8f9fa;margin:0 auto;max-width:1500px;min-height:100vh;padding:20px}.container{max-width:1400px;padding:0 var(--gap-lg)}.platform-header{margin-bottom:3rem;margin-bottom:var(--gap-3xl);text-align:center}.platform-icon{align-items:center;background:linear-gradient(135deg,#34c759,#30d158);background:linear-gradient(135deg,var(--primary-green),#30d158);border-radius:20px;border-radius:var(--radius-xl);color:#fff;color:var(--bg-white);display:inline-flex;height:80px;justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--gap-xl);width:80px}.platform-title{color:#1d1d1f;color:var(--text-primary);font-size:2.5rem;font-size:var(--font-2xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--gap-lg)}.platform-description{color:#6e6e73;color:var(--text-secondary);font-size:1.1rem;font-size:var(--font-lg);margin:0 auto;max-width:600px}.board-tabs{display:flex;gap:1rem;gap:var(--gap-lg);margin-bottom:2rem;margin-bottom:var(--gap-2xl)}.tab{align-items:center;background:none;border:2px solid #34c759;border:2px solid var(--primary-green);border-radius:8px;border-radius:var(--radius-md);color:#34c759;color:var(--primary-green);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;gap:var(--gap-sm);justify-content:center;padding:.75rem 1rem;padding:var(--gap-md) var(--gap-lg);transition:all .2s ease}.tab:hover:not(.active){background:#34c759;background:var(--primary-green);color:#fff;color:var(--bg-white);transform:translateY(-1px)}.tab.active{background:var(--ferrari-red);border-color:var(--ferrari-red);color:#fff;color:var(--bg-white)}.tab-count{background:#ffffff4d;border-radius:12px;border-radius:var(--radius-lg);font-size:.8rem;font-size:var(--font-sm);padding:2px 8px}.post-actions{gap:1rem;gap:var(--gap-lg);justify-content:center;margin-bottom:2rem;margin-bottom:var(--gap-2xl)}.post-btn{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:flex;font-weight:600;gap:.5rem;gap:var(--gap-sm);padding:.75rem 1.5rem;padding:var(--gap-md) var(--gap-xl);transition:all .3s ease}.post-btn:hover{transform:translateY(-2px)}.post-btn.active-post{background:#34c759!important;background:var(--primary-green)!important;border-color:#34c759!important;border-color:var(--primary-green)!important;color:#fff!important;color:var(--bg-white)!important}.post-btn.active-post:hover{background:#2ecc71!important;background:var(--secondary-green)!important;border-color:#2ecc71!important;border-color:var(--secondary-green)!important}.search-filter-section{background:#f8f9fa;background:var(--bg-gray);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:2rem;margin-bottom:var(--gap-2xl);padding:1.5rem;padding:var(--gap-xl)}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--gap-lg)}.filter-dropdown-group{position:relative}.filter-input-group{align-items:center;cursor:pointer;display:flex;position:relative}.dropdown-input{cursor:pointer;padding-right:30px}.dropdown-arrow{color:#666;color:var(--text-muted);position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform .2s ease}.dropdown-arrow.open{transform:translateY(-50%) rotate(180deg)}.origin-dropdown{background-color:#fff;background-color:var(--bg-white);border:1px solid #e5e5e7;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);left:0;margin-top:.25rem;margin-top:var(--gap-xs);padding:.5rem;padding:var(--gap-sm);position:absolute;top:100%;width:250px;z-index:100}.dropdown-item{align-items:center;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.5rem;gap:var(--gap-sm);padding:.75rem;padding:var(--gap-md);transition:background-color .2s ease}.dropdown-item:hover{background-color:#f5f5f5;background-color:var(--bg-light)}.manual-input-item{align-items:center;border-top:1px solid #e5e5e7;border-top:1px solid var(--border-color);display:flex;margin-top:.5rem;margin-top:var(--gap-sm);padding:.5rem;padding:var(--gap-sm)}.manual-input-item input{border:1px solid #ddd;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);outline:none;padding:.5rem;padding:var(--gap-sm);width:100%}.manual-input-item input:focus{border-color:#34c759;border-color:var(--primary-green)}.manual-search-btn{background:#0000;border:none;color:#666;color:var(--text-muted);cursor:pointer;padding:5px}.manual-search-btn:hover{color:#34c759;color:var(--primary-green)}.filter-input-group .filter-input{padding-right:40px}.locate-me-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:all .2s ease}.locate-me-btn:hover{background-color:#f5f5f5;background-color:var(--bg-light);color:#34c759;color:var(--primary-green)}.locate-me-btn:disabled{cursor:not-allowed;opacity:.5}.date-range input,.filter-input,.filters-row select{background:#fff;background:var(--bg-white);border:1px solid #ddd;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);font-size:.9rem;font-size:var(--font-md);padding:.5rem .75rem;padding:var(--gap-sm) var(--gap-md)}.filters-row select{min-width:120px}.date-range,.reset-btn{align-items:center;display:flex;gap:.5rem;gap:var(--gap-sm)}.reset-btn{background:#f5f5f5;background:var(--bg-light);border:1px solid #ddd;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);color:#666;color:var(--text-muted);cursor:pointer;padding:.5rem 1rem;padding:var(--gap-sm) var(--gap-lg);transition:all .2s ease}.reset-btn:hover{background:#e0e0e0}.active-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--gap-lg);margin-top:1rem;margin-top:var(--gap-lg)}.results-text{color:#2e7d32;font-weight:600}.filter-tags{flex-wrap:wrap}.filter-tag,.filter-tags{display:flex;gap:.5rem;gap:var(--gap-sm)}.filter-tag{align-items:center;background:#fff;background:var(--bg-white);border:1px solid #34c759;border:1px solid var(--primary-green);border-radius:20px;border-radius:var(--radius-xl);color:#2e7d32;font-size:.8rem;font-size:var(--font-sm);padding:.25rem .75rem;padding:var(--gap-xs) var(--gap-md)}.filter-tag button{background:none;border:none;color:#999;color:var(--text-light);cursor:pointer;font-size:.9rem;font-size:var(--font-md)}.freight-content{margin-bottom:2rem;margin-bottom:var(--gap-2xl)}.freight-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--gap-md)}.simple-card{align-items:center;background:#fff;background:var(--bg-white);border:1px solid #e5e5e7;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 4px #0000001a;box-shadow:var(--shadow-sm);display:flex;justify-content:center;padding:1rem;padding:var(--gap-lg);padding-bottom:.005rem;padding-bottom:var(--gap-xxs);transition:all .2s ease}.simple-card:hover{border-color:#34c759;border-color:var(--primary-green);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.simple-card.ftl{border-left:4px solid #1976d2}.simple-card.ltl{border-left:4px solid #34c759;border-left:4px solid var(--primary-green)}.simple-card.ftl-ltl{border-left:4px solid #ff9800}.card-main{grid-gap:.5rem;grid-gap:var(--gap-sm);display:grid;grid-template-columns:1fr 1fr;grid-template-columns:var(--grid-cols-mobile);grid-template-rows:auto auto auto auto;margin-bottom:0}.card-main,.service-type span{align-items:center;gap:.5rem;gap:var(--gap-sm)}.service-type span{border-radius:20px;border-radius:var(--radius-xl);display:flex;font-size:.85rem;font-weight:600;padding:.5rem 1rem;padding:var(--gap-sm) var(--gap-lg);white-space:nowrap}.ftl-badge{background:#e3f2fd;color:#1976d2}.ltl-badge{background:#e8f5e8;color:#34c759;color:var(--primary-green)}.ftl-ltl-badge{background:#fff3e0;color:#ff9800}.truck-badge{background:#f3e5f5;color:#7b1fa2}.capacity,.cargo-type,.cargo-value,.date,.equipment,.ewid,.nmfc-class,.pallets,.price,.publication-date,.rate,.route,.weight{align-items:center;display:flex;gap:.25rem;gap:var(--gap-xs)}.route{color:#333;font-weight:600;min-width:160px}.route svg{color:#999;color:var(--text-light)}.capacity,.date,.weight{color:#666;color:var(--text-muted);font-size:.9rem;font-size:var(--font-md);min-width:80px}.price,.rate{color:#e65100;color:var(--orange-price);font-size:1rem;font-size:var(--font-base);font-weight:700;min-width:100px}.publication-date{background:#f8f9fa;background:var(--bg-gray);border:1px solid #e9ecef;border-radius:4px;color:#888;color:var(--text-gray);font-size:.8rem;font-size:var(--font-sm);font-weight:500;min-width:120px;padding:.25rem .5rem;padding:var(--gap-xs) var(--gap-sm)}.publication-text{font-style:italic;letter-spacing:.25px}.ewid{background:#f5f5f5;background:var(--bg-light);border:1px solid #ddd;border:1px solid var(--border-light);border-radius:4px;color:#666;color:var(--text-muted);font-size:.8rem;font-size:var(--font-sm);font-weight:500;min-width:120px;padding:.25rem .5rem;padding:var(--gap-xs) var(--gap-sm)}.ewid-text{font-family:monospace;letter-spacing:.5px}.nmfc-class{color:#34c759;color:var(--primary-green);font-weight:600}.urgency{background:#ffeb3b;border-radius:12px;border-radius:var(--radius-lg);color:#f57c00;font-size:.75rem;font-size:var(--font-xs);font-weight:600;padding:.25rem .75rem;padding:var(--gap-xs) var(--gap-md)}.card-actions{display:flex;flex-shrink:0;gap:.5rem;gap:var(--gap-sm)}.card-actions .quote-btn,.contact-btn,.details-btn,.quote-btn-col .quote-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-weight:600;gap:.25rem;gap:var(--gap-xs);transition:all .2s ease;white-space:nowrap}.card-actions .quote-btn,.contact-btn{font-size:.85rem;padding:.5rem 1rem;padding:var(--gap-sm) var(--gap-lg)}.details-btn,.quote-btn-col .quote-btn{font-size:.8rem;font-size:var(--font-sm);height:32px;justify-content:center;min-width:70px;padding:.4rem .6rem}.contact-btn,.details-btn{background:#34c759;background:var(--primary-green);color:#fff;color:var(--bg-white)}.contact-btn:hover,.details-btn:hover{background:#2ecc71;background:var(--secondary-green);transform:translateY(-1px)}.card-actions .quote-btn,.quote-btn-col .quote-btn{background:#fff;background:var(--bg-white);border:1px solid #ddd;border:1px solid var(--border-light);color:#666;color:var(--text-muted)}.card-actions .quote-btn:hover,.quote-btn-col .quote-btn:hover{background:#f5f5f5;background:var(--bg-light);transform:translateY(-1px)}.empty-state{color:#666;color:var(--text-muted);padding:3rem;padding:var(--gap-3xl)}.empty-state svg{margin-bottom:1rem;margin-bottom:var(--gap-lg)}.empty-state h3{color:#333;margin-bottom:.5rem;margin-bottom:var(--gap-sm)}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:2rem;padding:var(--gap-2xl)}.error-container button{background:#34c759;background:var(--primary-green);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--bg-white);cursor:pointer;margin-top:1rem;margin-top:var(--gap-lg);padding:.75rem 1.5rem;padding:var(--gap-md) var(--gap-xl)}.distance-badge{background:linear-gradient(135deg,#34c759,#28a745);background:linear-gradient(135deg,var(--primary-green),#28a745);border-radius:10px;box-shadow:0 1px 3px #34c7594d;color:#fff;color:var(--bg-white);display:inline-block;font-size:.75rem;font-size:var(--font-xs);font-weight:600;min-width:60px;padding:.2rem .4rem;text-align:center;white-space:nowrap}.distance-info{align-items:center;display:flex;justify-content:center}@media (min-width:769px){.card-main{grid-gap:.75rem;grid-gap:var(--gap-md);align-items:center;display:grid;flex:1 1;gap:.75rem;gap:var(--gap-md);grid-template-columns:130px 1fr 100px 120px 100px 140px 80px 80px;grid-template-columns:var(--grid-cols-desktop)}.card-main .service-type{grid-column:1;justify-self:start}.card-main .route{grid-column:2;justify-self:start;min-width:0}.card-main .capacity,.card-main .weight{grid-column:4;justify-self:start;min-width:0}.card-main .date{grid-column:5;justify-self:start;min-width:0}.card-main .distance-info{grid-column:6;justify-self:center;min-width:0}.card-main .publication-date{grid-column:7;justify-self:start;min-width:90px}.card-main .details-btn{grid-column:8;justify-self:center;min-width:0}.card-main .quote-btn-col{grid-column:9;justify-self:center;min-width:0}.card-main .pallets{color:#888;color:var(--text-gray);font-size:.85rem;grid-column:3;grid-row:1;justify-self:start;margin-top:.25rem;margin-top:var(--gap-xs)}.card-actions{display:none}.truck-card .card-main{grid-template-columns:130px 1fr 100px 120px 100px 140px 80px 80px;grid-template-columns:var(--grid-cols-desktop)}.truck-card .card-main .equipment{grid-column:3;grid-row:1;justify-self:start;min-width:0}}@media (max-width:768px){.platform-page{padding:1rem 0;padding:var(--gap-lg) 0}.container{padding:0 .75rem;padding:0 var(--gap-md)}.platform-title{font-size:1.8rem;font-size:var(--font-xl)}.platform-description{font-size:1rem;font-size:var(--font-base)}.search-filter-section{margin-bottom:1.5rem;margin-bottom:var(--gap-xl);padding:1rem;padding:var(--gap-lg)}.filters-row{flex-direction:column;gap:.75rem;gap:var(--gap-md)}.date-range input,.filter-input,.filters-row select,.reset-btn{font-size:1rem;font-size:var(--font-base);padding:.75rem;padding:var(--gap-md);width:100%}.freight-list{gap:.75rem;gap:var(--gap-md)}.simple-card{align-items:stretch;display:flex;flex-direction:column;padding:.75rem;padding:var(--gap-md)}.card-main{grid-gap:.5rem;grid-gap:var(--gap-sm);align-items:center;display:grid!important;gap:.5rem;gap:var(--gap-sm);grid-template-columns:1fr 1fr;grid-template-columns:var(--grid-cols-mobile);grid-template-rows:auto auto auto auto;margin-bottom:.75rem;margin-bottom:var(--gap-md)}.card-main .route{grid-column:1;grid-row:1;justify-self:start}.card-main .service-type{grid-column:2;grid-row:1;justify-self:end}.card-main .cargo-type,.card-main .cargo-value,.card-main .equipment,.card-main .nmfc-class{grid-column:1;grid-row:2}.card-main .capacity,.card-main .weight{grid-column:2;grid-row:2;justify-self:end}.card-main .date{grid-column:1;grid-row:3;justify-self:start}.card-main .price,.card-main .rate{grid-column:2;grid-row:3;justify-self:end}.card-main .ewid{grid-column:1/-1;grid-row:4;justify-self:center;margin-top:.25rem;margin-top:var(--gap-xs);min-width:auto}.card-main .ewid,.service-type span{font-size:.75rem;font-size:var(--font-xs)}.service-type span{padding:.3rem .6rem}.route{font-size:.85rem;min-width:auto}.card-main .cargo-type,.card-main .cargo-value,.card-main .equipment,.card-main .nmfc-class{color:#888;color:var(--text-gray);font-size:.75rem;font-size:var(--font-xs)}.ewid,.publication-date{font-size:.75rem;font-size:var(--font-xs);margin-top:0;padding:.15rem .4rem}.card-actions{justify-content:space-between}.card-actions .quote-btn,.contact-btn{flex:1 1;font-size:.8rem;font-size:var(--font-sm);justify-content:center;padding:.6rem}}@media (max-width:480px){.container{padding:0 .5rem;padding:0 var(--gap-sm)}.platform-title{font-size:1.5rem}.search-filter-section{padding:.75rem;padding:var(--gap-md)}.date-range input,.filter-input,.filters-row select,.reset-btn{font-size:.9rem;font-size:var(--font-md);padding:.6rem}.simple-card{padding:.6rem}.card-main{gap:.4rem;margin-bottom:.6rem}.service-type span{font-size:.75rem;font-size:var(--font-xs);padding:.3rem .6rem}.route{font-size:.85rem}.card-main .price,.card-main .rate{font-size:.9rem;font-size:var(--font-md)}.card-actions .quote-btn,.contact-btn{font-size:.75rem;font-size:var(--font-xs);padding:.5rem;padding:var(--gap-sm)}}.premium-top{border:2px solid orange}.premium-highlight .card-main{position:relative;z-index:2}.premium-highlight{background:linear-gradient(135deg,#fffbf0,#fff8e1);border:1px solid #ffd7004d}.premium-highlight:hover{box-shadow:0 4px 20px #ffd70033}@media (max-width:768px){.premium-top-badge{font-size:11px;left:6px;padding:3px 6px;top:6px}.premium-top{border-width:1px}}.contact{padding:var(--space-8) 0}.contact-header{margin-bottom:var(--space-12);text-align:center}.contact-title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-4)}.contact-description{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.6;margin:0 auto;max-width:600px}.contact-content{align-items:start;display:flex;justify-content:center}.contact-info{max-width:600px;text-align:center;width:100%}.info-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-4)}.info-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-8)}.contact-cards{flex-direction:column;margin-bottom:var(--space-8)}.contact-card,.contact-cards{display:flex;gap:var(--space-4)}.contact-card{align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:var(--space-6);transition:all .3s ease}.contact-card:hover{border-color:var(--primary-green-alpha);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.contact-icon{align-items:center;background:var(--primary-green-alpha);border-radius:var(--radius-lg);color:var(--primary-green);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.contact-details{flex:1 1}.contact-card-title{color:var(--text-primary)}.contact-card-details,.contact-card-title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-1)}.contact-card-details{color:var(--primary-green)}.contact-card-description{color:var(--text-secondary);font-size:var(--font-size-sm)}@media (max-width:968px){.contact-content{justify-content:center}}@media (max-width:768px){.contact{padding:var(--space-6) 0}.contact-content{padding:0 var(--space-4)}.contact-card{padding:var(--space-4)}.contact-icon{height:40px;width:40px}}.auth-wrapper{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;font-family:var(--font-family);justify-content:center;min-height:100vh;padding:2rem 1rem}.auth-tabs{background:#ffffffe6;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;margin-bottom:2rem;padding:.5rem}.auth-tab{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.auth-tab.active{background:var(--primary-green);box-shadow:0 2px 8px #34c7594d;color:#fff}.auth-tab:hover:not(.active){background:#34c7591a;color:var(--primary-green)}.auth-content{width:100%}.auth-content,.auth-page{display:flex;justify-content:center}.auth-page{align-items:center;background:none;font-family:var(--font-family);min-height:auto;padding:0}.auth-container{background:#fff;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;max-width:1200px;min-height:600px;overflow:hidden;width:100%}.auth-container.register{max-width:900px}.auth-card{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--space-8)}.auth-header{margin-bottom:var(--space-8);text-align:center}.auth-logo{margin-bottom:var(--space-4)}.auth-logo-image{border-radius:var(--radius-lg);height:60px;width:60px}.auth-title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-2)}.auth-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}.auth-progress{margin-bottom:var(--space-8)}.progress-bar{background-color:var(--background-secondary);border-radius:var(--radius-full);height:4px;margin-bottom:var(--space-4);overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--primary-green),var(--primary-green-light));height:100%;transition:width .3s ease}.progress-steps{color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between}.progress-steps span.active{color:var(--primary-green);font-weight:600}.auth-form{flex:1 1}.auth-step{margin-bottom:var(--space-6)}.step-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-2)}.step-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-6)}.form-group{margin-bottom:var(--space-5)}.form-row{grid-gap:var(--space-4);gap:var(--space-4)}.form-label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-2)}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);left:var(--space-4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.form-input{background:#fff;border:2px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-size-base);padding:var(--space-4) var(--space-4) var(--space-4) 5rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px var(--primary-green-alpha)}.form-input:disabled{background-color:var(--background-secondary);cursor:not-allowed}.form-select{background:#fff;border:2px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-size-base);padding:var(--space-4);transition:all .2s ease;width:100%}.form-select:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px var(--primary-green-alpha);outline:none}.password-toggle{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:var(--space-1);position:absolute;right:var(--space-4);transition:color .2s ease;z-index:2}.password-toggle:hover{color:var(--primary-green)}.form-hint{color:var(--text-secondary);font-size:var(--font-size-xs);margin-bottom:0;margin-top:var(--space-1)}.user-type-selection{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.user-type-card{background:#fff;border:2px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;padding:var(--space-6);position:relative;text-align:center;transition:all .3s ease}.user-type-card:hover{border-color:var(--primary-green);box-shadow:0 8px 25px -5px #34c7591a;transform:translateY(-2px)}.user-type-card.selected{background:var(--primary-green-alpha);border-color:var(--primary-green);box-shadow:0 8px 25px -5px #34c75933}.user-type-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.user-type-card h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-2)}.user-type-card p{color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.user-type-card ul{list-style:none;margin:0;padding:0}.user-type-card li{color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--space-1) 0;position:relative}.user-type-card li:before{color:var(--primary-green);content:"✓";font-weight:700;margin-right:var(--space-2)}.selected-icon{color:var(--primary-green);position:absolute;right:var(--space-4);top:var(--space-4)}.form-options{justify-content:space-between;margin-bottom:var(--space-6)}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm)}.checkbox{-webkit-appearance:none;appearance:none;border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;height:20px;margin-right:var(--space-2);position:relative;width:20px}.checkbox:checked{background-color:var(--primary-green);border-color:var(--primary-green)}.checkbox:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkmark{border:2px solid var(--border);border-radius:var(--radius-sm);height:20px;margin-right:var(--space-2);position:relative;transition:all .2s ease;width:20px}.checkbox:checked+.checkmark{background-color:var(--primary-green);border-color:var(--primary-green)}.checkbox:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.forgot-link{color:var(--primary-green);font-size:var(--font-size-sm);font-weight:500;text-decoration:none}.forgot-link:hover{text-decoration:underline}.terms-link{color:var(--primary-green);font-weight:500;margin:0 var(--space-1);text-decoration:none}.terms-link:hover{text-decoration:underline}.auth-submit-btn{align-items:center;background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:600;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-6);padding:var(--space-4);transition:all .3s ease;width:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px -5px #34c7594d;transform:translateY(-2px)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-submit-btn.loading{cursor:not-allowed}.form-actions{margin-top:var(--space-6)}.form-actions .btn{align-items:center;border-radius:var(--radius-lg);display:flex;flex:1 1;font-size:var(--font-size-base);font-weight:600;gap:var(--space-2);justify-content:center;padding:var(--space-4);transition:all .2s ease}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;height:24px;width:24px}.auth-error{align-items:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-lg);color:#dc2626;display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-4)}.auth-error,.auth-footer{font-size:var(--font-size-sm)}.auth-footer{border-top:1px solid var(--border);color:var(--text-secondary);padding-top:var(--space-6);text-align:center}.auth-footer p{display:inline;margin-right:var(--space-2)}.auth-link{color:var(--primary-green);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-side{align-items:center;background:linear-gradient(135deg,var(--primary-green),var(--primary-green-dark));color:#fff;display:flex;flex:1 1;justify-content:center;padding:var(--space-8)}.auth-side-content h2{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-4)}.auth-side-content>p{font-size:var(--font-size-lg);margin-bottom:var(--space-8);opacity:.9}.auth-features{space-y:var(--space-6)}.feature-item{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.feature-icon{font-size:2rem}.feature-item h3{color:#fff;font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-1)}.feature-item p{color:#fff;font-size:var(--font-size-sm);margin:0;opacity:.8}@media (max-width:1024px){.auth-container{flex-direction:column;max-width:600px}.auth-side{order:-1;padding:var(--space-6)}.auth-side-content h2{font-size:var(--font-size-2xl)}.auth-features{display:flex;gap:var(--space-4);overflow-x:auto}.feature-item{flex-direction:column;margin-bottom:0;min-width:200px;text-align:center}.feature-icon{align-self:center}}@media (max-width:768px){.auth-page{padding:var(--space-2)}.auth-container{max-width:100%;min-height:auto}.auth-card{padding:var(--space-6)}.auth-title{font-size:var(--font-size-2xl)}.form-row,.user-type-selection{grid-template-columns:1fr}.form-actions{flex-direction:column}.auth-side{padding:var(--space-4)}.auth-features{flex-direction:column}.feature-item{flex-direction:row;min-width:auto;text-align:left}}@media (max-width:480px){.auth-card{padding:var(--space-4)}.auth-header{margin-bottom:var(--space-6)}.auth-title{font-size:var(--font-size-xl)}.user-type-card{padding:var(--space-4)}.user-type-icon{font-size:2rem}}.yellow-pages{background:#f8f9fa;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.yellow-page-header{background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);border-radius:16px;color:#fff;margin-bottom:30px;padding:40px;text-align:center}.header-top{display:flex;justify-content:flex-start;margin-bottom:20px}.header-content{text-align:center}.yellow-page-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px}.yellow-page-header p{color:#fff;font-size:1.1rem;margin-bottom:0}.back-button{align-items:center;background:#fff;border:1px solid #e1e8ed;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;position:relative;transition:all .2s ease;z-index:10}.back-button:hover{background:#f8f9fa;border-color:#3498db;color:#3498db}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.category-card{background:#fff;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 4px 6px #00000012;cursor:pointer;padding:24px;transition:all .3s ease}.category-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.category-header h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0}.subcategories-preview{display:flex;flex-wrap:wrap;gap:8px}.subcategory-tag{background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;color:#6c757d}.more-tag,.subcategory-tag{font-size:.85rem;padding:4px 12px}.more-tag{background:#e3f2fd;border-radius:16px;color:#1976d2;font-weight:500}.subcategories-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px}.subcategory-card{background:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 2px 8px #00000014;cursor:pointer;padding:20px;transition:all .2s ease}.subcategory-card:hover{border-color:#3498db;box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.subcategory-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.subcategory-header h3{color:#2c3e50;font-size:1.2rem;font-weight:500;margin:0}.company-count{color:#7f8c8d;font-size:.9rem}.controls-section{margin-bottom:30px}.search-bar{border:1px solid #e1e8ed;border-radius:8px;max-width:400px;padding:12px 16px}.search-bar input{color:#2c3e50;font-size:14px}.search-bar input::placeholder{color:#95a5a6}.publish-button{align-items:center;background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.publish-button:hover{background:#229954;transform:translateY(-1px)}.companies-list{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px}.company-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;transition:all .2s ease}.company-card:hover{border-color:#e3f2fd;box-shadow:0 4px 16px #0000001f}.company-header{margin-bottom:16px}.company-basic{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.company-basic h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.verified-badge{background:#27ae60;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px}.company-rating{align-items:center;color:#f39c12;display:flex;font-size:.9rem;gap:4px}.company-rating span{color:#7f8c8d}.company-description{color:#5a6c7d;font-size:.95rem;line-height:1.6;margin-bottom:20px}.company-contact{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.contact-item{color:#7f8c8d;gap:8px}.contact-item svg{color:#95a5a6}.company-actions{display:flex;flex-wrap:wrap;gap:12px}.action-button{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:8px 12px;transition:all .2s ease}.action-button:hover{background:#e9ecef;color:#495057}.contact-button{background:#3498db;border-radius:6px;font-size:.85rem;padding:8px 16px}.contact-button:hover{background:#2980b9}.no-companies{color:#7f8c8d;padding:60px 20px;text-align:center}.no-companies svg{color:#bdc3c7;margin-bottom:20px}.no-companies h3{color:#5a6c7d;font-size:1.3rem;margin-bottom:8px}.no-companies p{margin-bottom:24px}.modal-content{border-radius:12px;box-shadow:0 10px 40px #0003}.modal-header{border-bottom:1px solid #f0f0f0;padding:24px 24px 0}.modal-header button{color:#95a5a6;font-size:24px;height:30px;width:30px}.modal-header button:hover{color:#7f8c8d}.modal-body{padding:0 24px 24px}.form-row{grid-gap:16px}.form-group label{color:#2c3e50}.form-group input,.form-group select,.form-group textarea{border:1px solid #e1e8ed;border-radius:6px;color:#2c3e50;font-size:14px;padding:12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-actions{border-top:1px solid #f0f0f0;padding-top:20px}.cancel-button{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-size:14px}.cancel-button:hover{background:#e9ecef;color:#495057}.submit-button{background:#27ae60;border-radius:6px;font-size:14px}.submit-button:hover{background:#229954}@media (max-width:768px){.yellow-pages{padding:15px}.yellow-page-header h1{font-size:2rem}.categories-grid,.subcategories-grid{grid-template-columns:1fr}.controls-section{align-items:stretch;flex-direction:column}.search-bar{max-width:none}.form-row{grid-template-columns:1fr}.company-basic,.form-actions{flex-direction:column}.company-basic{align-items:flex-start;gap:8px}.company-actions{justify-content:center}}.premium-highlight .company-actions,.premium-highlight .company-contact,.premium-highlight .company-description,.premium-highlight .company-header{position:relative;z-index:2}.jobs-page{background:#f8f9fa;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.page-header-jobs{background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);border-radius:16px;color:#fff;margin-bottom:30px;padding:40px;text-align:center}.tab-button.active{background:#667eea;box-shadow:0 2px 8px #667eea4d}.filter-button:hover{border-color:#667eea;color:#667eea}.filter-button.active{background:#667eea;border-color:#667eea}.post-button{background:#667eea}.post-button:hover{background:#5a6fd8;box-shadow:0 4px 12px #667eea4d}.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.jobs-list{display:flex;flex-direction:column;gap:20px}.job-card{background:#fff;border:1px solid #f1f3f4;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px;transition:all .2s ease}.job-card:hover{border-color:#667eea;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.job-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.job-title h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0 0 4px}.company-name{color:#667eea;font-size:.95rem;font-weight:500;margin-right:8px}.job-category{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:.8rem;font-weight:500;padding:2px 8px}.job-salary{background:#fff;border-radius:6px;color:red;font-size:.9rem;font-weight:600;padding:6px 12px}.job-details{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.job-description{color:#495057;font-size:.95rem;line-height:1.6;margin-bottom:20px}.job-actions{display:flex;gap:12px}.apply-button{align-items:center;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.apply-button:hover{background:#0056b3;transform:translateY(-1px)}.resumes-list{display:flex;flex-direction:column;gap:20px}.resume-card{background:#fff;border:1px solid #f1f3f4;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:24px;transition:all .2s ease}.resume-card:hover{border-color:#667eea;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.resume-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.resume-basic h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 4px}.resume-basic .position{color:#667eea;font-weight:500;margin-right:12px}.resume-basic .experience{background:#f8f9fa;border-radius:4px;color:#6c757d;font-size:.85rem;padding:2px 8px}.resume-location{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:6px}.resume-contact{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.contact-item{color:#6c757d;font-size:.9rem;gap:6px}.contact-item svg{color:#9ca3af}.contact-item.posted{color:#95a5a6}.resume-skills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.skill-tag{background:#e3f2fd;border-radius:16px;color:#1976d2;font-size:.8rem;font-weight:500;padding:4px 10px}.resume-actions{display:flex;gap:12px}.view-button{background:#28a745;border:1px solid #dee2e6;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.view-button:hover{background:#218838;transform:translateY(-1px)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.submit-button{background:#667eea}.submit-button:hover{background:#5a6fd8}@media (max-width:768px){.jobs-page{padding:20px}.jobs-header h1{font-size:2rem}.search-filter-section{flex-direction:column;gap:16px}.search-section{flex-direction:column;gap:12px}.search-bar{width:100%}.filter-section{gap:12px;grid-template-columns:1fr}.tabs{padding:0 16px}.job-header,.resume-header{align-items:flex-start;flex-direction:column;gap:12px}.job-details,.resume-contact{gap:8px;grid-template-columns:1fr}.job-actions,.resume-actions{flex-direction:column;gap:8px}.job-actions button,.resume-actions button{width:100%}.post-buttons{flex-direction:column;gap:12px}.post-buttons button{width:100%}}.premium-post{overflow:hidden;position:relative}.premium-top-badge{align-items:center;background:linear-gradient(135deg,gold,orange);border:1px solid #ffa5004d;border-radius:12px;box-shadow:0 2px 8px #ffd7004d;color:#8b4513;display:flex;font-size:12px;font-weight:600;gap:4px;left:8px;padding:4px 8px;position:absolute;top:8px;z-index:10}.premium-top{border:2px solid orange!important;box-shadow:0 4px 20px #ffa50033}.premium-top:hover{box-shadow:0 6px 25px #ffa5004d}.premium-highlight .premium-overlay{background:linear-gradient(135deg,#ffd7001a,#ffa5000d);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.premium-highlight .job-actions,.premium-highlight .job-description,.premium-highlight .job-details,.premium-highlight .job-header,.premium-highlight .resume-actions,.premium-highlight .resume-contact,.premium-highlight .resume-header,.premium-highlight .resume-skills{position:relative;z-index:2}.premium-highlight{background:linear-gradient(135deg,#fffbf0,#fff8e1)!important;border:1px solid #ffd7004d!important}.premium-highlight:hover{box-shadow:0 4px 20px #ffd70033!important}@media (max-width:768px){.premium-top-badge{font-size:11px;padding:3px 6px;right:6px;top:6px}.premium-top{border-width:1px!important}}.logistics-truck-rental-fleet-platform-美国货运物流租车系统-卡车货车设备租赁服务信息平台-page{background:#f8f9fa;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.page-header-rental{background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);border-radius:16px;color:#fff;margin-bottom:30px;padding:40px;text-align:center}.header-content h1{font-size:2.5rem;font-weight:700;margin-bottom:10px}.header-content p{font-size:1.1rem;margin:0;opacity:.9}.tab-switcher{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:400px;padding:8px}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.tab-button.active{background:#28a745;box-shadow:0 2px 8px #28a7454d;color:#fff}.tab-button:hover:not(.active){background:#f8f9fa;color:#495057}.controls-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.search-bar{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 4px #0000000a;flex:1 1;gap:12px;max-width:500px;padding:14px 18px}.search-bar svg{color:#6c757d}.search-bar input{border:none;color:#495057;flex:1 1;font-size:16px;outline:none}.search-bar input::placeholder{color:#adb5bd}.control-buttons{align-items:center;display:flex;gap:12px}.filter-button{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:10px;color:#6c757d;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:14px 18px;transition:all .2s ease;white-space:nowrap}.filter-button:hover{background:#f8f9fa;border-color:#28a745;color:#28a745}.filter-button.active{background:#28a745;border-color:#28a745;color:#fff}.filter-button .rotated{transform:rotate(180deg)}.post-button{align-items:center;background:#28a745;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 24px;transition:all .2s ease;white-space:nowrap}.post-button:hover{background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.filters-panel{background:#fff;border:1px solid #f1f3f4;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:30px;padding:24px}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#495057;font-size:.9rem;font-weight:500}.filter-group select{background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s ease}.filter-group select:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a;outline:none}.filter-actions{align-items:center;border-top:1px solid #f1f3f4;display:flex;justify-content:space-between;padding-top:16px}.filter-count{color:#6c757d;font-size:.9rem}.clear-filters{background:#0000;border:1px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s ease}.clear-filters:hover{background:#dc3545;color:#fff}.content-area{margin:0 auto;max-width:800px}.items-list{display:flex;flex-direction:column;gap:20px}.item-card{background:#fff;border:1px solid #f1f3f4;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:20px;overflow:hidden;transition:all .2s ease}.item-card:hover{border-color:#28a745;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.item-image{flex-shrink:0;height:150px;overflow:hidden;position:relative;width:200px}.item-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.item-card:hover .item-image img{transform:scale(1.05)}.no-image{align-items:center;background:#f8f9fa;color:#6c757d;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.no-image span{font-size:.8rem;margin-top:8px}.image-count{align-items:center;background:#000000b3;border-radius:12px;color:#fff;display:flex;font-size:.75rem;gap:4px;padding:4px 8px;position:absolute;right:8px;top:8px}.item-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.item-title h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0 0 4px}.item-category{background:#e8f5e8;color:#28a745;margin-right:8px}.item-category,.item-subcategory{border-radius:4px;font-size:.8rem;font-weight:500;padding:2px 8px}.item-subcategory{background:#e3f2fd;color:#1976d2}.item-price{background:#fff;border:1px solid #dc3545;border-radius:6px;color:#dc3545;font-size:.9rem;font-weight:600;padding:6px 12px}.item-details{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.detail-item{align-items:center;color:#6c757d;font-size:.9rem;gap:6px}.detail-item svg{color:#9ca3af}.detail-item.posted{color:#95a5a6}.item-description{color:#495057;flex:1 1;font-size:.95rem;line-height:1.6;margin-bottom:20px}.item-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.item-stats{color:#6c757d;display:flex;font-size:.85rem;gap:16px}.item-stats span{align-items:center;display:flex;gap:4px}.item-actions{display:flex;gap:12px}.contact-button{align-items:center;background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.contact-button:hover{background:#218838;transform:translateY(-1px)}.details-button{background:#0000;border:1px solid #28a745;border-radius:8px;color:#28a745;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s ease}.details-button:hover{background:#28a745;color:#fff}.favorite-button{align-items:center;background:#0000;border:1px solid #ffc107;border-radius:8px;color:#ffc107;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.favorite-button:hover{background:#ffc107;color:#212529}.empty-state{color:#6c757d;padding:60px 20px;text-align:center}.empty-state svg{color:#dee2e6;margin-bottom:20px}.empty-state h3{color:#495057;font-size:1.2rem;margin-bottom:8px}.empty-state p{font-size:.95rem;margin:0}.modal-overlay{background:#00000080;padding:20px}.modal-content{border-radius:16px;max-width:600px}.detail-modal{max-width:900px}.modal-header{border-bottom:1px solid #f1f3f4;margin-bottom:24px;padding:24px 24px 20px}.modal-header h2{color:#2c3e50;font-size:1.5rem;font-weight:600}.modal-header button{border-radius:4px;color:#6c757d;padding:4px;transition:all .2s ease}.modal-header button:hover{background:#f8f9fa;color:#495057}.modal-body{padding:0 24px}.image-upload-area{border:2px dashed #e9ecef;border-radius:8px;margin-bottom:16px;padding:20px;text-align:center;transition:all .2s ease}.image-upload-area:hover{background:#f8fff8;border-color:#28a745}.upload-button{align-items:center;background:#28a745;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.upload-button:hover{background:#218838;transform:translateY(-1px)}.upload-hint{color:#6c757d;font-size:.85rem;margin:12px 0 0}.image-preview-area{margin-top:16px}.image-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-preview-item{border:2px solid #e9ecef;border-radius:8px;overflow:hidden;position:relative;transition:all .2s ease}.image-preview-item:hover{border-color:#28a745}.image-preview-item img{display:block;height:120px;object-fit:cover;width:100%}.image-actions{align-items:center;background:#000000b3;bottom:0;display:flex;flex-direction:column;gap:8px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.image-preview-item:hover .image-actions{opacity:1}.cover-button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:4px 8px;transition:all .2s ease}.cover-button.active{background:#ffc107;color:#212529}.remove-button{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.remove-button:hover{background:#c82333}.detail-images{margin-bottom:24px}.main-image{background:#f8f9fa;border-radius:12px;margin-bottom:16px;overflow:hidden;position:relative}.main-image img{display:block;height:400px;object-fit:cover;width:100%}.image-nav{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px}.image-nav:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.image-nav.prev{left:16px}.image-nav.next{right:16px}.image-indicator{background:#000000b3;border-radius:12px;bottom:16px;color:#fff;font-size:.85rem;padding:4px 12px;position:absolute;right:16px}.image-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:8px 0}.image-thumbnails img{border:2px solid #0000;border-radius:6px;cursor:pointer;flex-shrink:0;height:60px;object-fit:cover;transition:all .2s ease;width:80px}.image-thumbnails img:hover{border-color:#28a745}.image-thumbnails img.active{border-color:#28a745;box-shadow:0 0 0 2px #28a74533}.detail-price{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#dc3545;font-size:2rem;font-weight:700;padding:16px;text-align:center}.detail-info,.detail-price{margin-bottom:24px}.info-row{border-bottom:1px solid #f8f9fa;display:flex;padding:8px 0}.info-row .label{color:#6c757d;font-weight:500;min-width:80px}.detail-description{margin-bottom:24px}.detail-description h4{color:#2c3e50;font-size:1.1rem;margin-bottom:12px}.detail-description p{color:#495057;line-height:1.6}.detail-specifications{margin-bottom:24px}.detail-specifications h4{color:#2c3e50;font-size:1.1rem;margin-bottom:12px}.specs-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.spec-item{background:#f8f9fa;border-radius:6px;display:flex;padding:8px 12px}.spec-label{color:#6c757d;font-weight:500;min-width:100px}.spec-value{color:#495057}.detail-contact{margin-bottom:24px}.detail-contact h4{color:#2c3e50;font-size:1.1rem;margin-bottom:12px}.contact-info div{padding:4px 0}.form-group{margin-bottom:20px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1 1}.form-group label{color:#495057;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.form-actions{border-top:1px solid #f1f3f4;gap:12px;margin-top:24px;padding:24px}.cancel-button{background:#0000;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s ease}.cancel-button:hover{background:#f8f9fa;border-color:#adb5bd}.submit-button{align-items:center;background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.submit-button:hover{background:#218838;transform:translateY(-1px)}@media (max-width:768px){.logistics-truck-rental-fleet-platform-美国货运物流租车系统-卡车货车设备租赁服务信息平台-page{padding:16px}.page-header-rental{padding:30px 20px}.header-content h1{font-size:2rem}.tab-switcher{max-width:100%}.controls-section{align-items:stretch;flex-direction:column}.control-buttons{justify-content:stretch}.search-bar{max-width:100%}.filters-grid{grid-template-columns:1fr}.form-row,.item-card{flex-direction:column}.item-card{gap:0}.item-image{height:200px;width:100%}.item-content{padding:16px}.item-header{align-items:flex-start}.item-footer,.item-header{flex-direction:column;gap:12px}.item-footer{align-items:stretch}.item-actions{justify-content:space-between}.filter-actions,.form-actions{flex-direction:column}.filter-actions{align-items:stretch;gap:12px}.clear-filters{align-self:center}.specs-grid{grid-template-columns:1fr}.detail-modal{max-width:95vw}.main-image img{height:250px}.image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-preview-item img{height:100px}.image-nav{height:35px;width:35px}.image-nav.prev{left:8px}.image-nav.next{right:8px}}.forum{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.page-header{background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);color:#fff;padding:4rem 0 2rem;text-align:center}.page-header h1{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-4)}.page-header p{font-size:var(--font-size-lg);margin:0 auto;max-width:600px;opacity:.9}.forum-layout{grid-gap:var(--space-8);align-items:start;display:grid;gap:var(--space-8);grid-template-columns:280px 1fr;padding:var(--space-8) 0}.forum-sidebar{position:-webkit-sticky;position:sticky;top:var(--space-8)}.categories,.hot-topics{background:#fff;border-radius:var(--radius-xl);box-shadow:0 2px 12px var(--shadow);margin-bottom:var(--space-8);overflow:hidden}.categories h3,.hot-topics h3{background:var(--background-secondary);border-bottom:1px solid var(--border);color:var(--text-primary);font-size:var(--font-size-lg);margin:0;padding:var(--space-6)}.category-list,.topic-list{padding:var(--space-4) 0}.category-item,.topic-item{align-items:center;border-left:3px solid #0000;color:var(--text-primary);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-6);transition:all .3s ease}.category-item.active,.category-item:hover,.topic-item:hover{background:var(--primary-green-alpha);color:var(--primary-green)}.category-item.active{border-left-color:var(--primary-green)}.forum-main{min-height:80vh}.forum-toolbar{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8)}.search-section{flex:1 1;max-width:600px}.search-input-group{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:0 2px 10px var(--shadow);display:flex;padding:var(--space-2)}.search-input-group svg{color:var(--text-secondary);margin-left:var(--space-4)}.search-input-group input{border:none;flex:1 1;font-size:var(--font-size-base);outline:none;padding:var(--space-3) var(--space-4)}.search-btn{background:var(--primary-green);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-weight:600;padding:var(--space-3) var(--space-8);transition:all .3s ease}.search-btn:hover{background:var(--primary-green-dark);transform:translateY(-1px)}.publish-btn{align-items:center;background:var(--primary-green);border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-8);transition:all .3s ease;white-space:nowrap}.publish-btn:hover{background:var(--primary-green-dark);transform:translateY(-1px)}.tab-navigation{background:#fff;border-bottom:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 2px 12px var(--shadow);margin-bottom:var(--space-8);padding:var(--space-4)}.tab-btn,.tab-navigation{display:flex;gap:var(--space-2)}.tab-btn{align-items:center;border-radius:var(--radius-lg);color:var(--text-secondary);font-weight:500;padding:var(--space-3) var(--space-6)}.tab-btn.active,.tab-btn:hover{background:var(--primary-green-alpha);color:var(--primary-green)}.posts-list{gap:var(--space-6)}.post-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 2px 12px var(--shadow);overflow:hidden;position:relative;transition:all .3s ease}.post-card:hover{box-shadow:0 8px 25px var(--shadow);transform:translateY(-2px)}.hot-tag,.top-tag{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;padding:var(--space-1) var(--space-3);position:absolute;right:var(--space-4);top:var(--space-4);z-index:1}.top-tag{background:#ff4d4f;color:#fff}.hot-tag{background:var(--primary-green);color:#fff}.post-header{border-bottom:1px solid var(--border);padding:var(--space-6)}.author-info{align-items:center;display:flex;gap:var(--space-4)}.avatar{border:2px solid var(--border);border-radius:50%;height:48px;object-fit:cover;width:48px}.author-details{display:flex;flex-direction:column;gap:var(--space-1)}.author-name{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:var(--space-2)}.level-badge{background:#ffffffe6;border:1px solid;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.author-title{color:var(--text-secondary);font-size:var(--font-size-sm)}.post-meta{align-items:flex-end;flex-direction:column;gap:var(--space-2)}.category-badge{background:var(--primary-green-alpha);border:1px solid var(--primary-green);border-radius:var(--radius-full);color:var(--primary-green);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3)}.publish-time{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--space-1)}.post-content{padding:0 var(--space-6) var(--space-6) var(--space-6)}.post-title{color:var(--text-primary);cursor:pointer;font-size:var(--font-size-xl);margin:0 0 var(--space-4) 0;transition:color .3s ease}.post-title:hover{color:var(--primary-green)}.post-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;line-height:1.6;overflow:hidden}.post-images,.post-summary{margin-bottom:var(--space-4)}.post-images img{border:1px solid var(--border);border-radius:var(--radius-lg);max-height:300px;object-fit:cover;width:100%}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.tag{background:var(--primary-green-alpha);border:1px solid var(--primary-green);border-radius:var(--radius-full);color:var(--primary-green);cursor:pointer;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3);transition:all .3s ease}.tag:hover{background:var(--primary-green);color:#fff}.post-footer{align-items:center;background:var(--background-secondary);border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.post-stats{color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--space-4)}.post-stats span{align-items:center;display:flex;gap:var(--space-1)}.post-actions{gap:var(--space-2)}.action-btn{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-xs);gap:var(--space-1);padding:var(--space-2) var(--space-4)}.action-btn:hover{background:var(--primary-green-alpha);border-color:var(--primary-green);color:var(--primary-green)}.action-btn.primary{background:var(--primary-green);border-color:var(--primary-green);color:#fff}.action-btn.primary:hover{background:var(--primary-green-dark)}.loading{color:var(--text-secondary);display:flex;flex-direction:column;padding:var(--space-16) var(--space-8)}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border);border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary-green);height:40px;margin-bottom:var(--space-4);width:40px}.no-results{align-items:center;background:#fff;border-radius:var(--radius-xl);box-shadow:0 2px 12px var(--shadow);color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-16) var(--space-8)}.no-results svg{color:var(--text-tertiary);margin-bottom:var(--space-4)}.no-results h3{color:var(--text-primary);margin-bottom:var(--space-2)}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-8);position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:var(--radius-xl);box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--space-6)}.modal-header h2{color:var(--text-primary)}.modal-header button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-2xl);height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.modal-header button:hover{background:var(--background-secondary)}.modal-body{padding:var(--space-6)}.post-detail-modal{max-width:900px}.post-detail-content{display:flex;flex-direction:column;gap:var(--space-8)}.post-detail-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding-bottom:var(--space-8)}.author-stats{color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-4)}.post-detail-meta{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-2)}.post-detail-body{display:flex;flex-direction:column;gap:var(--space-6)}.post-content-full{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.8}.post-actions-bar{border-bottom:1px solid var(--border);display:flex;gap:var(--space-4);padding:var(--space-8) 0}.replies-section{display:flex;flex-direction:column;gap:var(--space-6)}.replies-section h4{color:var(--text-primary);margin:0}.reply-form{display:flex;flex-direction:column;gap:var(--space-4)}.reply-form textarea{border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);padding:var(--space-4);resize:vertical;transition:all .3s ease}.reply-form textarea:focus{border-color:var(--primary-green);box-shadow:0 0 0 2px var(--primary-green-alpha);outline:none}.reply-actions{display:flex;justify-content:flex-end}.btn-primary{align-items:center;background:var(--primary-green);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all .3s ease}.btn-primary:hover{background:var(--primary-green-dark)}.btn-primary:disabled{background:var(--text-tertiary);cursor:not-allowed}.replies-list{flex-direction:column}.replies-list,.reply-item{display:flex;gap:var(--space-4)}.reply-item{background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.reply-avatar{border:1px solid var(--border);border-radius:50%;height:32px;object-fit:cover;width:32px}.reply-content{flex:1 1}.reply-author{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--space-4);margin-bottom:var(--space-2)}.reply-author span:first-child{color:var(--text-primary);font-weight:600}.reply-time{color:var(--text-secondary)}.reply-content p{color:var(--text-primary);line-height:1.6;margin:0}.publish-form{gap:var(--space-6)}.form-group{gap:var(--space-2)}.form-group label{color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);padding:var(--space-3)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-green);box-shadow:0 0 0 2px var(--primary-green-alpha)}.form-group textarea{min-height:150px}.form-actions{display:flex;gap:var(--space-4);justify-content:flex-end}.btn-secondary{background:#fff;border:1px solid var(--primary-green);border-radius:var(--radius-lg);color:var(--primary-green);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-3) var(--space-6);transition:all .3s ease}.btn-secondary:hover{background:var(--primary-green-alpha)}@media (max-width:1024px){.forum-layout{gap:var(--space-4);grid-template-columns:1fr}.forum-sidebar{order:1;position:static}.categories,.hot-topics{margin-bottom:var(--space-4)}.forum-main{order:0}}@media (max-width:768px){.page-header h1{font-size:var(--font-size-3xl)}.forum-toolbar{align-items:stretch;flex-direction:column;gap:var(--space-4)}.search-section{max-width:none}.tab-navigation{flex-direction:column;gap:var(--space-2)}.post-header{flex-direction:column;gap:var(--space-4)}.post-meta{align-items:flex-start}.post-footer{flex-direction:column;gap:var(--space-4)}.post-actions{flex-wrap:wrap;justify-content:center}.post-detail-header{flex-direction:column;gap:var(--space-4)}.post-detail-meta{align-items:flex-start}.post-actions-bar{flex-wrap:wrap;justify-content:center}.form-actions{flex-direction:column}}.freight-calculator-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:var(--space-6) 0}.page-header{background:#fff;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:var(--space-8);padding:var(--space-8)}.header-content{gap:var(--space-6)}.header-content,.header-icon{align-items:center;display:flex}.header-icon{background:linear-gradient(135deg,var(--primary-green),#22c55e);border-radius:var(--radius-xl);color:#fff;flex-shrink:0;height:80px;justify-content:center;width:80px}.header-text h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--space-2)}.header-text p{color:var(--text-secondary);font-size:1.125rem;margin:0}.calculator-container{background:#fff;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:var(--space-8);overflow:hidden}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.input-section,.results-section{padding:var(--space-8)}.input-section{background:#fafafa;border-right:1px solid var(--border)}.results-section{background:#fff}.section-header{align-items:center;border-bottom:2px solid var(--primary-green);gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.section-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.info-banner{align-items:flex-start;background:#dbeafe;border:1px solid #93c5fd;border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4)}.info-banner p{color:#1e40af;font-size:.875rem;line-height:1.5;margin:0}.input-form{gap:var(--space-6)}.input-form,.input-group{display:flex;flex-direction:column}.input-group{gap:var(--space-2)}.input-label{color:var(--text-primary);font-size:.875rem;font-weight:500;gap:var(--space-2)}.dual-unit-input,.input-label{align-items:center;display:flex}.dual-unit-input{gap:var(--space-3)}.unit-input{flex:1 1;position:relative}.unit-input input{border:1px solid var(--border);border-radius:var(--radius-lg);font-size:.875rem;padding:var(--space-3);padding-right:60px;transition:all .2s ease;width:100%}.unit-input input:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #34c7591a;outline:none}.unit-label{color:var(--text-secondary);font-size:.75rem;font-weight:500;pointer-events:none;position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%)}.conversion-arrow{color:var(--primary-green);flex-shrink:0}.dimensions-group{display:flex;flex-direction:column;gap:var(--space-4)}.dimensions-group h3{border-bottom:1px solid var(--border);margin:0;padding-bottom:var(--space-2)}.dimensions-group h3,.special-attributes h3{color:var(--text-primary);font-size:1.125rem;font-weight:600}.special-attributes h3{margin:0 0 var(--space-3) 0}.checkbox-group{display:flex;flex-direction:column;gap:var(--space-3)}.checkbox-item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--space-2)}.checkbox-item input[type=checkbox]{accent-color:var(--primary-green);height:16px;width:16px}.checkbox-item.hazmat span{color:#dc2626;font-weight:500}.form-actions{border-top:1px solid var(--border);padding-top:var(--space-4)}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--space-2);padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .2s ease}.btn.secondary{background:#f1f5f9;border:1px solid var(--border);color:var(--text-primary)}.btn.secondary:hover{background:#e2e8f0}.results-content{display:flex;flex-direction:column;gap:var(--space-6)}.results-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr}.result-card{align-items:center;background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-5);transition:all .2s ease}.result-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.result-card.primary{background:linear-gradient(135deg,var(--primary-green-alpha),#34c7591a);border-color:var(--primary-green)}.result-icon{align-items:center;background:#fff;border-radius:var(--radius-lg);color:var(--primary-green);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.result-card.primary .result-icon{background:var(--primary-green);color:#fff}.result-info h3{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0 0 var(--space-1) 0}.result-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 var(--space-1) 0}.result-card.primary .result-value{color:var(--primary-green)}.result-description{color:var(--text-secondary);font-size:.75rem;margin:0}.class-description{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:var(--radius-lg);padding:var(--space-5)}.description-header{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.description-header h3{color:#0c4a6e;font-size:1rem;font-weight:600;margin:0}.class-description p{color:#0c4a6e;font-size:.875rem;line-height:1.5;margin:0}.calculation-note{align-items:flex-start;background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-4)}.calculation-note p{color:#92400e;font-size:.875rem;line-height:1.5;margin:0}.empty-results{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-results svg{margin-bottom:var(--space-4);opacity:.5}.empty-results h3{font-size:1.125rem;font-weight:600;margin:0 0 var(--space-2) 0}.empty-results p{font-size:.875rem;line-height:1.5;margin:0}.help-section{background:#fff;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:var(--space-8)}.help-section h2{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin:0 0 var(--space-6) 0;text-align:center}.help-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.help-card{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.help-card h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--space-3) 0}.help-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0}@media (max-width:1024px){.calculator-grid{grid-template-columns:1fr}.input-section{border-bottom:1px solid var(--border);border-right:none}}@media (max-width:768px){.freight-calculator-page{padding:var(--space-3) 0}.page-header{margin-bottom:var(--space-5);padding:var(--space-5)}.header-content{flex-direction:column;gap:var(--space-4);text-align:center}.header-icon{height:60px;width:60px}.header-text h1{font-size:1.875rem}.header-text p{font-size:1rem}.input-section,.results-section{padding:var(--space-5)}.dual-unit-input{align-items:stretch;flex-direction:column;gap:var(--space-3)}.conversion-arrow{align-self:center;margin:var(--space-1) 0;transform:rotate(90deg)}.unit-input{width:100%}.result-card,.results-grid{gap:var(--space-3)}.result-card{flex-direction:column;padding:var(--space-4);text-align:center}.result-icon{height:40px;width:40px}.help-section{padding:var(--space-5)}}@media (max-width:480px){.freight-calculator-page{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh;padding:var(--space-2) 0}.container{display:flex;flex:1 1;flex-direction:column;padding:0 var(--space-3)}.page-header{border-radius:var(--radius-lg);margin-bottom:var(--space-3);padding:var(--space-3)}.header-content{flex-direction:row;gap:var(--space-2);text-align:left}.header-icon{flex-shrink:0;height:36px;width:36px}.header-text h1{font-size:1.25rem;margin-bottom:0}.header-text p{display:none;font-size:.75rem;line-height:1.2}.calculator-container{border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000001a;display:flex;flex:1 1;flex-direction:column;max-height:calc(100vh - 120px)}.calculator-grid{display:flex;flex-direction:column;height:100%;min-height:0}.input-section{border-bottom:1px solid var(--border);flex:0 0 auto;max-height:45vh}.input-section,.results-section{overflow-y:auto;padding:var(--space-3)}.results-section{background:#fff;flex:1 1;min-height:0}.section-header{margin-bottom:var(--space-2);padding-bottom:var(--space-2)}.section-header h2{font-size:1rem}.info-banner{display:none}.input-form{gap:var(--space-3)}.input-group{gap:var(--space-1)}.input-label{font-size:.75rem;font-weight:600}.dual-unit-input{gap:var(--space-2)}.unit-input input{border-radius:var(--radius-md);font-size:.875rem;min-height:44px;padding:var(--space-2) var(--space-3);padding-right:50px}.unit-label{font-size:.75rem;right:var(--space-2)}.conversion-arrow{color:var(--primary-green);height:14px;margin:var(--space-1) 0;width:14px}.dimensions-group{gap:var(--space-2)}.dimensions-group h3{padding-bottom:var(--space-1)}.dimensions-group h3,.special-attributes h3{font-size:.875rem;margin-bottom:var(--space-2)}.checkbox-group{flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}.checkbox-item{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-md);flex:1 1;font-size:.75rem;justify-content:flex-start;min-height:40px;min-width:120px;padding:var(--space-2)}.checkbox-item input[type=checkbox]{height:16px;margin-right:var(--space-1);width:16px}.form-actions{display:none}.results-content{display:flex;flex-direction:column;gap:var(--space-2);height:100%}.results-grid{flex:0 0 auto;gap:var(--space-2)}.result-card{border-radius:var(--radius-md);flex-direction:row;gap:var(--space-2);min-height:60px;padding:var(--space-2);text-align:left}.result-card.primary{background:linear-gradient(135deg,var(--primary-green-alpha),#34c75926)}.result-icon{flex-shrink:0;height:28px;width:28px}.result-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.result-info h3{font-size:.7rem;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.result-value{font-size:1.1rem;font-weight:700;margin-bottom:2px}.result-description{font-size:.65rem;opacity:.8}.class-description{border-radius:var(--radius-md);flex:0 0 auto;padding:var(--space-2)}.description-header{gap:var(--space-1);margin-bottom:var(--space-1)}.description-header h3{font-size:.75rem}.class-description p{font-size:.7rem;line-height:1.3;margin:0}.calculation-note{border-radius:var(--radius-md);flex:0 0 auto;gap:var(--space-1);padding:var(--space-2)}.calculation-note p{font-size:.7rem;line-height:1.3;margin:0}.empty-results{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--space-4) var(--space-2);text-align:center}.empty-results svg{height:32px;margin-bottom:var(--space-2);opacity:.5;width:32px}.empty-results h3{font-size:.875rem;margin-bottom:var(--space-1)}.empty-results p{font-size:.7rem;line-height:1.3;margin:0}.help-section{display:none}}@media (max-width:360px){.container{padding:0 var(--space-2)}.page-header{padding:var(--space-2)}.header-text h1{font-size:1.125rem}.calculator-container{max-height:calc(100vh - 100px)}.input-section{max-height:40vh}.input-section,.results-section{padding:var(--space-2)}.section-header h2{font-size:.875rem}.unit-input input{font-size:.8125rem;min-height:40px;padding:var(--space-2);padding-right:45px}.unit-label{font-size:.65rem}.result-card{min-height:50px;padding:var(--space-2)}.result-icon{height:24px;width:24px}.result-value{font-size:1rem}.result-info h3{font-size:.65rem}.result-description{font-size:.6rem}.calculation-note p,.class-description p{font-size:.65rem}}.profile-page{background:#f5f5f5;min-height:100vh;padding:2rem 0}.profile-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:280px 1fr;margin:0 auto;max-width:1400px;padding:0 2rem}.profile-sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:-webkit-fit-content;height:fit-content;padding:2rem;position:-webkit-sticky;position:sticky;top:2rem}.user-info{border-bottom:1px solid #e5e5e5;margin-bottom:2rem;padding-bottom:2rem;text-align:center}.user-avatar{background:#34c759;height:80px;margin:0 auto 1rem;width:80px}.user-info h2{color:#333;font-size:1.5rem;margin:0}.profile-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:1rem;gap:.75rem;padding:1rem 1.25rem;text-align:left;transition:all .2s ease}.nav-item:hover{background:#f0f0f0;color:#333}.nav-item.active{background:#e8f5e8;color:#34c759;font-weight:600}.profile-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-height:600px;padding:2rem}.profile-content h1{color:#333;font-size:2rem;margin:0 0 2rem}.overview-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.overview-card{align-items:center;border-left:4px solid;border-radius:12px;display:flex;gap:1.5rem;padding:2rem}.credits-card{background:#fff3e0;border-left-color:#ff9800}.posts-card{background:#e8f5e8;border-left-color:#34c759}.card-icon{color:#666}.card-info h3{color:#666;font-size:1rem;font-weight:500;margin:0 0 .5rem}.card-value{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.card-subtitle{color:#888;font-size:.9rem;margin:0}.recent-activity h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.section-header{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.header-actions{align-items:center;display:flex;gap:1rem}.filter-tabs{background:#f8f9fa;border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.filter-tab{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.filter-tab:hover{background:#34c7591a;color:#34c759}.filter-tab.active{background:#34c759;box-shadow:0 2px 4px #34c7594d;color:#fff}.refresh-btn{align-items:center;background:#34c759;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background .2s}.refresh-btn:hover{background:#2ecc71}.posts-content{margin-top:1.5rem}.posts-category{margin-bottom:3rem}.posts-category h2{border-bottom:2px solid #34c759;color:#333;font-size:1.3rem;margin-bottom:1rem;padding-bottom:.5rem}.posts-list{display:flex;flex-direction:column;gap:1rem}.post-item{background:#f8f9fa;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.post-item:hover{border-color:#34c759;box-shadow:0 8px 20px #34c75926;transform:translateY(-2px)}.post-item.premium{border-color:#ff9800;box-shadow:0 4px 12px #ff98001a}.post-item.premium:hover{box-shadow:0 8px 25px #ff980033}.highlight-overlay{background:linear-gradient(135deg,#ffc1071a,#ff98000d);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.top-badge{align-items:center;background:linear-gradient(135deg,#ff9800,#ff5722);border-radius:20px;box-shadow:0 2px 8px #ff98004d;color:#fff;display:flex;font-size:.8rem;font-weight:600;gap:.25rem;padding:.4rem .8rem;position:absolute;right:1rem;top:1rem;z-index:2}.post-main{position:relative;z-index:1}.post-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.post-title{color:#333;flex:1 1;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}.post-actions{display:flex;flex-shrink:0;gap:.5rem}.edit-btn{align-items:center;background:#e3f2fd;border:none;border-radius:8px;color:#1976d2;cursor:pointer;display:flex;font-size:0;height:36px;justify-content:center;transition:all .2s;width:36px}.edit-btn:hover{background:#bbdefb;transform:scale(1.05)}.status-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:center;min-width:80px;padding:.5rem 1rem;transition:all .2s}.status-btn.active{background:#e8f5e8;border:1px solid #34c759;color:#34c759}.status-btn.inactive{background:#f5f5f5;border:1px solid #ddd;color:#666}.status-btn:hover{opacity:.8;transform:scale(1.02)}.delete-btn{align-items:center;background:#ffebee;border-radius:8px;color:#dc3545;display:flex;font-size:0;height:36px;justify-content:center;transition:all .2s;width:36px}.delete-btn:hover{background:#ffcdd2;transform:scale(1.05)}.post-subtitle{color:#666;font-size:.95rem;line-height:1.4;margin:0 0 1rem}.post-meta{color:#888;flex-wrap:wrap;font-size:.85rem;gap:1rem}.highlight-badge,.post-date,.post-meta{align-items:center;display:flex}.highlight-badge{background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:12px;box-shadow:0 2px 6px #ffc1074d;color:#fff;font-size:.75rem;font-weight:600;gap:.25rem;padding:.3rem .6rem}.views-count{color:#999}.post-item.inactive{background:#f8f8f8;border-color:#ddd;opacity:.8}.post-item.inactive .post-title{color:#666}.post-item.inactive:hover{border-color:#bbb;box-shadow:0 2px 8px #0000001a;transform:none}.credits-overview{align-items:center;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:3rem;padding:2rem}.credits-balance{text-align:left}.credits-balance h2{color:#666;font-size:1.2rem;font-weight:500;margin:0 0 .5rem}.balance-amount{color:#ff9800;font-size:3rem;font-weight:700;margin-bottom:.25rem}.credits-balance p{color:#888;font-size:1rem;margin:0}.credits-actions{display:flex;gap:1rem}.recharge-btn{align-items:center;background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:background .2s}.recharge-btn:hover{background:#f57c00}.recharge-btn.active{background:#f57c00;transform:scale(.98)}.back-btn{background:#f5f5f5;border-radius:8px;color:#666;display:flex;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:background .2s}.back-btn:hover{background:#e5e5e5}.recharge-section{margin-bottom:3rem}.recharge-section h2{color:#333;font-size:1.5rem;margin-bottom:2rem}.recharge-packages{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.package-item{background:#fff;border:2px solid #e5e5e5;border-radius:12px;cursor:pointer;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s ease}.package-item:hover{border-color:#ff9800;box-shadow:0 8px 25px #ff980026;transform:translateY(-2px)}.package-item.popular{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ff9800}.package-item.popular:before{background:#ff9800;color:#fff;content:"推荐";font-size:.8rem;font-weight:600;padding:4px 30px;position:absolute;right:-25px;top:12px;transform:rotate(45deg)}.package-item.premium{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-color:#9c27b0}.package-item.premium:before{background:#9c27b0;color:#fff;content:"企业";font-size:.8rem;font-weight:600;padding:4px 30px;position:absolute;right:-25px;top:12px;transform:rotate(45deg)}.package-price{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.package-credits{color:#ff9800;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.package-bonus{background:#f8f9fa;border-radius:20px;color:#666;font-size:.9rem;margin-top:1rem;padding:.5rem 1rem}.package-item.popular .package-bonus,.package-item.premium .package-bonus{background:#fffc}.credits-history h2{align-items:center;color:#333;display:flex;gap:.5rem;margin-bottom:1.5rem}.history-list{max-height:400px;overflow-y:auto}.history-item{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:1rem}.history-item:last-child{border-bottom:none}.history-main{display:flex;flex-direction:column;gap:.25rem}.history-description{color:#333;font-weight:500}.history-date{color:#888;font-size:.85rem}.history-amount{font-size:1.1rem;font-weight:700}.history-amount.positive{color:#34c759}.history-amount.negative{color:#dc3545}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;height:400px;justify-content:center}@media (max-width:1024px){.header-actions,.section-header{align-items:stretch;flex-direction:column;gap:1rem}.filter-tabs{order:1}.refresh-btn{align-self:flex-end;order:2}}@media (max-width:768px){.profile-container{gap:1rem;grid-template-columns:1fr;padding:0 1rem}.profile-sidebar{padding:1.5rem;position:static}.overview-cards{grid-template-columns:1fr}.post-header{align-items:stretch;flex-direction:column;gap:1rem}.post-actions{align-self:flex-end;order:1}.post-title{order:2}.credits-overview{gap:1.5rem;text-align:center}.credits-overview,.filter-tabs{flex-direction:column}.filter-tab{justify-content:center}.top-badge{align-self:flex-start;margin-bottom:.5rem;position:static}.post-item.premium .top-badge{order:0}}.kgcm-converter-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #eee;margin:40px auto;max-width:600px;padding:24px}.kgcm-converter-input{border:1px solid #ccc;border-radius:6px;font-size:1.1em;margin-bottom:12px;padding:8px;width:100%}.kgcm-converter-btn{background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#222;cursor:pointer;font-size:1em;padding:8px 24px;transition:background .2s,color .2s,border-color .2s}.kgcm-converter-btn:focus,.kgcm-converter-btn:hover{background:#f5f5f5;border-color:#bdbdbd;color:#222}.kgcm-converter-result{display:flex;gap:32px;margin-top:16px}.kgcm-converter-result pre{background:#f8f8f8;border-radius:6px;font-size:1em;padding:12px}.kgcm-converter-errors{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-bottom:16px;padding:12px}.kgcm-converter-errors h4{color:#856404;font-size:.9em;margin:0 0 8px}.kgcm-converter-errors .error-item{color:#856404;font-size:.85em;margin-bottom:4px}.fba-locations-page{background:linear-gradient(135deg,#34c7590d,#4169e10d 50%,#ff28000d);min-height:100vh}.fba-hero{background:linear-gradient(135deg,var(--primary-green) 0,var(--royal-blue) 50%,var(--ferrari-red) 100%);color:#fff;padding:80px 0 60px;text-align:center}.fba-hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d}.fba-hero p{font-size:1.2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.search-filters{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:800px}.search-bar{display:flex;justify-content:center;width:100%}.search-input{border:none;border-radius:50px;box-shadow:0 4px 15px #0000001a;box-sizing:border-box;font-size:1.1rem;height:52px;max-width:600px;outline:none;padding:15px 20px;transition:all .3s ease;width:100%}.search-input:focus{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.filters{align-items:center;flex-wrap:wrap;gap:1rem;max-width:600px;width:100%}.filter-select{background:#ffffffe6;border:none;border-radius:25px;box-shadow:0 4px 15px #0000001a;box-sizing:border-box;cursor:pointer;flex:1 1;font-size:1.1rem;height:52px;max-width:290px;min-width:180px;outline:none;padding:15px 20px;transition:all .3s ease}.filter-select:hover{background:#fff;box-shadow:0 6px 20px #00000026;transform:translateY(-1px)}.fba-stats{background:#fff;padding:60px 0}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:800px}.stat-item{border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#fff;padding:2rem;text-align:center;transition:transform .3s ease}.stat-item:first-child{background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-light) 100%)}.stat-item:nth-child(2){background:linear-gradient(135deg,var(--royal-blue) 0,var(--royal-blue-light) 100%)}.stat-item:nth-child(3){background:linear-gradient(135deg,var(--ferrari-red) 0,var(--ferrari-red-light) 100%)}.stat-item:hover{transform:translateY(-5px)}.stat-number{font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:1.1rem;opacity:.9}.fba-locations-list{background:#f8fafc;padding:60px 0}.fba-locations-list h2{color:#2d3748;font-size:2.5rem;margin-bottom:3rem;text-align:center}.locations-table-wrapper{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden}.locations-table{border-collapse:collapse;width:100%}.locations-table th{background:linear-gradient(135deg,var(--primary-green) 0,var(--royal-blue) 50%,var(--ferrari-red) 100%);color:#fff;font-size:1.1rem;font-weight:600;padding:20px;position:relative;text-align:left}.locations-table th:before{background:#ffffff1a;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.locations-table th:hover:before{opacity:1}.locations-table td{border-bottom:1px solid #e2e8f0;padding:20px;vertical-align:middle}.locations-table tr:hover{background:#f7fafc}.location-code{background:linear-gradient(135deg,var(--royal-blue) 0,var(--royal-blue-light) 100%);color:#fff;font-size:.9rem;font-weight:600}.location-code,.type-badge{border-radius:20px;padding:6px 12px}.address-cell{color:#4a5568;font-size:.95rem;line-height:1.4;max-width:300px}.action-buttons{align-items:center;display:flex;gap:8px}.action-btn{border:none;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .3s ease}.publish-btn{background:linear-gradient(135deg,var(--ferrari-red) 0,var(--ferrari-red-dark) 100%);color:#fff}.publish-btn:hover{box-shadow:0 5px 15px #dc35454d;transform:translateY(-2px)}.exchange-btn{background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);color:#fff}.exchange-btn:hover{box-shadow:0 5px 15px #28a7454d;transform:translateY(-2px)}.comment-btn{background:linear-gradient(135deg,var(--royal-blue) 0,var(--royal-blue-dark) 100%);color:#fff}.comment-btn:hover{box-shadow:0 5px 15px #003b714d;transform:translateY(-2px)}.no-results{color:#718096;padding:4rem 2rem}.no-results p{font-size:1.2rem}.fba-info{background:#fff;padding:80px 0}.info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card{border-radius:20px;padding:2rem;transition:transform .3s ease}.info-card:first-child{border-left:5px solid var(--primary-green)}.info-card:nth-child(2){border-left:5px solid var(--royal-blue)}.info-card:nth-child(3){border-left:5px solid var(--ferrari-red)}.info-card:before{width:5px}.info-card:hover{transform:translateY(-5px)}.info-card h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.info-card p,.info-card ul{color:#4a5568;line-height:1.6}.info-card ul{padding-left:1.5rem}.info-card li{margin-bottom:.5rem}.info-card strong{color:#2d3748}@media (max-width:768px){.fba-hero h1{font-size:2rem}.fba-hero p{font-size:1rem}.search-filters{padding:0 1rem}.filters,.search-input{max-width:100%}.filters{align-items:stretch;flex-direction:column;gap:1rem}.filter-select{max-width:100%;min-width:0;min-width:auto;width:100%}.stats-grid{grid-template-columns:1fr}.locations-table-wrapper{overflow-x:auto}.locations-table{min-width:800px}.info-grid{grid-template-columns:1fr}.stat-number{font-size:2rem}}.fba-exchange-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.fba-exchange-modal{animation:modalAppear .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:90%}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{background:linear-gradient(135deg,#2d5aa0,#1e3a6f);color:#fff;padding:24px 32px;position:relative}.modal-header h2{font-size:1.8rem;font-weight:700;margin:0}.modal-header p{font-size:1rem;margin:8px 0 0;opacity:.9}.close-btn{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:32px;line-height:1;padding:8px;position:absolute;right:24px;top:16px;transition:background-color .3s ease}.close-btn:hover{background:#fff3}.tab-buttons{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex}.tab-btn{background:none;border:none;color:#64748b;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:16px 24px;position:relative;transition:all .3s ease}.tab-btn.active{background:#fff;color:#2d5aa0}.tab-btn.active:after{background:linear-gradient(135deg,#2d5aa0,#1e3a6f);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.tab-btn:hover:not(.active){background:#f1f5f9;color:#475569}.market-tab,.publish-tab{max-height:60vh;overflow-y:auto;padding:24px 32px}.filters{display:flex;justify-content:center;margin-bottom:24px}.filter-row{align-items:center;display:flex;gap:16px}.filters select{background:#fff;border:1px solid #d1d5db;border-radius:12px;font-size:.9rem;padding:10px 16px;transition:all .3s ease}.filters select:focus{border-color:#2d5aa0;box-shadow:0 0 0 3px #2d5aa01a;outline:none}.results-count{color:#64748b;font-size:.9rem;font-weight:500;margin-bottom:16px}.exchanges-list{display:flex;flex-direction:column;gap:16px}.exchange-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;position:relative;transition:all .3s ease}.exchange-item:hover{border-color:#cbd5e1;box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.exchange-info-row{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;gap:12px;padding:8px 0}.info-item{align-items:baseline;display:flex;gap:6px;white-space:nowrap}.info-label{color:#6b7280;font-size:.75rem;font-weight:400}.info-value{color:#111827;font-size:.95rem;font-weight:700}.exchange-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.exchange-badges{display:flex;flex-wrap:wrap;gap:8px}.cargo-type,.exchange-type,.pricing{border-radius:12px;font-size:.9rem;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.exchange-type.supply{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.exchange-type.demand{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.cargo-type{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.pricing.urgent{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.pricing.good-price{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.contact-info{align-items:center;color:#374151;font-size:.9rem;font-weight:500;gap:8px}.exchange-details{grid-gap:16px;border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:12px;padding:12px 0}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item .label{color:#6b7280;font-size:.8rem;font-weight:500}.detail-item .value{color:#111827;font-size:.9rem;font-weight:600}.exchange-description{color:#374151;font-size:.95rem;line-height:1.5;margin-bottom:16px}.exchange-actions{display:flex;justify-content:flex-end}.contact-btn{align-items:center;background:linear-gradient(135deg,#2d5aa0,#1e3a6f);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.contact-btn:hover{box-shadow:0 6px 20px #2d5aa04d;transform:translateY(-2px)}.contact-icon{font-size:1rem}.contact-btn-inline{background:linear-gradient(135deg,#2d5aa0,#1e3a6f);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:4px 10px;transition:all .3s ease;white-space:nowrap}.contact-btn-inline:hover{box-shadow:0 3px 10px #2d5aa04d;transform:translateY(-1px)}.login-prompt{color:#64748b;padding:40px 20px}.login-btn{background:linear-gradient(135deg,#2d5aa0,#1e3a6f);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .3s ease}.login-btn:hover{box-shadow:0 6px 20px #2d5aa04d;transform:translateY(-2px)}.publish-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151;font-size:.9rem;font-weight:600}.form-group label .required{color:#ef4444;font-weight:700;margin-left:2px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:12px;font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2d5aa0;box-shadow:0 0 0 3px #2d5aa01a;outline:none}.form-group input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group textarea{min-height:100px;resize:vertical}.error{color:#ef4444;font-size:.8rem;font-weight:500}.submit-btn{background:linear-gradient(135deg,#111827,#1f2937);border-radius:12px;font-size:1rem;font-weight:600;margin-top:8px;padding:16px 24px;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #1118274d;transform:translateY(-2px)}.submit-btn:disabled{transform:none}.loading,.no-results{color:#64748b;font-size:1rem}.no-results{padding:40px 20px;text-align:center}.my-posts-tab{max-height:60vh;overflow-y:auto;padding:24px 32px}.my-exchange-item{border-left:4px solid #2d5aa0}.my-post-actions{display:flex;gap:8px}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;color:#fff;font-size:.9rem;font-weight:500;padding:4px 10px;transition:all .3s ease;white-space:nowrap}.delete-btn:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.exchange-meta{align-items:center;border-top:1px solid #f3f4f6;color:#6b7280;display:flex;font-size:.8rem;justify-content:space-between;margin-top:12px;padding-top:12px}.view-count{font-weight:500}.created-date{font-style:italic}@media (max-width:768px){.fba-exchange-modal{margin:20px;max-height:calc(100vh - 40px);width:95%}.market-tab,.modal-header,.publish-tab{padding:20px 24px}.filter-row{gap:12px}.filter-row,.form-row{grid-template-columns:1fr}.form-row{gap:16px}.exchange-header{align-items:flex-start;flex-direction:column;gap:12px}.exchange-details{grid-template-columns:1fr 1fr}.close-btn{font-size:28px;right:20px;top:12px}}@media (max-width:480px){.exchange-details{gap:8px;grid-template-columns:1fr}.exchange-badges{flex-wrap:wrap;gap:6px}.cargo-type,.exchange-type,.pricing{font-size:.75rem;padding:3px 10px}}.fba-detail-page{background:linear-gradient(135deg,#34c75908,#4169e108 50%,#ff280008);min-height:100vh}.fba-detail-loading{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;min-height:80vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--royal-blue);height:40px;margin-bottom:1rem;width:40px}.fba-detail-not-found{align-items:center;display:flex;justify-content:center;min-height:80vh;text-align:center}.fba-detail-not-found h1{color:#2d3748;font-size:2.5rem;margin-bottom:1rem}.fba-detail-not-found p{color:#718096;font-size:1.1rem;margin-bottom:2rem}.fba-detail-header{background:linear-gradient(135deg,var(--primary-green) 0,var(--royal-blue) 50%,var(--ferrari-red) 100%);color:#fff;padding:2rem 0}.back-btn{align-items:center;background:#fff3;border:none;border-radius:25px;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-btn,.back-btn:hover{color:#fff;text-decoration:none}.back-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.location-header h1{font-size:2.5rem;font-weight:700;margin:1rem 0;text-shadow:0 2px 4px #0000004d}.location-badge{margin-bottom:1rem}.location-subtitle{align-items:center;display:flex;font-size:1.1rem;gap:.5rem;opacity:.9}.type-badge{border-radius:25px;display:inline-block;font-size:.9rem;font-weight:600;padding:8px 16px}.type-fc{background:linear-gradient(135deg,var(--ferrari-red) 0,var(--ferrari-red-light) 100%);color:#fff}.type-dc{background:linear-gradient(135deg,var(--royal-blue) 0,var(--royal-blue-light) 100%);color:#fff}.type-other{background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-light) 100%);color:#fff}.fba-detail-content{padding:3rem 0}.detail-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.info-section{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:2rem;transition:transform .3s ease}.info-section:hover{transform:translateY(-2px)}.info-section.full-width{grid-column:1/-1}.info-section h2{align-items:center;border-bottom:2px solid #e2e8f0;color:#2d3748;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem}.info-section h3{color:#4a5568;font-size:1.2rem;font-weight:600;margin:1.5rem 0 1rem}.info-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:15px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.info-card:first-child{border-left:4px solid var(--primary-green)}.info-card:nth-child(2){border-left:4px solid var(--royal-blue)}.info-card:nth-child(3){border-left:4px solid var(--ferrari-red)}.info-card:nth-child(4){border-left:4px solid var(--primary-green)}.info-card:before{background:linear-gradient(to bottom,var(--primary-green) 0,var(--royal-blue) 50%,var(--ferrari-red) 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.info-card:hover:before{opacity:1}.info-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.info-label{color:#718096;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.info-value{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem}.address-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-left:4px solid var(--primary-green);border-radius:15px;overflow:hidden;padding:2rem;position:relative}.address-card:before{background:linear-gradient(to bottom,var(--primary-green) 0,var(--royal-blue) 50%,var(--ferrari-red) 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.address-card:hover:before{opacity:1}.address-text{color:#2d3748;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.address-actions{display:flex;flex-wrap:wrap;gap:1rem}.direction-btn,.map-btn{align-items:center;border:none;border-radius:25px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.map-btn{background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-dark) 100%);color:#fff}.map-btn:hover{box-shadow:0 5px 15px var(--primary-green-alpha);transform:translateY(-2px)}.direction-btn{background:linear-gradient(135deg,var(--royal-blue) 0,var(--royal-blue-dark) 100%);color:#fff}.direction-btn:hover{box-shadow:0 5px 15px var(--royal-blue-alpha);transform:translateY(-2px)}.capacity-info{background:linear-gradient(135deg,var(--ferrari-red) 0,var(--ferrari-red-light) 100%);border-radius:15px;color:#fff;margin-bottom:1.5rem;padding:1.5rem}.capacity-info p{font-size:1.1rem;font-weight:500;margin:0}.services-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.service-item{align-items:center;background:#f7fafc;border-left:3px solid var(--primary-green);border-radius:10px;display:flex;gap:.75rem;padding:.75rem}.service-dot{background:var(--primary-green);border-radius:50%;flex-shrink:0;height:8px;width:8px}.features-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-left:4px solid var(--primary-green);border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:transform .3s ease}.feature-item:hover{transform:translateY(-2px)}.feature-icon{align-items:center;background:linear-gradient(135deg,var(--primary-green) 0,var(--primary-green-light) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:30px;justify-content:center;width:30px}.feature-text{color:#2d3748;font-weight:500}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-item{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:15px;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative}.contact-item:first-child{border-left:4px solid var(--royal-blue)}.contact-item:nth-child(2){border-left:4px solid var(--ferrari-red)}.contact-item:before{background:linear-gradient(to bottom,var(--primary-green) 0,var(--royal-blue) 50%,var(--ferrari-red) 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.contact-item:hover:before{opacity:1}.contact-label{color:#718096;font-size:.9rem;font-weight:500}.contact-value{color:#2d3748;font-size:1.1rem;font-weight:600}.alert-box{background:linear-gradient(135deg,#fff5f5,#fed7d7);border-left:4px solid var(--ferrari-red);border-radius:15px;overflow:hidden;padding:2rem;position:relative}.alert-box:before{background:linear-gradient(to bottom,var(--primary-green) 0,var(--royal-blue) 50%,var(--ferrari-red) 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.alert-box:hover:before{opacity:1}.alert-box h4{color:#c53030;font-size:1.2rem;margin-bottom:1rem}.alert-box ul{color:#742a2a;line-height:1.6}.alert-box li{margin-bottom:.5rem}.fba-actions{background:#fff;padding:3rem 0}.actions-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.action-card{align-items:center;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:20px;color:inherit;display:flex;gap:1.5rem;overflow:hidden;padding:2rem;position:relative;text-decoration:none;transition:all .3s ease}.action-card:first-child{border-left:5px solid var(--primary-green)}.action-card:nth-child(2){border-left:5px solid var(--royal-blue)}.action-card:nth-child(3){border-left:5px solid var(--ferrari-red)}.action-card:before{background:linear-gradient(to bottom,var(--primary-green) 0,var(--royal-blue) 50%,var(--ferrari-red) 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:5px}.action-card:hover:before{opacity:1}.action-card:hover{box-shadow:0 10px 30px #0000001a;color:inherit;text-decoration:none;transform:translateY(-5px)}.action-icon{flex-shrink:0;font-size:2.5rem}.action-content h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.action-content p{color:#718096;font-size:.95rem;margin:0}.container{margin:0 auto;max-width:1200px;padding:0 1rem}@media (min-width:768px){.detail-grid{grid-template-columns:1fr 1fr}.info-section.full-width{grid-column:1/-1}}@media (max-width:768px){.fba-detail-header{padding:1.5rem 0}.location-header h1{font-size:2rem}.address-actions{flex-direction:column}.direction-btn,.map-btn{justify-content:center}.contact-item{align-items:flex-start;flex-direction:column;gap:.5rem}.actions-grid{grid-template-columns:1fr}.action-card{flex-direction:column;text-align:center}}.comments-section{border-top:2px solid #f0f2f5;margin-top:40px;padding-top:40px}.comments-header{margin-bottom:30px}.comments-header h3{align-items:center;color:#1a202c;display:flex;font-size:1.5rem;font-weight:600;gap:10px}.loading{color:#666;padding:40px 20px;text-align:center}.comment-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:40px;padding:24px}.comment-input{display:flex;flex-direction:column;gap:16px}.comment-input textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;min-height:80px;padding:16px;resize:vertical;transition:border-color .2s ease;width:100%}.comment-input textarea:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.comment-input textarea::placeholder{color:#a0aec0}.selected-files{display:flex;flex-wrap:wrap;gap:8px}.file-preview{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;gap:8px;padding:8px 12px}.file-info,.file-preview{align-items:center;display:flex}.file-info{color:#4a5568;gap:6px}.remove-file{background:none;border:none;border-radius:4px;color:#e53e3e;cursor:pointer;padding:2px;transition:background-color .2s ease}.remove-file:hover{background:#fed7d7}.input-actions{align-items:center;display:flex;justify-content:space-between}.left-actions{display:flex;gap:10px}.media-btn{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px;transition:all .2s ease}.media-btn:hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0}.media-btn:disabled{cursor:not-allowed;opacity:.5}.submit-btn{align-items:center;background:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:background-color .2s ease}.submit-btn:hover:not(:disabled){background:#2c5aa0}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.login-prompt{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:30px;padding:20px;text-align:center}.login-prompt a{color:#3182ce;font-weight:500;text-decoration:none}.login-prompt a:hover{text-decoration:underline}.comments-list{display:flex;flex-direction:column;gap:24px}.no-comments{color:#718096;padding:60px 20px;text-align:center}.no-comments svg{color:#cbd5e0;margin-bottom:16px}.no-comments p{color:#4a5568;font-size:18px;font-weight:500;margin-bottom:8px}.comment{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px;transition:box-shadow .2s ease}.comment:hover{box-shadow:0 4px 12px #0000001a}.comment.reply{background:#f8fafc;border-left:3px solid #3182ce;margin-left:40px}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column;gap:4px}.user-name{color:#2d3748;font-size:14px;font-weight:600}.comment-time{align-items:center;color:#718096;display:flex;font-size:12px;gap:4px}.delete-btn{background:none;border:none;border-radius:4px;color:#e53e3e;cursor:pointer;padding:4px;transition:background-color .2s ease}.delete-btn:hover{background:#fed7d7}.comment-content{margin-bottom:16px}.comment-content p{word-wrap:break-word;color:#4a5568;line-height:1.6;margin:0;white-space:pre-wrap}.comment-media{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.media-item{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.media-image{cursor:pointer;display:block;height:auto;max-height:200px;max-width:200px;transition:transform .2s ease;width:auto}.media-image:hover{transform:scale(1.02)}.media-video{display:block;height:auto;max-height:200px;max-width:300px;width:auto}.comment-actions{gap:16px}.action-btn,.comment-actions{align-items:center;display:flex}.action-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;color:#718096;cursor:pointer;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s ease}.action-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;color:#4a5568}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.liked{border-color:#feb2b2;color:#e53e3e}.action-btn.liked:hover{background:#f7fafc;border-color:#feb2b2}.reply-form{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.reply-form .comment-input textarea{min-height:60px}.reply-form .input-actions{gap:10px;justify-content:flex-end}.reply-form .action-btn{background:#f7fafc}.replies{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:16px;margin-top:16px;padding-top:16px}@media (max-width:768px){.comment{border-radius:8px;padding:16px}.comment.reply{margin-left:20px}.user-avatar{font-size:14px;height:32px;width:32px}.comment-form{padding:20px}.input-actions{flex-direction:column;gap:12px}.left-actions{width:100%}.submit-btn{justify-content:center;width:100%}.media-image{max-height:150px;max-width:150px}.media-video{max-height:150px;max-width:250px}.comment-actions{flex-wrap:wrap;gap:8px}.action-btn{font-size:12px;padding:4px 8px}}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out}.loading{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.loading:after{animation:spin 1s linear infinite;border-top:2px solid var(--primary-green-alpha);border:2px solid var(--primary-green-alpha);border-radius:50%;border-top-color:var(--primary-green);content:"";height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d514bcd3.css.map*/