:root{--primary-h:222;--primary-s:47%;--primary-l:11%;--primary:hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-light-h:217;--primary-light-s:33%;--primary-light-l:17%;--primary-light:hsl(var(--primary-light-h), var(--primary-light-s), var(--primary-light-l));--secondary-h:221;--secondary-s:83%;--secondary-l:53%;--secondary:hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l));--secondary-hover:hsl(var(--secondary-h), var(--secondary-s), 45%);--accent-h:199;--accent-s:89%;--accent-l:48%;--accent:hsl(var(--accent-h), var(--accent-s), var(--accent-l));--primary-gradient:linear-gradient(135deg, #2463eb 0%, #0da2e7 100%);--premium-glow:radial-gradient(circle at top right, #3b82f614, transparent 60%);--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--bg-page:#f8fafc;--bg-surface:#fff;--bg-elevated:#f1f5f9;--bg-nav:#ffffffbf;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--border-dim:#e2e8f0;--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-md:0 4px 12px -2px #0f172a14, 0 2px 6px -1px #0f172a0a;--shadow-lg:0 16px 32px -4px #0f172a1a, 0 8px 16px -2px #0f172a0d;--shadow-premium:0 20px 40px -10px #0f172a26, 0 0 0 1px #0f172a05;--glass:blur(16px) saturate(180%);--glass-border:#fff3;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--container-max:1200px;--nav-height:72px;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}body.dark-mode{--primary:#f8fafc;--primary-light:#e2e8f0;--bg-page:#030712;--bg-surface:#0b0f19;--bg-elevated:#161e2e;--bg-nav:#030712cc;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--border:#1f2937;--border-light:#111827;--border-dim:#1f2937;--glass-border:#ffffff0a;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 12px -2px #0006, 0 2px 6px -1px #0000004d;--shadow-lg:0 16px 32px -4px #0009, 0 8px 16px -2px #00000080;--shadow-premium:0 24px 48px -8px #000000b3, 0 0 0 1px #ffffff08}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 12px 6px #ef444433}}@keyframes pulseGlowWarning{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 12px 6px #f59e0b33}}.animate-fade-in-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.pulse-danger-glow{animation:2s ease-in-out infinite pulseGlow}.pulse-warning-glow{animation:2s ease-in-out infinite pulseGlowWarning}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-page);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:40px auto;padding:0 20px}.section-block{margin-bottom:60px}.section-header{text-align:center;margin-bottom:45px}.section-header h2{color:var(--primary);letter-spacing:-.5px;margin-bottom:10px;font-size:2.2rem;font-weight:800}.section-header p{color:var(--text-secondary);max-width:550px;margin:0 auto;font-size:1.1rem}.section-cta{text-align:center;margin-top:35px}@media (width<=768px){.container{padding:0 10px}}body.dark-mode{background-color:var(--bg-page);color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body.dark-mode .card,body.dark-mode .modal-content,body.dark-mode .stats-bar,body.dark-mode .step-card,body.dark-mode .feature-card,body.dark-mode .transport-mode-card,body.dark-mode .recent-listing-card,body.dark-mode .ticket-card,body.dark-mode .stat-card,body.dark-mode .auth-card,body.dark-mode .post-ad-card,body.dark-mode .dash-ad-card,body.dark-mode .dash-overlay-card,body.dark-mode .bid-row,body.dark-mode .cargo-row-item,body.dark-mode .market-header{background-color:var(--bg-surface);border-color:var(--border);color:var(--text-primary)}body.dark-mode .card:hover,body.dark-mode .ticket-card:hover{border-color:var(--secondary);box-shadow:0 15px 40px #0006}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode strong,body.dark-mode b,body.dark-mode .section-header h2{color:var(--text-primary)}body.dark-mode .hero{border-bottom:1px solid var(--border);background-color:#0000;background-image:linear-gradient(135deg,#020617f7 0%,#0f172ae6 100%),url(https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=2000&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}body.dark-mode .hero h1{color:#fff}body.dark-mode nav{background-color:var(--bg-nav);border-bottom-color:var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}body.dark-mode .logo{color:var(--text-primary)}body.dark-mode .nav-links a{color:var(--text-secondary)}body.dark-mode .nav-links a:hover,body.dark-mode .nav-links a.active{color:var(--accent)}body.dark-mode input,body.dark-mode select,body.dark-mode textarea,body.dark-mode .form-control{background-color:var(--bg-elevated);color:var(--text-primary);border-color:var(--border)}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:var(--text-muted)}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus,body.dark-mode .form-control:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #3b82f626}body.dark-mode .btn-outline{border-color:var(--border-light);color:var(--text-primary);background:0 0}body.dark-mode .btn-outline:hover{border-color:var(--secondary);background:#ffffff14}body.dark-mode .btn-google{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}body.dark-mode .btn-google:hover{background:var(--bg-surface);border-color:var(--border-light)}body.dark-mode .status-pending{color:#fbbf24;background:#f59e0b26}body.dark-mode .status-bidded{color:#60a5fa;background:#3b82f626}body.dark-mode .status-accepted{color:#34d399;background:#10b98126}body.dark-mode .ticket-card{background:var(--bg-surface);border-color:var(--border)}body.dark-mode .ticket-stub{background:var(--bg-elevated);color:var(--text-secondary);border-right-color:var(--border)}body.dark-mode .ticket-stub:after{background-image:radial-gradient(circle at 10px 50%, transparent 6px, var(--bg-surface) 7px)}body.dark-mode .ticket-main{background:var(--bg-surface)}body.dark-mode .ticket-details{border-top-color:var(--border)}body.dark-mode .filter-chip{background:var(--bg-elevated);border-color:var(--border);color:var(--text-secondary)}body.dark-mode .filter-chip:hover{background:var(--bg-surface);border-color:var(--secondary);color:var(--secondary)}body.dark-mode .filter-chip.active{background:var(--secondary);border-color:var(--secondary);color:#fff}body.dark-mode .filter-chips-container{border-top-color:var(--border)}body.dark-mode .rl-incoterm,body.dark-mode .rl-bids{color:#60a5fa;background:#3b82f61f}body.dark-mode .rl-footer{border-top-color:var(--border)}body.dark-mode .pagination-btn:hover:not(.active){background:var(--bg-elevated)}body.dark-mode .dashboard-tabs{border-bottom-color:var(--border)}body.dark-mode .tab-btn{color:var(--text-muted)}body.dark-mode .tab-btn.active{color:var(--secondary);border-bottom-color:var(--secondary)}body.dark-mode .dash-ad-icon,body.dark-mode .timeline-container{background:var(--bg-elevated)}body.dark-mode .timeline-list:before{background:var(--border)}body.dark-mode .timeline-point{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--bg-surface)}body.dark-mode .fi-blue{color:#60a5fa;background:#3b82f61f}body.dark-mode .fi-green{color:#34d399;background:#10b9811f}body.dark-mode .fi-amber{color:#fbbf24;background:#f59e0b1f}body.dark-mode .fi-indigo{color:#818cf8;background:#6366f11f}body.dark-mode .fi-rose{color:#fb7185;background:#f43f5e1f}body.dark-mode .fi-cyan{color:#22d3ee;background:#06b6d41f}body.dark-mode .transport-mode-card:hover{background:var(--secondary);border-color:var(--secondary);color:#fff}body.dark-mode .step-icon-wrapper{background:var(--bg-elevated)}body.dark-mode .step-number{color:var(--border)}body.dark-mode .cta-section{background:var(--bg-surface);border-top:1px solid var(--border)}body.dark-mode .cta-btn-white{background:var(--secondary);color:#fff}body.dark-mode .cta-btn-outline{border-color:var(--border-light);color:var(--text-primary)}body.dark-mode #app-footer{border-top:1px solid var(--border);background:#000}body.dark-mode .footer-desc,body.dark-mode .footer-col a{color:var(--text-muted)}body.dark-mode .footer-col a:hover{color:var(--text-primary)}body.dark-mode .footer-bottom{color:var(--text-muted);border-top-color:var(--border)}body.dark-mode .notif-header{background:var(--bg-elevated);border-bottom-color:var(--border)}body.dark-mode .notif-group-title{background:var(--bg-page);color:var(--text-muted)}body.dark-mode .notif-item.unread{background:#3b82f60d}body.dark-mode .notif-empty{color:var(--text-muted)}body.dark-mode .notif-footer-link{border-top-color:var(--border)}body.dark-mode .notif-action-btn.read{color:var(--secondary)}body.dark-mode .toast{border-color:var(--border);box-shadow:0 10px 30px #00000080}body.dark-mode .modal-overlay{background:#000000b3}body.dark-mode .modal-content{background:var(--bg-surface);color:var(--text-primary)}body.dark-mode .modal-divider{border-top-color:var(--border)}body.dark-mode .modal-divider span{background:var(--bg-surface);color:var(--text-muted)}body.dark-mode .autocomplete-results{background:var(--bg-surface);border-color:var(--border);box-shadow:0 10px 25px #0006}body.dark-mode .autocomplete-item{border-bottom-color:var(--border);color:var(--text-secondary)}body.dark-mode .autocomplete-item:hover{background:var(--bg-elevated);color:var(--secondary)}body.dark-mode .skeleton-line{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-surface) 50%, var(--bg-elevated) 75%);background-size:400px 100%}body.dark-mode .form-section.highlight{background:var(--bg-elevated);border-color:var(--border)}body.dark-mode #role-switcher{background:var(--bg-surface)!important;border-color:var(--border)!important;box-shadow:0 5px 15px #0006!important}body.dark-mode [style*="background: white"],body.dark-mode [style*="background: #ffffff"],body.dark-mode [style*="background-color: white"],body.dark-mode [style*="background:#fff"]{background-color:var(--bg-surface)!important}body.dark-mode [style*="background: #f8f9fc"],body.dark-mode [style*="background: #f8f9fa"],body.dark-mode [style*="background:#f8f9fc"],body.dark-mode [style*="background: #fdfdfd"],body.dark-mode [style*="background: #fff5f5"],body.dark-mode [style*="background: #fff9e6"],body.dark-mode [style*="background: #fff3cd"],body.dark-mode [style*="background: #cce5ff"],body.dark-mode [style*="background: #d4edda"],body.dark-mode [style*="background: #fff9f0"],body.dark-mode [style*="background: #f0f7ff"]{background-color:var(--bg-elevated)!important}body.dark-mode [style*="color: #666"],body.dark-mode [style*="color: #888"],body.dark-mode [style*="color: #999"],body.dark-mode [style*="color: #aaa"],body.dark-mode [style*="color:#666"]{color:var(--text-secondary)!important}body.dark-mode [style*="color: #444"],body.dark-mode [style*="color: #333"],body.dark-mode [style*="color: #2c3e50"],body.dark-mode [style*="color: #555"]{color:var(--text-primary)!important}body.dark-mode [style*="border-top: 1px solid #eee"],body.dark-mode [style*="border-bottom: 1px solid #eee"],body.dark-mode [style*="border: 1px solid #eee"],body.dark-mode [style*="border-top: 1px solid #ddd"],body.dark-mode [style*="border: 1px solid #ddd"]{border-color:var(--border)!important}body.dark-mode [style*="border-left: 5px solid #ddd"],body.dark-mode [style*="border-left: 5px solid #eee"]{border-left-color:var(--border)!important}body.dark-mode [style*="border-left: 5px solid #e74c3c"]{border-left-color:#ef4444!important}body.dark-mode [style*="border-left: 5px solid #3498db"]{border-left-color:#3b82f6!important}body.dark-mode [style*="border-top: 5px solid #e74c3c"]{border-top-color:#ef4444!important}body.dark-mode [style*="border-top: 5px solid #f39c12"]{border-top-color:#f59e0b!important}body.dark-mode [style*="border-bottom: 4px solid var(--primary)"]{border-bottom-color:var(--secondary)!important}body.dark-mode ::-webkit-scrollbar{width:8px}body.dark-mode ::-webkit-scrollbar-track{background:var(--bg-page)}body.dark-mode ::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}body{transition:background-color .3s,color .3s}nav,.card,.ticket-card,.toast,input,select,textarea,.modal-content,footer{transition:background-color .3s,color .3s,border-color .3s}body.dark-mode .mobile-nav-drawer{background:var(--bg-surface);border-left-color:var(--border)}body.dark-mode .mobile-nav-overlay{background:#000000b3}body.dark-mode .hamburger-btn{border-color:var(--border)}body.dark-mode .hamburger-btn:hover{background:var(--bg-elevated)}body.dark-mode .hamburger-btn span{background:var(--text-primary)}body.dark-mode .mobile-nav-drawer a{color:var(--text-primary)}body.dark-mode .mobile-nav-drawer a:hover,body.dark-mode .mobile-nav-drawer a.active{background:var(--bg-page);color:var(--secondary)}body.dark-mode .mobile-nav-divider{background:var(--border)}body.dark-mode .admin-tab-bar{background:var(--bg-elevated)!important}body.dark-mode .admin-tab-bar button{color:var(--text-secondary)!important}body.dark-mode table tr{border-color:var(--border)!important}body.dark-mode table thead tr{background:var(--bg-elevated)!important}body.dark-mode table td,body.dark-mode table th{color:var(--text-primary)}nav{background:var(--bg-nav);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);height:var(--nav-height);z-index:1000;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 5%;display:flex;position:sticky;top:0}.logo{letter-spacing:-1px;color:var(--text-primary);cursor:pointer;transition:var(--transition);font-size:1.6rem;font-weight:800}.logo:hover{opacity:.8}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-secondary);transition:var(--transition);cursor:pointer;padding:.5rem 0;font-size:.95rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--text-primary)}.nav-links a.active{color:var(--secondary);position:relative}.nav-links a.active:after{content:"";background:var(--secondary);border-radius:var(--radius-full);height:2px;position:absolute;bottom:0;left:0;right:0}.nav-right{align-items:center;gap:16px;display:flex}#user-profile-nav{background:var(--bg-page);border-radius:var(--radius-full);border:1px solid var(--border);transition:var(--transition);cursor:pointer;align-items:center;gap:8px;padding:6px 12px;display:flex}#user-profile-nav:hover{border-color:var(--secondary);background:var(--bg-surface)}.user-avatar{background:var(--secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.user-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.membership-badge{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);color:var(--text-primary);align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;font-weight:600;display:flex}.membership-badge:hover{box-shadow:var(--shadow-sm);border-color:var(--secondary);transform:translateY(-1px)}.membership-badge.premium{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#ca8a04}.status-icon{font-size:1rem}.notification-wrapper{cursor:pointer;border-radius:var(--radius-full);width:40px;height:40px;transition:var(--transition);color:var(--text-secondary);justify-content:center;align-items:center;display:flex;position:relative}.notification-wrapper:hover{background:var(--border-light);color:var(--text-primary)}@media (width<=992px){.nav-links{gap:1rem}.nav-links a{font-size:.9rem}}@media (width<=768px){.nav-links{display:none}.nav-right{gap:8px}.user-name{display:none}}.dropdown-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition);align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.dropdown-item i{opacity:.8;width:18px;height:18px;color:var(--text-muted)}.dropdown-item:hover{background:var(--bg-page);color:var(--secondary)}.dropdown-item:hover i{opacity:1;color:var(--secondary);transform:translate(2px)}.dropdown-item.logout{margin-top:4px}.dropdown-item.logout:hover{color:var(--danger);background:#fff1f0}.dropdown-item.logout:hover i{color:var(--danger)}#profile-dropdown{transform-origin:100% 0;animation:.2s ease-out dropdownFadeIn}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.btn-primary{background:var(--secondary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:50px;padding:10px 25px;font-weight:600;box-shadow:0 4px 15px #3b82f64d}.btn-primary:hover{background:var(--secondary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-outline{color:var(--text-primary);border:2px solid var(--border);cursor:pointer;transition:var(--transition);background:0 0;border-radius:50px;padding:10px 25px;font-weight:600}.btn-outline:hover{background:var(--secondary);color:#fff;border-color:var(--secondary);transform:translateY(-2px)}.btn-google{border:1px solid var(--border);background:var(--bg-surface);width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;padding:12px;font-weight:600;display:flex}.btn-google:hover{background:var(--bg-elevated);border-color:var(--border-light)}.card{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--border);margin-bottom:20px;padding:30px;animation:.6s ease-out both fadeInUp}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--secondary);transform:translateY(-5px)scale(1.01)}.status-badge{border-radius:20px;padding:5px 15px;font-size:.85rem;font-weight:600;display:inline-block}.status-pending{color:#f59e0b;background:#f59e0b1f}.status-bidded{color:#3b82f6;background:#3b82f61f}.status-accepted{color:#10b981;background:#10b9811f}.ticket-card{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;border-radius:15px;margin-bottom:15px;display:flex;position:relative;overflow:hidden}.ticket-card:hover{box-shadow:var(--shadow-lg);border-color:var(--secondary);transform:translateY(-5px)}.ticket-card.expanded{border-color:var(--secondary)}.ticket-stub{background:var(--bg-elevated);color:var(--text-secondary);border-right:1px dashed var(--border);flex-shrink:0;justify-content:center;align-items:center;width:90px;display:flex;position:relative}.ticket-stub:after{content:"";background-image:radial-gradient(circle at 10px 50%, transparent 6px, var(--bg-surface) 7px);z-index:2;background-size:20px 20px;width:20px;position:absolute;top:0;bottom:0;right:-10px}.transport-icon{color:var(--secondary);opacity:.8;justify-content:center;align-items:center;display:flex}.transport-icon i,.transport-icon svg{width:32px;height:32px}.ticket-main{background:var(--bg-surface);flex-grow:1;padding:25px 30px}.ticket-details{border-top:1px dashed var(--border);margin-top:20px;padding-top:20px;animation:.4s ease-out both fadeInUp}@media (width<=768px){.ticket-card{flex-direction:column}.ticket-stub{border-radius:15px 15px 0 0;width:100%;height:auto;padding:10px}}.favorite-btn{border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);background:#fffc;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.favorite-btn:hover{background:#e6f7ff;border-color:#bae7ff;transform:scale(1.1)}.favorite-btn i{transition:transform .3s cubic-bezier(.4,0,.2,1)}.favorite-btn.active{background:#e6f7ff;border-color:#91d5ff;animation:.3s ease-in-out bookmarkBounce}.share-btn{border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);background:#fffc;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.share-btn:hover{background:#f6ffed;border-color:#d9f7be;transform:scale(1.1)}.share-btn i{transition:all .3s}.share-btn:hover i{color:#52c41a!important}@keyframes bookmarkBounce{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);margin-bottom:8px;font-weight:600;display:block}.form-control{border:2px solid var(--border);width:100%;transition:var(--transition);background:var(--bg-surface);color:var(--text-primary);border-radius:8px;padding:12px 15px}.form-control:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.autocomplete-wrapper{position:relative}.autocomplete-results{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:1000;border-top:none;border-radius:0 0 12px 12px;max-height:200px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-item{cursor:pointer;border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:12px 15px;font-size:.9rem;transition:all .2s}.autocomplete-item:hover{background:var(--bg-elevated);color:var(--secondary);padding-left:20px}.autocomplete-item:last-child{border-bottom:none}@media (width<=768px){div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:none;position:fixed;top:0;left:0}.modal-content{background:var(--bg-surface);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:400px;color:var(--text-primary);border:1px solid var(--border);padding:40px;animation:.4s forwards slideUp;transform:translateY(20px);box-shadow:0 20px 50px #0003}.modal-divider{border-top:1px solid var(--border);margin:20px 0;position:relative}.modal-divider span{background:var(--bg-surface);color:var(--text-muted);padding:0 10px;font-size:.9rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.modal-content{max-height:90vh;margin:10px;overflow-y:auto;width:95%!important;max-width:95%!important}}#app-footer{background:var(--primary-light,#1e293b);color:#c8d6e5;margin-top:60px;padding:60px 0 0}.footer-inner{max-width:1200px;margin:0 auto;padding:0 20px}.footer-grid{border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid}.footer-logo{color:#fff;letter-spacing:2px;margin-bottom:15px;font-size:1.8rem;font-weight:800}.footer-desc{color:#89a;font-size:.9rem;line-height:1.7}.footer-col h4{color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:18px;font-size:.95rem;font-weight:700}.footer-col a{color:#89a;cursor:pointer;margin-bottom:10px;font-size:.85rem;text-decoration:none;transition:color .2s,padding-left .2s;display:block}.footer-col a:hover{color:#fff;padding-left:5px}.footer-social{gap:15px;margin-top:15px;font-size:1.3rem;display:flex}.footer-social span{cursor:pointer;transition:transform .2s}.footer-social span:hover{transform:scale(1.3)}.footer-bottom{color:#678;justify-content:space-between;align-items:center;padding:20px 0;font-size:.8rem;display:flex}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:30px}}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:25px}.footer-bottom{text-align:center;flex-direction:column;gap:8px}}.notif-icon{cursor:pointer;transition:var(--transition);font-size:1.5rem;position:relative}.notif-icon:hover{transform:scale(1.1)}.badge{color:#fff;border:2px solid var(--bg-surface);background:#e74c3c;border-radius:50%;padding:2px 6px;font-size:.7rem;position:absolute;top:-5px;right:-5px}.notification-wrapper{cursor:pointer;margin-right:15px;position:relative}#notification-dropdown{z-index:1000;width:380px;max-height:500px;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);padding:0;display:none;position:absolute;top:40px;right:0;overflow-y:auto}body.dark-mode #notification-dropdown{border:1px solid var(--glass-border);background:#0f172ad9}.notif-header{border-bottom:1px solid var(--border);background:0 0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}body.dark-mode .notif-header{border-bottom:1px solid var(--border-light);background:0 0}.notif-header strong{color:var(--text-primary);font-size:.95rem;font-weight:600}.notif-unread-badge{color:#fff;background:#ff4d4f;border-radius:10px;margin-left:8px;padding:2px 7px;font-size:.65rem;font-weight:700}.notif-actions{gap:12px;display:flex}.notif-action-btn{cursor:pointer;font-size:.72rem;font-weight:600}.notif-action-btn.read{color:var(--primary)}.notif-action-btn.clear{color:#e74c3c}.notif-empty{text-align:center;color:var(--text-muted);padding:50px 20px}.notif-empty-icon{margin-bottom:12px;font-size:2.5rem}.notif-empty-title{margin-bottom:4px;font-size:.9rem;font-weight:600}.notif-empty-text{color:var(--text-muted);font-size:.78rem}.notif-group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;background:var(--bg-page);border-bottom:1px solid var(--border);padding:10px 20px;font-size:.65rem;font-weight:700}body.dark-mode .notif-group-title{border-bottom:1px solid var(--border-light);background:#02061780}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition);background:0 0;align-items:flex-start;gap:14px;padding:16px 20px;display:flex;position:relative}.notif-item:hover{background:var(--bg-elevated)}body.dark-mode .notif-item{border-bottom:1px solid var(--border-light)}body.dark-mode .notif-item:hover{background:#1e293b80}.notif-item.unread{background:rgba(var(--secondary-rgb), .03)}.notif-item-indicator{border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.notif-item-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.notif-item-content{flex:1;min-width:0}.notif-item-text{color:var(--text-primary);word-wrap:break-word;margin-bottom:3px;font-size:.82rem;line-height:1.45}.notif-item.unread .notif-item-text{font-weight:600}.notif-item-subtext{color:var(--text-secondary);margin-bottom:6px;font-size:.75rem}.notif-item-footer{justify-content:space-between;align-items:center;display:flex}.notif-item-time{color:var(--text-muted);font-size:.68rem}.notif-item-type-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:2px 6px;font-size:.62rem;font-weight:700}.notif-item-buttons{gap:8px;margin-top:12px;display:flex}.notif-footer-link{text-align:center;color:var(--secondary);cursor:pointer;transition:var(--transition);background:0 0;padding:14px;font-size:.8rem;font-weight:600}.notif-footer-link:hover{background:var(--bg-elevated);color:var(--secondary-hover)}body.dark-mode .notif-footer-link:hover{background:#1e293b80}@media (width<=768px){#notification-dropdown{width:95vw!important;left:2.5vw!important;right:2.5vw!important}}.toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--bg-surface);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);border-left:4px solid var(--secondary);align-items:center;gap:15px;max-width:380px;padding:16px 20px;transition:all .4s;animation:.3s cubic-bezier(.4,0,.2,1) forwards slideInRight;display:flex}body.dark-mode .toast{border:1px solid var(--glass-border);border-left:4px solid var(--secondary);background:#0f172ad9}.toast-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.toast-content{flex:1;min-width:0}.toast-label{text-transform:uppercase;letter-spacing:.8px;opacity:.9;margin-bottom:4px;font-size:.65rem;font-weight:700}.toast-message{color:var(--text-primary);word-wrap:break-word;font-size:.85rem;font-weight:500;line-height:1.4}.toast-close{cursor:pointer;color:#ccc;flex-shrink:0;padding:0 5px;font-size:1.1rem}.toast-close:hover{color:var(--text-secondary)}.skeleton-line{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--border-light) 50%, var(--bg-elevated) 75%);background-size:400px 100%;border-radius:12px;animation:1.2s infinite shimmer}.loading-skeleton{animation:.2s fadeIn}.hero{text-align:center;color:#fff;clip-path:polygon(0 0,100% 0,100% 85%,0% 100%);background-color:#0000;background-image:linear-gradient(135deg,#0f172af2 0%,#1e293bcc 100%),url(https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=2000&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;padding:160px 5% 120px;display:flex}.hero-content{max-width:900px}.hero h1{letter-spacing:-2px;margin-bottom:24px;font-size:4.5rem;font-weight:800;line-height:1.1;animation:.8s ease-out fadeInUp}.hero p{opacity:.85;max-width:600px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.6;animation:1s ease-out fadeInUp}.hero-badge{-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-radius:var(--radius-full);letter-spacing:.5px;color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;align-items:center;margin-bottom:32px;padding:10px 20px;font-size:.85rem;font-weight:600;animation:.6s ease-out fadeInUp;display:inline-flex}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;animation:1.2s ease-out fadeInUp;display:flex}.hero-btn{border-radius:var(--radius-md);align-items:center;padding:16px 32px;font-size:1rem;font-weight:600;display:inline-flex}.hero-btn-alt{color:#fff;background:0 0;border:1px solid #ffffff4d}.hero-btn-alt:hover{background:#ffffff1a;border-color:#fff}.stats-bar{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:10;border:1px solid var(--border);justify-content:space-around;align-items:center;margin-top:-60px;padding:40px;animation:.8s ease-out fadeInUp;display:flex;position:relative}.stat-item{text-align:center}.stat-number{color:var(--primary);letter-spacing:-1px;margin-bottom:8px;font-size:2.5rem;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}.steps-grid{justify-content:center;align-items:center;gap:24px;margin-top:40px;display:flex}.step-card{background:var(--bg-surface);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border);transition:var(--transition);flex:1;padding:48px 32px;position:relative}.step-card:hover{box-shadow:var(--shadow-md);border-color:var(--secondary);transform:translateY(-5px)}.step-number{color:var(--border-light);z-index:0;font-size:3rem;font-weight:900;line-height:1;position:absolute;top:24px;right:24px}.step-icon-wrapper{background:var(--bg-page);width:64px;height:64px;color:var(--secondary);border-radius:var(--radius-md);z-index:1;justify-content:center;align-items:center;margin:0 auto 24px;display:flex;position:relative}.step-icon-wrapper i{width:32px;height:32px}.step-arrow{color:var(--text-muted)}.features-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.feature-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);transition:var(--transition);padding:32px}.feature-card:hover{border-color:var(--secondary);background:var(--bg-page)}.feature-icon-wrapper{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.feature-icon-wrapper i{width:24px;height:24px}.fi-blue{color:#3b82f6;background:#eff6ff}.fi-green{color:#10b981;background:#f0fdf4}.fi-amber{color:#f59e0b;background:#fffbeb}.fi-indigo{color:#6366f1;background:#eef2ff}.fi-rose{color:#f43f5e;background:#fff1f2}.fi-cyan{color:#06b6d4;background:#ecfeff}.transport-modes-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.transport-mode-card{background:var(--bg-surface);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border);transition:var(--transition);padding:40px}.transport-mode-card:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.tm-icon-wrapper{color:var(--secondary);margin-bottom:24px}.tm-icon-wrapper i{width:48px;height:48px}.transport-mode-card:hover .tm-icon-wrapper{color:var(--accent)}.tm-badge{background:var(--bg-page);color:var(--text-secondary);border-radius:var(--radius-full);margin-top:20px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.transport-mode-card:hover .tm-badge{color:#fff;background:#ffffff1a}.cta-section{background:var(--primary);text-align:center;margin-top:80px;padding:100px 20px;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle,#3b82f61a 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.cta-inner{z-index:1;max-width:600px;margin:0 auto;position:relative}.cta-inner h2{color:#fff;letter-spacing:-1.5px;margin-bottom:24px;font-size:3rem;font-weight:800}.cta-inner p{color:var(--text-muted);margin-bottom:40px;font-size:1.2rem}.cta-btn-white{color:var(--primary);background:#fff}.cta-btn-outline{border-color:var(--border);color:#fff}.ecosystem-grid{grid-template-columns:repeat(2,1fr);gap:32px;margin-top:40px;display:grid}.ecosystem-card{background:var(--bg-surface);border:1px solid var(--border);transition:var(--transition);border-radius:24px;justify-content:space-between;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.ecosystem-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#3b82f60d,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.ecosystem-card.education{background:linear-gradient(135deg, var(--bg-surface) 0%, #f8fafc 100%)}.ecosystem-card.ai-special{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-color:#ffffff1a}.ecosystem-card.ai-special:before{background:radial-gradient(circle at 100% 0,#6366f126,#0000 60%)}.eco-content{z-index:1;flex:1}.eco-badge{color:var(--primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:1px;background:#3b82f61a;margin-bottom:20px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-block}.ai-special .eco-badge{color:#818cf8;background:#6366f133}.ecosystem-card h3{letter-spacing:-1px;margin-bottom:16px;font-size:2rem;font-weight:800}.ecosystem-card p{color:var(--text-secondary);margin-bottom:24px;font-size:1rem;line-height:1.6}.ai-special p{color:#ffffffb3}.eco-features{margin-bottom:32px;list-style:none}.eco-features li{color:var(--text-main);align-items:center;gap:12px;margin-bottom:12px;font-size:.95rem;font-weight:600;display:flex}.ai-special .eco-features li{color:#ffffffe6}.eco-features li i{color:var(--secondary);width:20px;height:20px}.eco-image{width:180px;height:180px;box-shadow:var(--shadow-sm);transition:var(--transition);background:#ffffff80;border-radius:40px;justify-content:center;align-items:center;margin-left:40px;display:flex}.ai-special .eco-image{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.eco-image i{width:80px;height:80px;color:var(--primary)}.ai-special .eco-image i{color:#818cf8}.ecosystem-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.ecosystem-card:hover .eco-image{transform:scale(1.05)rotate(5deg)}.ai-status{color:#818cf8;border-radius:var(--radius-md);background:#818cf81a;align-items:center;gap:8px;width:fit-content;margin-bottom:20px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.status-dot{background:#818cf8;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #818cf8b3}70%{transform:scale(1);box-shadow:0 0 0 10px #818cf800}to{transform:scale(.95);box-shadow:0 0 #818cf800}}.eco-btn{padding:14px 28px;font-weight:700}.ai-btn:disabled{color:#ffffff4d;cursor:not-allowed;background:#ffffff1a;border:none}@media (width<=1024px){.hero h1{font-size:3.5rem}.features-grid,.transport-modes-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero{padding:120px 5% 80px}.hero h1{font-size:2.5rem}.stats-bar{flex-direction:column;gap:32px;padding:32px}.stat-divider{display:none}.steps-grid{flex-direction:column}.step-arrow{transform:rotate(90deg)}.features-grid,.transport-modes-grid{grid-template-columns:1fr}.cta-inner h2{font-size:2rem}}.marketplace-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;display:grid}.marketplace-list{flex-direction:column;gap:15px;display:flex}.filter-chips-container{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;margin-top:15px;padding-top:15px;display:flex}.filter-chip{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:100px;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.filter-chip:hover{background:var(--bg-surface);border-color:var(--secondary);color:var(--secondary);transform:translateY(-2px);box-shadow:0 5px 15px #3b82f61a}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 5px 15px #0052d433}.recent-listings-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.recent-listing-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;transition:var(--transition);border-radius:16px;padding:22px}.rl-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.rl-transport{font-size:1.6rem}.rl-incoterm{color:var(--secondary);letter-spacing:.5px;background:#3b82f61a;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:700}.rl-route{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.rl-city{color:var(--primary);font-size:.95rem;font-weight:700}.rl-arrow{color:var(--accent);font-size:1rem;font-weight:800}.rl-cargo{color:var(--text-muted);margin-bottom:14px;font-size:.8rem}.rl-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.rl-deadline{color:var(--text-muted);font-size:.78rem}.rl-bids{color:var(--secondary);background:#3b82f61a;border-radius:10px;padding:3px 10px;font-size:.78rem;font-weight:700}@media (width<=1024px){.recent-listings-grid{grid-template-columns:repeat(2,1fr)}}.market-header{background:var(--bg-surface);border-radius:20px;flex-direction:column;gap:20px;margin-bottom:30px;padding:25px;display:flex;box-shadow:0 10px 30px #0000000d}.market-header-top{justify-content:space-between;align-items:center;display:flex}.market-header-top h1{color:var(--primary);margin:0;font-size:1.8rem}.market-count{color:var(--text-secondary);font-size:.9rem}.market-filter-bar{grid-template-columns:1fr 1fr 150px;align-items:end;gap:15px;display:grid}.pagination-container{justify-content:center;align-items:center;gap:8px;margin-top:30px;padding:20px 0;display:flex}.pagination-btn{border:1px solid var(--border-dim);background:var(--bg-surface);cursor:pointer;width:36px;height:36px;color:var(--text-primary);transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;font-size:.8rem;display:flex}.pagination-btn.active{border-color:var(--secondary);background:var(--secondary);color:#fff;font-weight:700}.pagination-btn:hover:not(.active){background:var(--bg-elevated)}.pagination-btn.nav{width:auto;padding:8px 16px;font-size:.85rem}.pagination-info{text-align:center;color:var(--text-secondary);margin-top:5px;font-size:.75rem}.ticket-header{justify-content:space-between;align-items:center;width:100%;display:flex}.ticket-header-left{align-items:center;gap:20px;display:flex}.ticket-header-title{margin:0;font-size:1.2rem;font-weight:400}.ticket-header-title strong{color:var(--primary)}.ticket-header-title span{color:var(--text-muted);margin:0 8px;font-style:italic}.ticket-toggle-icon{color:var(--secondary);font-size:1.5rem;font-weight:700}.ticket-privacy-notice{background:#fff9f0;border:1px dashed #f39c12;border-radius:12px;margin-top:15px;padding:15px}body.dark-mode .ticket-privacy-notice{background:#2a1b0a;border-color:#d35400}.ticket-privacy-notice p{color:#d35400;margin:0;font-size:.85rem}.ticket-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.photo-gallery{gap:10px;margin-top:10px;padding-bottom:10px;display:flex;overflow-x:auto}.photo-thumbnail{object-fit:cover;border:1px solid var(--border-dim);cursor:pointer;border-radius:12px;width:140px;height:100px;transition:transform .2s}.photo-thumbnail:hover{transform:scale(1.05)}@media (width<=1024px){.recent-listings-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.recent-listings-grid{grid-template-columns:1fr}.market-filter-bar{grid-template-columns:1fr!important}.ticket-header-left{flex-direction:column;align-items:flex-start;gap:10px}}.locked-chip{opacity:.7;background:var(--bg-elevated);cursor:help!important;border-style:dashed!important}.locked-chip:hover{border-color:var(--text-muted)!important;color:var(--text-muted)!important;transform:none!important}.subscription-lock-notice{color:var(--secondary);cursor:pointer;background:#6366f10d;border:1px solid #6366f133;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:.9rem;transition:all .3s;display:flex}.subscription-lock-notice:hover{background:#6366f11a;transform:translateY(-2px)}.subscription-lock-notice i{color:var(--secondary)}.active-package{border-color:var(--secondary)!important;box-shadow:0 0 20px #6366f133!important}.mobile-filter-header{display:none}@media (width<=768px){.mobile-filter-header{display:block}.market-filter-bar{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);margin-top:12px;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeInUp;grid-template-columns:1fr!important;gap:15px!important;display:none!important}.market-filter-bar.active{display:grid!important}.market-filter-bar button{margin-top:8px;height:44px!important}.ticket-header-left{gap:8px}}.dashboard-wrapper{max-width:1200px;padding-bottom:80px}.dashboard-header{justify-content:space-between;align-items:flex-end;margin-bottom:40px;display:flex}.dashboard-title h1{color:var(--primary);letter-spacing:-1px;font-size:2.2rem;font-weight:800}.dashboard-title p{color:var(--text-secondary);margin-top:5px}.dashboard-user-info{text-align:right}.dashboard-user-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:5px;font-size:.8rem;font-weight:700}.dashboard-user-name{color:var(--primary);font-weight:700}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.stat-card{background:var(--bg-surface);border-bottom:4px solid #0000;border-radius:16px;align-items:center;gap:20px;padding:25px;display:flex;box-shadow:0 4px 15px #0000000d}.stat-card.primary{border-bottom-color:var(--secondary)}.stat-card.accent{border-bottom-color:var(--accent)}.stat-card.success{border-bottom-color:#27ae60}.stat-card-icon{font-size:2rem}.stat-card-number{color:var(--text-primary);font-size:1.8rem;font-weight:800;line-height:1}.stat-card-label{color:var(--text-secondary);margin-top:5px;font-size:.8rem;font-weight:600}.dashboard-tabs{border-bottom:1px solid var(--border);gap:10px;margin-bottom:30px;padding-bottom:10px;display:flex}.tab-btn{cursor:pointer;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;border-bottom:3px solid #0000;padding:10px 20px;font-size:.95rem;font-weight:700}.tab-btn.active{color:var(--secondary);border-bottom-color:var(--secondary)}.dash-ad-card{transition:var(--transition);border-left:5px solid var(--border);margin-bottom:20px;padding:0;overflow:hidden}.dash-ad-card.has-bids{border-left-color:var(--accent)}.dash-ad-card.active-shipment{border-left-color:#27ae60}.dash-ad-main{cursor:pointer;justify-content:space-between;align-items:center;padding:25px;display:flex}.dash-ad-info{align-items:center;gap:15px;display:flex}.dash-ad-icon{background:var(--bg-page);border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.dash-ad-icon i,.dash-ad-icon svg{width:24px;height:24px;color:var(--secondary)}.dash-ad-title{color:var(--primary);margin:0 0 4px;font-size:1.1rem}.dash-ad-meta{color:var(--text-secondary);font-size:.8rem}.dash-ad-status-box{text-align:right}.dash-ad-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:.7rem}.dash-ad-value{color:var(--text-primary);font-size:.9rem;font-weight:700}.bid-list{flex-direction:column;gap:12px;display:flex}.bid-row{background:var(--bg-surface);border:1px solid var(--border);border-radius:15px;grid-template-columns:2fr 1fr 1fr 1.5fr;align-items:center;gap:20px;padding:20px;display:grid}.bid-company-name{color:var(--primary);align-items:center;gap:8px;font-weight:700;display:flex}.bid-price{color:#27ae60;font-size:1.1rem;font-weight:800}.timeline-container{background:var(--bg-page);border-radius:12px;margin-top:20px;padding:20px}.timeline-list{flex-direction:column;gap:15px;display:flex;position:relative}.timeline-list:before{content:"";background:var(--border);width:2px;position:absolute;top:10px;bottom:10px;left:14px}.timeline-item{z-index:2;opacity:.6;gap:15px;display:flex;position:relative}.timeline-item.active{opacity:1}.timeline-point{background:var(--bg-elevated);width:30px;height:30px;color:var(--text-secondary);border:2px solid var(--bg-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:flex;box-shadow:0 2px 5px #0000001a}.timeline-item.active .timeline-point{color:#fff}.dash-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#fff6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}body.dark-mode .dash-overlay{background:#0009}.dash-overlay-card{text-align:center;background:var(--bg-surface);border-radius:24px;width:95%;max-width:550px;padding:45px;box-shadow:0 30px 100px #0003}@media (width<=768px){.dashboard-stats{grid-template-columns:1fr}.bid-row{text-align:center;grid-template-columns:1fr;gap:10px}.bid-row div{justify-content:center}.dashboard-header{flex-direction:column;align-items:flex-start;gap:20px}}.status-page{text-align:center;justify-content:center;align-items:center;height:80vh;padding:20px;animation:.5s fadeIn;display:flex}.status-card{max-width:500px;padding:40px}.status-card--danger{border-top:5px solid #e74c3c}.status-card--danger h1{color:#e74c3c;margin-bottom:15px}.status-card--warning{border-top:5px solid #f39c12}.status-card--warning h1,.status-card--warning h2{color:#f39c12;margin-bottom:10px}.status-icon{margin-bottom:20px;font-size:4rem}.status-card p{color:var(--text-secondary);margin-bottom:25px;line-height:1.6}.status-reason{color:#c0392b;background:#fff5f5;border-radius:8px;margin-bottom:25px;padding:15px;font-size:.9rem}.status-reason--info{color:#856404;background:#fff9e6}.status-note{margin-bottom:25px;color:var(--text-muted)!important;font-size:.85rem!important}.status-error-code{background:var(--bg-page);color:#e74c3c;word-break:break-all;border-radius:8px;margin-bottom:20px;padding:10px;font-family:monospace;font-size:.75rem;display:block}.status-actions{justify-content:center;gap:10px;display:flex}body.dark-mode .status-reason{background:#e74c3c1a}body.dark-mode .status-reason--info{background:#f39c121a}@media (width<=768px){.bid-card{flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:16px!important}.bid-card>div{text-align:left!important;flex:unset!important;border:none!important;min-width:100%!important}.bid-card>div:nth-child(2){border-top:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important;padding:12px 0!important}.bid-card>div:nth-child(3){grid-template-columns:1fr 1fr!important;gap:12px!important}.bid-card>div:nth-child(4){flex-direction:row!important;justify-content:stretch!important;align-items:center!important;gap:8px!important;width:100%!important}.bid-card>div:nth-child(4) button{flex:1!important;width:100%!important;margin:0!important}}.auth-wrapper{background:var(--bg-page);justify-content:center;align-items:center;min-height:80vh;padding:20px;animation:.5s fadeIn;display:flex}.auth-card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:20px;width:100%;max-width:450px;padding:40px;box-shadow:0 15px 35px #0000001a}.auth-header{text-align:center;margin-bottom:30px}.auth-title{color:var(--primary);margin-bottom:10px;font-size:2rem;font-weight:800}.auth-subtitle{color:var(--text-secondary)}.auth-form-group{margin-bottom:20px}.auth-input{padding:15px!important}.auth-submit-btn{background:var(--primary-gradient);border-radius:12px;width:100%;margin-top:30px;padding:15px;font-size:1.1rem}.auth-link{color:var(--secondary);cursor:pointer;font-size:.85rem;font-weight:600;text-decoration:none}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:25px;font-size:.95rem}.btn-google{border:1px solid var(--border-dim);background:var(--bg-surface);width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px;font-weight:600;display:flex}.btn-google:hover{background:var(--bg-page)}.modal-divider{text-align:center;margin:30px 0;position:relative}.modal-divider:before{content:"";background:var(--border-dim);z-index:1;width:100%;height:1px;position:absolute;top:50%;left:0}.modal-divider span{background:var(--bg-surface);z-index:2;color:var(--text-secondary);padding:0 15px;font-size:.9rem;position:relative}.post-ad-container{max-width:900px;padding:40px 0}.post-ad-card{background:var(--bg-surface);border:none;border-radius:24px;padding:50px;box-shadow:0 20px 50px #00000014}.post-ad-title{color:var(--primary);text-align:center;letter-spacing:-1px;margin-bottom:40px;font-size:2rem;font-weight:800}.form-section{margin-bottom:40px}.form-section.highlight{background:var(--bg-page);border:1px solid var(--border-dim);border-radius:20px;padding:30px}.step-header{align-items:center;gap:12px;margin-bottom:25px;display:flex}.step-number{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:flex}.step-number.primary{background:var(--primary)}.step-number.secondary{background:var(--secondary)}.step-number.accent{background:var(--accent)}.step-number.success{background:#27ae60}.step-number.muted{background:#95a5a6}.step-title{color:var(--secondary);margin:0;font-size:1.1rem;font-weight:700}.cargo-row-item{background:var(--bg-page);border:1px solid var(--border-dim);border-radius:15px;margin-bottom:15px;padding:20px;position:relative}.photo-upload-section{border-top:1px solid var(--border-dim);justify-content:space-between;align-items:center;margin-top:25px;padding-top:20px;display:flex}.stackable-toggle{background:var(--bg-page);border:1px solid var(--border-dim);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 15px;display:flex}.stackable-toggle input{cursor:pointer;width:18px;height:18px}.stackable-label{cursor:pointer;color:var(--secondary);margin:0;font-size:.9rem;font-weight:600}.photo-preview-box{gap:8px;display:flex}.photo-add-btn{border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;padding:0;font-size:1.5rem;display:flex}.submit-post-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:14px;padding:16px;font-size:1rem;font-weight:700;box-shadow:0 10px 30px #3b82f633}.submit-post-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #3b82f659}.form-control{border:1.5px solid var(--border);background:var(--bg-surface);color:var(--text-primary);transition:var(--transition);border-radius:10px;padding:12px 16px;font-size:.95rem}.form-control:focus{outline:none;border-color:var(--secondary)!important;box-shadow:0 0 0 4px #3b82f61f!important}@media (width<=768px){.post-ad-card{box-shadow:none;background:0 0;border:none;padding:20px 16px}.post-ad-container{padding:12px 0}.form-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:20px 16px}.form-section.highlight{padding:20px 16px}.grid-2col,.grid-3col{grid-template-columns:1fr!important;gap:12px!important}.photo-upload-section{flex-direction:column;align-items:flex-start;gap:20px}}.settings-container{padding:40px 0 80px;animation:.5s ease-out slideUpFade}.settings-layout{grid-template-columns:320px 1fr;align-items:start;gap:32px;display:grid}.settings-sidebar{position:sticky;top:100px}.settings-profile-summary{text-align:center;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);margin-bottom:24px;padding:32px 24px}.avatar-wrapper{width:100px;height:100px;margin:0 auto 20px;position:relative}.avatar-big{background:var(--primary-gradient);color:#fff;border-radius:30px;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;font-weight:800;display:flex;box-shadow:0 10px 25px #3b82f64d}.avatar-edit-btn{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;width:32px;height:32px;box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-5px;right:-5px}.avatar-edit-btn:hover{background:var(--secondary);color:#fff;border-color:var(--secondary);transform:scale(1.1)}.profile-summary-info h3{margin-bottom:4px;font-size:1.25rem;font-weight:700}.profile-summary-info p{color:var(--text-secondary);margin-bottom:12px;font-size:.9rem}.role-badge{background:var(--secondary-light);color:var(--secondary);border-radius:var(--radius-full);align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.settings-menu{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);padding:8px;overflow:hidden}.settings-menu-group-header{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin:14px 16px 8px;font-size:.7rem;font-weight:700}.settings-menu-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.settings-menu-item i{width:20px;height:20px;transition:var(--transition)}.settings-menu-item:hover{background:var(--bg-page);color:var(--text-primary)}.settings-menu-item.active{background:var(--primary-gradient);color:#fff}.settings-menu-item.active i{color:#fff}.settings-menu-item.danger{color:var(--danger);border-top:1px solid var(--border);border-radius:0;margin-top:16px}.settings-main{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);min-height:600px;padding:40px}.settings-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;display:flex}.settings-header h2{letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.settings-section{animation:.3s fadeIn}.settings-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.settings-grid.full{grid-template-columns:1fr}.input-group label{color:var(--text-primary);font-size:.85rem;font-weight:600}.input-group input,.input-group select,.input-group textarea{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition);padding:12px 16px;font-size:.95rem}.input-group input:focus{border-color:var(--secondary);background:var(--bg-surface);outline:none;box-shadow:0 0 0 4px #3b82f61a}.input-group input:disabled{opacity:.6;cursor:not-allowed;background:var(--border-light)}.security-card{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px}.security-card-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.security-card-header h4{color:var(--text-primary);font-size:1.1rem;font-weight:700}.security-card-icon{background:var(--bg-page);width:44px;height:44px;color:var(--secondary);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;display:flex}.status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;font-size:.7rem;font-weight:700}.status-badge.success{color:#27ae60;background:#e6f7ed}.session-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.session-item{background:var(--bg-page);border-radius:var(--radius-md);border:1px solid var(--border);transition:var(--transition);justify-content:space-between;align-items:center;padding:16px;display:flex}.session-item.current{border-left:4px solid var(--secondary)}.session-item:hover{border-color:var(--secondary)}.session-info{align-items:center;gap:16px;display:flex}.session-info i{width:24px;height:24px;color:var(--text-muted)}.session-name{color:var(--text-primary);align-items:center;font-size:.95rem;font-weight:600;display:flex}.current-badge{background:var(--secondary);color:#fff;border-radius:4px;margin-left:10px;padding:2px 8px;font-size:.65rem;font-weight:700}.session-meta{color:var(--text-secondary);margin-top:2px;font-size:.8rem}.session-terminate{color:var(--danger);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #fee2e2;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600}.session-terminate:hover{background:#fff1f0;border-color:#ffccc7}.audit-log{flex-direction:column;gap:16px;display:flex}.audit-item{align-items:flex-start;gap:16px;padding-left:8px;display:flex}.audit-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.audit-dot.success{background:var(--success)}.audit-dot.info{background:var(--info)}.audit-dot.warning{background:var(--warning)}.audit-text{color:var(--text-primary);font-size:.9rem;font-weight:500}.audit-time{color:var(--text-secondary);margin-top:2px;font-size:.8rem}.section-subtitle{color:var(--text-primary);border-bottom:1px solid var(--border-light);margin:32px 0 16px;padding-bottom:8px;font-size:1rem;font-weight:700}.profile-upload-section{background:var(--bg-page);border-radius:var(--radius-lg);border:1px solid var(--border);align-items:center;gap:24px;margin-bottom:40px;padding:24px;display:flex}.avatar-wrapper-settings{cursor:pointer;border-radius:24px;width:80px;height:80px;position:relative;overflow:hidden}.avatar-overlay{color:#fff;opacity:0;width:100%;height:100%;transition:var(--transition);background:#0f172a99;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.avatar-wrapper-settings:hover .avatar-overlay{opacity:1}.avatar-overlay i{width:20px;height:20px;margin-bottom:4px}.avatar-overlay span{font-size:.7rem;font-weight:600}.upload-controls h4{margin-bottom:4px;font-size:1rem;font-weight:700}.upload-controls p{color:var(--text-secondary);font-size:.8rem}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon i{width:18px;height:18px;color:var(--text-muted);position:absolute;left:14px}.input-with-icon input{padding-left:44px!important}.verified-tag{color:var(--success);align-items:center;gap:4px;margin-left:8px;font-size:.7rem;font-weight:600;display:inline-flex}.verified-tag i{width:12px;height:12px}@media (width<=1024px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{grid-template-columns:1fr 1fr;gap:20px;display:grid;position:static}}@media (width<=768px){.settings-layout{display:block}.settings-profile-summary{border-radius:var(--radius-md);margin-bottom:16px;padding:24px 16px}.settings-menu{background:var(--bg-surface);border-radius:var(--radius-md);padding:4px}.settings-menu-item{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:16px}.settings-menu-item:last-child{border-bottom:none}.settings-menu-item .menu-chevron{color:var(--text-muted);width:18px;height:18px;margin-left:auto;display:block!important}.settings-layout .settings-main{display:none}.settings-layout .settings-sidebar{display:block}.settings-layout.sub-page-active .settings-sidebar{display:none}.settings-layout.sub-page-active .settings-main{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);padding:20px 16px;display:block}.mobile-back-header{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:12px;display:flex!important}.mobile-back-btn{color:var(--secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-left:-8px;padding:4px 8px;font-size:.95rem;font-weight:600;display:inline-flex}.mobile-back-btn i{width:20px;height:20px}.settings-grid{grid-template-columns:1fr}}.menu-chevron,.mobile-back-header{display:none}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.switch{width:46px;height:24px;margin:0;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch .slider{cursor:pointer;border:1px solid var(--border);background-color:#ffffff1a;border-radius:34px;transition:all .3s;position:absolute;inset:0}.switch .slider:before{content:"";background-color:var(--text-primary);border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}.switch input:checked+.slider{background-color:var(--secondary);border-color:var(--secondary)}.switch input:checked+.slider:before{background-color:var(--bg-surface);transform:translate(22px)}:root{--edu-bg:#f8fafc;--edu-card-bg:#fff;--edu-border:#0000000d;--edu-primary:#0ea5e9;--edu-primary-gradient:linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%);--edu-text:#0f172a;--edu-text-dim:#64748b;--edu-shadow-sm:0 1px 2px 0 #0000000d;--edu-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--edu-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}.education-container{background:var(--edu-bg);color:var(--edu-text);max-width:100%;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}.edu-portal{grid-template-columns:1fr 320px;gap:40px;max-width:1500px;margin:0 auto;padding:40px;display:grid}@media (width<=1200px){.edu-portal{grid-template-columns:1fr}}.edu-main-content{flex-direction:column;gap:48px;display:flex}.edu-search-bar .search-wrapper{background:var(--edu-card-bg);border:1px solid var(--edu-border);border-radius:16px;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.edu-search-bar input{color:var(--edu-text);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.edu-search-bar kbd{color:var(--edu-text-dim);border:1px solid var(--edu-border);background:#f1f5f9;border-radius:6px;padding:4px 8px;font-size:.75rem}.edu-filters{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.filter-pill{background:var(--edu-card-bg);border:1px solid var(--edu-border);color:var(--edu-text-dim);cursor:pointer;border-radius:12px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.filter-pill:hover{color:var(--edu-text);background:#f8fafc;border-color:#0ea5e94d}.filter-pill.active{background:var(--edu-primary-gradient);color:#fff;border-color:#0000;box-shadow:0 4px 12px #0ea5e933}.nav-scroll{flex-direction:column;display:flex}.edu-hero.flat-maritime{box-shadow:var(--edu-shadow-lg);background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #0ea5e91a;border-radius:32px;grid-template-columns:1fr 300px;align-items:center;gap:40px;padding:60px;display:grid;position:relative;overflow:hidden}.hero-badge{color:var(--edu-primary);background:#0ea5e91a;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.edu-hero h1{letter-spacing:-2px;margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.1}.edu-hero p{color:var(--edu-text-dim);max-width:500px;margin-bottom:40px;font-size:1.15rem;line-height:1.6}.hero-actions{gap:16px;display:flex}.hero-btn{cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.hero-btn.primary{background:var(--edu-primary-gradient);color:#fff;border:none}.hero-btn.secondary{color:var(--edu-text);border:1px solid var(--edu-border);box-shadow:var(--edu-shadow-sm);background:#fff}.hero-btn:hover{opacity:.9;transform:translateY(-2px)}.maritime-abstract{justify-content:center;align-items:center;width:240px;height:240px;display:flex;position:relative}.maritime-abstract .floating-icon{width:120px;height:120px;color:var(--edu-primary);opacity:.8;z-index:2;animation:4s ease-in-out infinite float}.wave{border:2px solid #0ea5e91a;border-radius:40%;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.wave-1{animation:20s linear infinite rotate}.wave-2{opacity:.5;animation:25s linear infinite reverse rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.edu-stats-flat{border:1px solid var(--edu-border);box-shadow:var(--edu-shadow);background:#fff;border-radius:24px;justify-content:space-around;align-items:center;padding:24px;display:flex}.stat-box{text-align:center}.stat-val{color:var(--edu-text);margin-bottom:4px;font-size:1.8rem;font-weight:800}.stat-lbl{color:var(--edu-text-dim);font-size:.85rem;font-weight:600}.stat-divider{background:var(--edu-border);width:1px;height:40px}.course-grid-flat{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.course-card-flat{background:var(--edu-card-bg);border:1px solid var(--edu-border);cursor:pointer;box-shadow:var(--edu-shadow);border-radius:24px;padding:24px;transition:all .2s}.course-card-flat:hover{border-color:var(--edu-primary);box-shadow:var(--edu-shadow-lg);background:#fff;transform:translateY(-4px)}.card-icon-box{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex}.card-icon-box i{width:28px;height:28px}.card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-cat{text-transform:uppercase;color:var(--edu-text-dim);letter-spacing:1px;font-size:.7rem;font-weight:800}.card-rating{color:#f59e0b;align-items:center;gap:4px;font-size:.8rem;font-weight:700;display:flex}.card-rating i{fill:#f59e0b;width:12px;height:12px}.card-title{min-height:3.4rem;margin-bottom:16px;font-size:1.2rem;font-weight:800;line-height:1.4}.card-instructor{align-items:center;gap:10px;margin-bottom:20px;display:flex}.mini-avatar{background:var(--edu-border);border-radius:50%;width:24px;height:24px}.card-instructor span{color:var(--edu-text-dim);font-size:.85rem;font-weight:600}.card-progress-flat{margin-bottom:20px}.prog-label{color:var(--edu-text-dim);justify-content:space-between;margin-bottom:8px;font-size:.75rem;font-weight:700;display:flex}.prog-track{background:#f1f5f9;border-radius:3px;height:6px;overflow:hidden}.prog-fill{border-radius:3px;height:100%}.card-footer-flat{border-top:1px solid var(--edu-border);gap:16px;padding-top:16px;display:flex}.card-footer-flat span{color:var(--edu-text-dim);align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.card-footer-flat i{width:14px;height:14px}.card-price{background:#10b9811a;border-radius:8px;padding:4px 10px;color:#10b981!important;font-size:.9rem!important}.ongoing-grid-flat{gap:16px;display:grid}.ongoing-item-flat{border:1px solid var(--edu-border);cursor:pointer;box-shadow:var(--edu-shadow-sm);background:#fff;border-radius:18px;align-items:center;gap:20px;padding:16px;transition:all .2s;display:flex}.ongoing-item-flat:hover{border-color:var(--edu-primary);transform:scale(1.01)}.oi-icon{background:var(--edu-border);width:44px;height:44px;color:var(--edu-primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.oi-info{flex:1}.oi-info h4{margin-bottom:8px;font-size:1rem;font-weight:700}.oi-progress{color:var(--edu-text-dim);align-items:center;gap:12px;font-size:.75rem;font-weight:700;display:flex}.oi-track{background:#f1f5f9;border-radius:2px;flex:1;height:4px}.oi-fill{background:var(--edu-primary);border-radius:2px;height:100%}.oi-btn{background:var(--edu-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.edu-sidebar-flat{flex-direction:column;gap:32px;display:flex}.sidebar-widget{border:1px solid var(--edu-border);box-shadow:var(--edu-shadow);background:#fff;border-radius:24px;padding:24px}.sidebar-widget h3{margin-bottom:24px;font-size:1.1rem;font-weight:800}.perf-circle{width:140px;height:140px;margin:0 auto 24px;position:relative}.perf-circle svg{transform:rotate(-90deg)}.perf-circle .bg{fill:none;stroke:#f1f5f9;stroke-width:10px}.perf-circle .fg{fill:none;stroke:var(--edu-primary);stroke-width:10px;stroke-linecap:round}.perf-val{font-size:2rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.perf-val span{color:var(--edu-text-dim);font-size:1rem}.perf-stats{border-top:1px solid var(--edu-border);grid-template-columns:1fr 1fr;gap:16px;padding-top:24px;display:grid}.ps-item span{color:var(--edu-text-dim);margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.ps-item strong{font-size:1.1rem;font-weight:800}.event-list-flat{flex-direction:column;gap:16px;display:flex}.event-card-flat{align-items:center;gap:16px;display:flex}.ec-date{border:1px solid var(--edu-border);background:#f1f5f9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:44px;height:56px;display:flex}.ec-date strong{font-size:1.1rem;font-weight:800}.ec-date span{color:var(--edu-text-dim);font-size:.6rem;font-weight:800}.ec-body h4{margin-bottom:4px;font-size:.9rem;font-weight:700}.ec-body p{color:var(--edu-text-dim);font-size:.75rem;font-weight:600}.cta-widget{background:var(--edu-primary-gradient);text-align:center}.cta-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;display:flex}.cta-widget h4{margin-bottom:8px;font-size:1.2rem;font-weight:800}.cta-widget p{opacity:.9;margin-bottom:24px;font-size:.85rem;line-height:1.5}.cta-btn{color:var(--edu-primary);cursor:pointer;width:100%;box-shadow:var(--edu-shadow);background:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:800}.player-header-flat{background:var(--edu-bg);border-bottom:1px solid var(--edu-border);justify-content:space-between;align-items:center;height:80px;padding:0 32px;display:flex}.ph-left{align-items:center;gap:20px;display:flex}.back-btn{border:1px solid var(--edu-border);color:var(--edu-text);cursor:pointer;box-shadow:var(--edu-shadow-sm);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:flex}.ph-divider{background:var(--edu-border);width:1px;height:24px}.ph-title{color:var(--edu-text-dim);font-size:.9rem}.ph-title strong{color:var(--edu-text)}.player-body-flat{grid-template-columns:280px 1fr 380px;height:calc(100vh - 80px);display:grid}.player-simulator-sidebar{border-left:1px solid var(--edu-border);background:#fff;padding:24px;overflow-y:auto}.player-nav-flat{border-right:1px solid var(--edu-border);padding:24px;overflow-y:auto}.nav-item-flat{cursor:pointer;border-radius:14px;align-items:center;gap:16px;margin-bottom:8px;padding:16px;transition:all .2s;display:flex}.nav-item-flat:hover{background:#f1f5f9}.nav-item-flat.active{background:#0ea5e91a;border:1px solid #0ea5e933}.nav-num{width:28px;height:28px;color:var(--edu-text-dim);background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.nav-item-flat.active .nav-num{background:var(--edu-primary);color:#fff}.nav-txt{color:var(--edu-text-dim);font-size:.9rem;font-weight:600}.nav-item-flat.active .nav-txt{color:var(--edu-primary);font-weight:800}.player-main-flat{justify-content:center;padding:48px;display:flex;overflow-y:auto}.module-wrapper-flat{width:100%;max-width:800px}.mw-header{margin-bottom:48px}.mw-badge{color:var(--edu-primary);background:#0ea5e91a;border-radius:6px;margin-bottom:12px;padding:4px 10px;font-size:.7rem;font-weight:800;display:inline-block}.mw-header h1{margin:0;font-size:2.5rem;font-weight:800}.mw-section{margin-bottom:40px}.mw-section h2{margin-bottom:16px;font-size:1.4rem;font-weight:800}.mw-section p{color:var(--edu-text-dim);font-size:1.1rem;line-height:1.7}.mw-highlights{gap:12px;margin-top:24px;padding:0;list-style:none;display:grid}.mw-highlights li{color:#10b981;align-items:center;gap:12px;font-size:.95rem;font-weight:600;display:flex}.mw-highlights i{width:18px;height:18px}.mw-footer{border-top:1px solid var(--edu-border);justify-content:space-between;align-items:center;margin-top:60px;padding-top:32px;display:flex}.nav-btn-flat{border:1px solid var(--edu-border);color:var(--edu-text);cursor:pointer;box-shadow:var(--edu-shadow-sm);background:#fff;border-radius:12px;padding:12px 24px;font-weight:700;transition:all .2s}.nav-btn-flat:hover:not(:disabled){background:#ffffff1a}.nav-btn-flat.primary{background:var(--edu-primary);border-color:var(--edu-primary)}.complete-btn-flat{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;padding:12px 24px;font-weight:800}.status-done{color:#10b981;align-items:center;gap:8px;font-weight:800;display:flex}@media (width<=768px){.edu-portal{box-sizing:border-box;gap:24px;max-width:100%;padding:20px 16px;overflow-x:hidden}.edu-hero.flat-maritime{text-align:center;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-radius:28px;grid-template-columns:1fr;padding:36px 24px}.edu-hero h1{letter-spacing:-1px;font-size:2rem;line-height:1.2}.edu-hero p{margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.5}.hero-actions{flex-direction:column;gap:12px;width:100%}.hero-btn{justify-content:center;width:100%}.maritime-abstract{display:none}.edu-filters{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;margin:0 -16px 8px;padding:4px 16px 12px;display:flex;overflow-x:auto}.edu-filters::-webkit-scrollbar{display:none}.filter-pill{border-radius:10px;flex-shrink:0;padding:8px 16px;font-size:.85rem}.edu-stats-flat{box-shadow:none;background:0 0;border:none;grid-template-columns:1fr 1fr;gap:12px;padding:4px 0;display:grid}.stat-box{border:1px solid var(--edu-border);box-shadow:var(--edu-shadow-sm);text-align:center;background:#fff;border-radius:16px;padding:16px 12px}.stat-val{font-size:1.5rem}.stat-divider{display:none}.course-grid-flat{grid-template-columns:1fr;gap:20px}.ongoing-item-flat{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}.oi-info{width:100%}.edu-sidebar-flat{margin-top:12px}body.view-education-player nav{display:none!important}body.view-education-player #app-content{margin-top:0!important}.player-header-flat{z-index:2000;background:var(--edu-bg);border-bottom:1px solid var(--edu-border);height:64px;padding:0 16px;position:sticky;top:0;box-shadow:0 4px 12px #0000000d}.back-btn span{display:none}.ph-title{white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.8rem;overflow:hidden}.player-body-flat{flex-direction:column;height:auto;min-height:calc(100vh - 64px);display:flex}.player-nav-flat{z-index:1900!important;border-right:none!important;border-bottom:1px solid var(--edu-border)!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;background:#fff!important;max-height:none!important;padding:12px 16px!important;position:sticky!important;top:64px!important;overflow-x:auto!important}.player-nav-flat::-webkit-scrollbar{display:none}.nav-scroll{flex-flow:row;gap:12px;width:100%;display:flex}.nav-item-flat{background:#f8fafc!important;border:1px solid #0000!important;border-radius:12px!important;flex-shrink:0!important;gap:8px!important;margin-bottom:0!important;padding:10px 14px!important}.nav-item-flat.active{background:#0ea5e91a!important;border-color:#0ea5e933!important}.nav-num{border-radius:6px!important;width:20px!important;height:20px!important;font-size:.7rem!important}.nav-txt{white-space:nowrap!important;font-size:.8rem!important}.player-main-flat{padding:32px 16px 120px!important}.module-wrapper-flat{padding-bottom:80px}.mw-header{margin-bottom:32px}.mw-header h1{font-size:1.8rem;line-height:1.2}.mw-section h2{font-size:1.2rem}.mw-section p{color:var(--edu-text-dim);font-size:1.05rem;line-height:1.75}.mw-footer{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--edu-border);z-index:1000;background:#ffffffd9;gap:12px;margin:0;padding:16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000d;flex-direction:row!important}.mw-footer .nav-btn-flat,.mw-footer .complete-btn-flat{border-radius:12px;flex:1;justify-content:center;align-items:center;width:auto;height:48px;margin:0;font-size:.9rem;display:flex;padding:12px 16px!important}.complete-btn-flat span{display:none!important}.complete-btn-flat:after{content:"Tamamla"!important}}.text-gradient{background:var(--edu-primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.fade-in-up{animation:.4s ease-out fadeInUp}.edu-sandbox-card{color:#f8fafc;background:#0f172a;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:16px;padding:20px;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0003}.sandbox-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.title-with-badge{align-items:center;gap:10px;display:flex}.sandbox-logo-icon{width:36px;height:36px;color:var(--edu-primary);background:#0ea5e926;border-radius:8px;justify-content:center;align-items:center;display:flex}.sandbox-logo-icon i{width:18px;height:18px}.sandbox-header h3{margin:0;font-size:1.05rem;font-weight:800}.sandbox-sub{color:#94a3b8;font-family:monospace;font-size:.7rem}.live-indicator{color:#10b981;letter-spacing:.5px;align-items:center;gap:6px;font-size:.7rem;font-weight:700;display:flex}.live-indicator .dot{background:#10b981;border-radius:50%;width:6px;height:6px}.sandbox-tabs{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:10px;gap:6px;padding:4px;display:flex}.sandbox-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:.72rem;font-weight:700;transition:all .2s;display:flex}.sandbox-tab-btn i{width:12px;height:12px}.sandbox-tab-btn:hover{color:#fff;background:#ffffff08}.sandbox-tab-btn.active{background:var(--edu-primary);color:#fff;box-shadow:0 4px 12px #0ea5e94d}.sandbox-body{min-height:290px}.tab-intro{color:#94a3b8;margin:0 0 16px;font-size:.8rem;line-height:1.4}.calc-inputs-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.input-item{flex-direction:column;gap:6px;display:flex}.input-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.input-item input,.input-item select{color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:10px 12px;font-size:.85rem;transition:all .2s}.input-item input:focus,.input-item select:focus{border-color:var(--edu-primary);background:#ffffff14;box-shadow:0 0 0 3px #0ea5e940}.calc-results{border-top:1px solid #ffffff1a;flex-direction:column;gap:12px;margin-top:18px;padding-top:16px;display:flex}.primary-result{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.primary-result span{color:#94a3b8;font-size:.8rem}.primary-result strong{font-size:1.25rem;font-weight:800}.result-breakdown{grid-template-columns:1fr 1fr;gap:10px;display:grid}.breakdown-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:6px;padding:12px;transition:all .3s;display:flex}.breakdown-card.vol-active{background:#0ea5e914;border-color:#0ea5e966;box-shadow:0 4px 20px #0ea5e91a}.bc-header{color:#94a3b8;align-items:center;gap:6px;font-size:.72rem;font-weight:800;display:flex}.breakdown-card.vol-active .bc-header{color:var(--edu-primary)}.bc-header i{width:12px;height:12px}.bc-val{color:#fff;font-size:1.05rem;font-weight:800}.bc-lbl{color:#64748b;font-size:.62rem}.breakdown-card.vol-active .bc-lbl{color:#94a3b8}.incoterm-selector-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px;display:grid}.inco-pill-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:8px 0;font-size:.75rem;font-weight:800;transition:all .2s}.inco-pill-btn:hover{color:#fff;background:#ffffff14}.inco-pill-btn.active{background:var(--edu-primary-gradient);color:#fff;border-color:#0000}.incoterm-details-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:16px}.idc-top{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.idc-top h4{color:#fff;margin:0;font-size:.9rem;font-weight:800}.idc-risk-badge{color:#f59e0b;align-items:center;gap:4px;font-size:.65rem;display:flex}.idc-risk-badge i{width:10px;height:10px}.idc-desc{color:#94a3b8;margin:0 0 16px;font-size:.78rem;line-height:1.4}.idc-matrix{flex-direction:column;gap:8px;display:flex}.matrix-row{background:#00000026;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.75rem;display:flex}.matrix-row span{color:#94a3b8}.matrix-row strong{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:800}.matrix-row strong.vendor{color:#10b981;background:#10b98126}.matrix-row strong.buyer{color:#3b82f6;background:#3b82f626}.route-selectors{flex-direction:column;display:flex}.route-selectors select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='none' stroke='white' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'></path></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:32px}.route-details-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;margin-top:14px;padding:16px}.rdc-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.route-path-text{color:#fff;font-size:.85rem;font-weight:800}.route-type-badge{color:var(--edu-primary);background:#0ea5e926;border-radius:6px;padding:2px 8px;font-size:.65rem;font-weight:800}.rdc-metrics{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.metric-block{text-align:center;background:#00000026;border-radius:8px;padding:10px}.mb-lbl{color:#64748b;margin-bottom:4px;font-size:.65rem;display:block}.metric-block strong{font-size:1.1rem;font-weight:800}.rdc-desc{color:#94a3b8;margin:0;font-size:.72rem;line-height:1.4}.mobile-simulator-fab{background:var(--edu-primary-gradient);color:#fff;z-index:999;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:800;transition:all .2s;display:none;position:fixed;bottom:80px;right:20px;box-shadow:0 10px 25px #0ea5e966}.mobile-simulator-fab i{width:16px;height:16px}.mobile-simulator-fab:active{transform:scale(.95)}.mobile-simulator-sheet-overlay{-webkit-backdrop-filter:blur(4px);z-index:10000;opacity:0;pointer-events:none;background:#0f172a99;transition:opacity .3s;position:fixed;inset:0}.mobile-simulator-sheet-overlay.open{opacity:1;pointer-events:auto}.mobile-simulator-sheet{z-index:10001;background:#0f172a;border-top:1px solid #ffffff1a;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;height:80vh;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.mobile-simulator-sheet.open{transform:translateY(0)}.sheet-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.close-sheet-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.close-sheet-btn i{width:14px;height:14px}.sheet-body{flex:1;padding:20px;overflow-y:auto}.sheet-body .edu-sandbox-card{box-shadow:none!important;border:none!important;padding:0!important}@media (width<=1200px){.player-body-flat{grid-template-columns:280px 1fr}.player-simulator-sidebar{display:none}.mobile-simulator-fab{display:flex}}@media (width<=768px){.player-body-flat{flex-direction:column;display:flex}.mobile-simulator-fab{bottom:84px!important}}.player-main-flat{will-change:transform, opacity;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .18s}.player-main-flat.slide-out-left{opacity:0;transform:translate(-100%)}.player-main-flat.slide-out-right{opacity:0;transform:translate(100%)}.mobile-simulator-sheet:before{content:"";cursor:grab;z-index:100;background:#ffffff40;border-radius:4px;width:38px;height:5px;transition:background .2s;position:absolute;top:10px;left:50%;transform:translate(-50%)}.mobile-simulator-sheet:active:before{background:#fff6}.mobile-web-tabbar{display:none}@media (width<=768px){.mobile-web-tabbar{-webkit-backdrop-filter:blur(20px);height:64px;padding-bottom:env(safe-area-inset-bottom);z-index:9999;background:#0b0f1af0;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0006}#app-content{padding-bottom:80px!important}.mobile-web-tabbar .tab-item{color:#64748b;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.65rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.mobile-web-tabbar .tab-item i{stroke-width:2px;width:20px;height:20px;transition:transform .15s}.mobile-web-tabbar .tab-item:active i{transform:scale(.8)}.mobile-web-tabbar .tab-item.active{color:#0ea5e9;text-shadow:0 0 12px #0ea5e940}.mobile-web-tabbar .tab-action-btn{position:relative;top:-10px;overflow:visible}.mobile-web-tabbar .action-circle{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#2563eb 100%);border:4px solid #0b0f1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .25s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 14px #0ea5e959}.mobile-web-tabbar .tab-action-btn:active .action-circle{transform:scale(.9)translateY(4px)}.mobile-web-tabbar .action-circle i{color:#fff;width:22px;height:22px}}.inbox-container{height:calc(100vh - var(--nav-height) - 20px);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-height:850px;box-shadow:var(--shadow-lg);max-width:var(--container-max);margin:10px auto 30px;animation:.4s cubic-bezier(.4,0,.2,1) fadeIn;display:flex;position:relative;overflow:hidden}.inbox-sidebar{border-right:1px solid var(--border);background:var(--bg-surface);z-index:10;flex-direction:column;flex-shrink:0;width:360px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.inbox-sidebar-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);padding:20px}.inbox-sidebar-header h2{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 12px;font-size:1.3rem;font-weight:800}.inbox-search-wrapper{position:relative}.inbox-search-wrapper i,.inbox-search-wrapper svg{color:var(--text-muted);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.inbox-search-input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:10px 12px 10px 38px;font-size:.88rem}.inbox-search-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #3b82f61a}.inbox-threads-list{flex:1;padding:10px 0;overflow-y:auto}.inbox-thread-item{cursor:pointer;border-bottom:1px solid var(--border-light);transition:var(--transition);align-items:center;gap:15px;padding:14px 20px;display:flex;position:relative}.inbox-thread-item:after{content:"";background:var(--secondary);width:4px;transition:transform .2s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.inbox-thread-item:hover{background:var(--bg-elevated)}.inbox-thread-item.active{background:#3b82f60a}.inbox-thread-item.active:after{transform:scaleY(1)}.inbox-thread-avatar{background:var(--primary-gradient);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;position:relative}.online-dot{background:var(--success);border:2px solid var(--bg-surface);border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:1px}.online-dot.pulse{animation:2s infinite onlinePulse}.inbox-thread-info{flex:1;min-width:0}.inbox-thread-meta{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.inbox-thread-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.inbox-thread-time{color:var(--text-muted);white-space:nowrap;font-size:.72rem}.inbox-thread-details{justify-content:space-between;align-items:center;gap:8px;display:flex}.inbox-thread-last-msg{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.inbox-thread-badge{background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:700;display:flex}.inbox-chat-pane{background:var(--bg-page);flex-direction:column;flex:1;display:flex;position:relative}.inbox-chat-header{background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:relative;box-shadow:0 2px 10px #00000005}.inbox-chat-header-user{align-items:center;gap:12px;display:flex}.inbox-back-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:none}.inbox-back-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.inbox-chat-header-avatar{background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.95rem;font-weight:700;display:flex;position:relative}.inbox-chat-header-name{color:var(--text-primary);margin:0 0 2px;font-size:1.05rem;font-weight:700}.inbox-chat-header-status{color:var(--success);align-items:center;gap:4px;font-size:.72rem;font-weight:500;display:flex}.inbox-chat-header-status.offline{color:var(--text-muted)}.inbox-chat-header-actions{align-items:center;gap:12px;display:flex}.inbox-header-ad-link{color:var(--secondary);border-radius:var(--radius-md);transition:var(--transition);background:#3b82f614;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;text-decoration:none;display:flex}.inbox-header-ad-link:hover{background:#3b82f626;transform:translateY(-1px)}.inbox-context-menu{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:1000;border-radius:12px;min-width:180px;padding:6px;animation:.15s cubic-bezier(.4,0,.2,1) contextMenuIn;position:fixed}.inbox-context-menu-item{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.85rem;transition:background .15s;display:flex}.inbox-context-menu-item:hover{background:var(--bg-elevated)}.inbox-context-menu-item.danger{color:var(--danger)}.inbox-context-menu-divider{background:var(--border);height:1px;margin:4px 0}.inbox-header-menu{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:50;border-radius:12px;min-width:200px;padding:6px;animation:.15s contextMenuIn;position:absolute;top:calc(100% + 4px);right:0}.inbox-messages-container{background-color:var(--bg-page);background-image:radial-gradient(var(--border) 1px, transparent 1px);scroll-behavior:smooth;background-size:20px 20px;flex-direction:column;flex:1;gap:12px;padding:24px 20px;display:flex;overflow-y:auto}.inbox-privacy-banner{color:var(--text-secondary);background:#f39c120d;border-bottom:1px solid #f39c121a;align-items:center;gap:10px;padding:10px 24px;font-size:.8rem;display:flex}.inbox-input-panel{background:var(--bg-surface);border-top:1px solid var(--border);z-index:20;flex-direction:column;display:flex;position:relative}.inbox-reply-bar{background:var(--bg-elevated);border-bottom:1px solid var(--border);border-left:4px solid var(--secondary);align-items:center;gap:12px;padding:10px 24px;animation:.2s slideUp;display:flex}.inbox-reply-bar-content{flex:1;min-width:0}.inbox-reply-bar-name{color:var(--secondary);margin-bottom:2px;font-size:.75rem;font-weight:700}.inbox-reply-bar-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.inbox-reply-bar-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:all .2s}.inbox-reply-bar-close:hover{background:var(--bg-surface);color:var(--text-primary)}.inbox-input-container{padding:16px 24px 20px;position:relative}.inbox-input-wrapper{background:var(--bg-page);border:1px solid var(--border);border-radius:20px;align-items:flex-end;gap:10px;padding:6px 6px 6px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.inbox-input-wrapper.focus{border-color:var(--secondary);box-shadow:0 0 0 3px #3b82f61a}.inbox-file-btn,.inbox-emoji-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.inbox-file-btn:hover,.inbox-emoji-btn:hover{background:var(--bg-elevated);color:var(--secondary)}.inbox-textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:120px;padding:10px 0;font-family:inherit;font-size:.92rem;line-height:1.4}.inbox-send-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,box-shadow .2s;display:flex}.inbox-send-btn:hover{transform:scale(1.04);box-shadow:0 4px 12px #3b82f633}.inbox-emoji-picker{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:100;border-radius:16px;width:320px;max-height:350px;padding:12px;animation:.2s cubic-bezier(.4,0,.2,1) emojiPickerIn;position:absolute;bottom:calc(100% + 8px);left:24px}.emoji-picker-search{border:1px solid var(--border);background:var(--bg-page);width:100%;color:var(--text-primary);border-radius:8px;outline:none;margin-bottom:10px;padding:8px 12px;font-size:.85rem}.emoji-picker-search:focus{border-color:var(--secondary)}.emoji-picker-grid{grid-template-columns:repeat(8,1fr);gap:4px;max-height:250px;display:grid;overflow-y:auto}.emoji-picker-item{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;transition:transform .1s,background .15s;display:flex}.emoji-picker-item:hover{background:var(--bg-elevated);transform:scale(1.2)}.emoji-picker-category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;grid-column:1/-1;padding:8px 4px 4px;font-size:.72rem;font-weight:700}.inbox-typing-indicator{padding:0 24px 8px;display:flex}.inbox-typing-dots{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:18px 18px 18px 4px;align-items:center;gap:4px;padding:10px 16px;display:inline-flex}.typing-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingBounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.inbox-empty-state{text-align:center;background:var(--bg-page);background-image:radial-gradient(var(--border) 1px, transparent 1px);background-size:20px 20px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.inbox-empty-icon{background:var(--bg-surface);border:1px solid var(--border);width:80px;height:80px;box-shadow:var(--shadow-sm);color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.inbox-empty-title{color:var(--text-primary);margin:0 0 8px;font-size:1.4rem;font-weight:800}.inbox-empty-desc{color:var(--text-secondary);max-width:320px;margin:0;font-size:.92rem;line-height:1.5}.inbox-threads-list::-webkit-scrollbar{width:6px}.inbox-messages-container::-webkit-scrollbar{width:6px}.emoji-picker-grid::-webkit-scrollbar{width:6px}.inbox-threads-list::-webkit-scrollbar-track{background:0 0}.inbox-messages-container::-webkit-scrollbar-track{background:0 0}.emoji-picker-grid::-webkit-scrollbar-track{background:0 0}.inbox-threads-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.inbox-messages-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.emoji-picker-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.inbox-threads-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.inbox-messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.emoji-picker-grid::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.inbox-message-wrapper{align-items:flex-end;gap:8px;width:100%;margin-bottom:2px;animation:.3s cubic-bezier(.2,.8,.2,1) forwards messageSlideIn;display:flex;position:relative}.inbox-message-wrapper.is-me{justify-content:flex-end}.inbox-message-wrapper.is-them{justify-content:flex-start}.inbox-message-bubble{word-wrap:break-word;max-width:75%;transition:var(--transition);border-radius:16px;flex-direction:column;padding:8px 12px;font-size:.9rem;line-height:1.4;display:flex;position:relative}.inbox-message-wrapper.is-me .inbox-message-bubble{background:var(--primary-gradient);color:#fff;border-bottom-right-radius:4px;box-shadow:0 3px 10px #3b82f626}.inbox-message-wrapper.is-me.group-middle .inbox-message-bubble,.inbox-message-wrapper.is-me.group-end .inbox-message-bubble{border-top-right-radius:4px}.inbox-message-wrapper.is-me.group-start .inbox-message-bubble,.inbox-message-wrapper.is-me.group-middle .inbox-message-bubble{border-bottom-right-radius:4px}.inbox-message-wrapper.is-them .inbox-message-bubble{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-bottom-left-radius:4px}.inbox-message-wrapper.is-them.group-middle .inbox-message-bubble,.inbox-message-wrapper.is-them.group-end .inbox-message-bubble{border-top-left-radius:4px}.inbox-message-wrapper.is-them.group-start .inbox-message-bubble,.inbox-message-wrapper.is-them.group-middle .inbox-message-bubble{border-bottom-left-radius:4px}.inbox-message-wrapper.group-start,.inbox-message-wrapper.group-standalone{margin-top:8px}.msg-time-row{justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:.65rem;display:flex}.inbox-message-wrapper.is-me .msg-time-row{opacity:.8}.inbox-message-wrapper.is-them .msg-time-row{opacity:.6}.msg-read-receipt{align-items:center;gap:2px;display:inline-flex}.msg-read-receipt svg{width:14px;height:14px}.msg-read-receipt.is-read svg{color:#88c0d0}.msg-edited-badge{opacity:.6;margin-right:4px;font-size:.62rem;font-style:italic}.msg-deleted{border:1px solid var(--border)!important;color:var(--text-secondary)!important;box-shadow:none!important;background:0 0!important}.msg-deleted-placeholder{opacity:.7;align-items:center;gap:6px;font-size:.85rem;font-style:italic;display:flex}.is-me .msg-deleted .msg-time-row,.is-them .msg-deleted .msg-time-row{opacity:.5}.msg-reply-preview{border-left:3px solid var(--secondary);color:inherit;cursor:pointer;background:#0000000d;border-radius:6px;max-height:60px;margin-bottom:6px;padding:6px 10px;font-size:.78rem;transition:background .2s;position:relative;overflow:hidden}.msg-reply-preview:hover{background:#00000014}.is-me .msg-reply-preview{color:#ffffffe6;background:#ffffff26;border-left-color:#ffffff80}.is-me .msg-reply-preview:hover{background:#fff3}.msg-reply-name{margin-bottom:2px;font-size:.72rem;font-weight:700}.msg-reply-text{opacity:.8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.msg-text-content{word-break:break-word;white-space:pre-wrap}.msg-image-wrapper{cursor:pointer;border-radius:12px 12px 0 0;margin:-4px -8px 4px;position:relative;overflow:hidden}.msg-image{object-fit:cover;width:100%;max-width:100%;max-height:250px;display:block}.msg-image-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;opacity:0;background:linear-gradient(#0000,#000000b3);padding:16px 8px 6px;font-size:.7rem;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.msg-image-wrapper:hover .msg-image-name{opacity:1}.msg-file-link{color:inherit;background:#0000000f;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.88rem;line-height:1.3;text-decoration:none;transition:background .2s;display:flex}.is-me .msg-file-link{background:#ffffff26}.msg-file-link:hover{background:#0000001a}.is-me .msg-file-link:hover{background:#ffffff40}.msg-file-info{flex-direction:column;flex:1;min-width:0;display:flex}.msg-file-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.msg-file-type{opacity:.7;text-transform:uppercase;font-size:.65rem}.msg-reactions-bar{z-index:2;flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.msg-reaction-chip{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.78rem;transition:transform .15s,box-shadow .15s;display:inline-flex}.msg-reaction-chip:hover{box-shadow:var(--shadow-md);transform:scale(1.08)}.msg-reaction-chip.is-mine{border-color:var(--secondary);background:#3b82f614}.msg-reaction-chip .reaction-count{color:var(--text-secondary);font-size:.7rem;font-weight:700}.reaction-picker{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:50;border-radius:24px;gap:4px;padding:6px 10px;animation:.2s cubic-bezier(.34,1.56,.64,1) reactionPickerIn;display:flex;position:absolute;bottom:calc(100% + 6px)}.reaction-picker-emoji{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;transition:transform .15s,background .15s;display:flex}.reaction-picker-emoji:hover{background:var(--bg-elevated);transform:scale(1.3)}.inbox-message-actions{opacity:0;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:5;border-radius:8px;align-items:center;gap:4px;padding:2px 4px;transition:opacity .2s;display:flex;position:relative}.inbox-message-wrapper:hover .inbox-message-actions{opacity:1}.inbox-message-actions:has(.reaction-picker){opacity:1}.inbox-action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.inbox-action-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.inbox-action-btn.danger:hover{color:var(--danger)}.inbox-date-separator{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;margin:20px 0 12px;font-size:.75rem;font-weight:700;animation:.3s ease-out forwards messageSlideIn;display:flex}.inbox-date-separator:before,.inbox-date-separator:after{content:"";border-bottom:1px solid var(--border);flex:1}.inbox-date-separator span{background:var(--bg-page);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;margin:0 12px;padding:4px 12px}.inbox-edit-input{border:1px solid var(--secondary);background:var(--bg-surface);width:100%;color:var(--text-primary);resize:none;border-radius:8px;outline:none;min-height:40px;margin-bottom:8px;padding:8px 12px;font-family:inherit;font-size:.88rem}.inbox-edit-actions{justify-content:flex-end;gap:6px;display:flex}.inbox-edit-actions button{cursor:pointer;border:1px solid var(--border);border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:600;transition:all .2s}.inbox-edit-actions .save-btn{background:var(--secondary);color:#fff;border-color:var(--secondary)}.inbox-edit-actions .save-btn:hover{background:var(--secondary-hover)}.inbox-edit-actions .cancel-btn{color:var(--text-secondary);background:0 0}.inbox-edit-actions .cancel-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.inbox-system-msg{color:var(--secondary);text-align:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;align-self:center;max-width:80%;margin:8px 0;padding:8px 16px;font-size:.8rem;font-weight:600;animation:.3s fadeIn}.messages-dropdown-item{cursor:pointer;border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.messages-dropdown-item:last-child{border-bottom:none}.messages-dropdown-item:hover{background:var(--bg-elevated)}.messages-dropdown-item.unread{background:#3b82f60a}@media (width<=768px){.inbox-container{height:calc(100vh - var(--nav-height));border:none;border-radius:0;max-height:none;margin:0}.inbox-sidebar{width:100%;position:absolute;inset:0;transform:translate(0)}.inbox-chat-pane{z-index:20;width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translate(100%)}.inbox-container.chat-active .inbox-sidebar{transform:translate(-100%)}.inbox-container.chat-active .inbox-chat-pane{transform:translate(0)}.inbox-back-btn{display:flex}.inbox-message-actions{opacity:1;box-shadow:none;background:0 0;border:none}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes onlinePulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes reactionPickerIn{0%{opacity:0;transform:scale(.8)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes emojiPickerIn{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.view-membership{background-image:radial-gradient(circle at 50% 0,#3b82f614 0%,#0000 40%),radial-gradient(circle at 100% 0,#eab3080d 0%,#0000 30%);min-height:100vh;padding-bottom:4rem}.membership-hero{text-align:center;padding:4rem 1rem 2rem;position:relative}.membership-hero h1{letter-spacing:-1.5px;background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:800}.membership-hero p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.15rem;line-height:1.6}.membership-status-pill{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;align-items:center;gap:8px;margin-bottom:2rem;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #00000008}.membership-status-pill.active{color:#ca8a04;background:#eab3081a;border-color:#eab30833}.membership-status-pill .indicator{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.membership-status-pill.active .indicator{background:#ca8a04;box-shadow:0 0 8px #ca8a04}.membership-card-container{justify-content:center;align-items:center;margin-top:1rem;padding:0 1rem;display:flex}.premium-saas-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:24px;width:100%;max-width:440px;padding:3rem 2.5rem;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 4px 6px -1px #0000000d,0 24px 48px -12px #00000014}.premium-saas-card:before{content:"";background:linear-gradient(90deg,#ca8a04,#eab308,#fde047);border-top-left-radius:24px;border-top-right-radius:24px;height:4px;position:absolute;top:0;left:0;right:0}.premium-saas-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000000d,0 48px 64px -12px #0000001a}.premium-saas-card.is-active{border-color:#eab3084d;box-shadow:0 0 0 1px #eab3084d,0 24px 48px #eab30814}.premium-badge-icon{color:#ca8a04;background:#eab3081a;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;display:flex}.premium-price-block{align-items:baseline;gap:4px;margin-bottom:.5rem;display:flex}.premium-price-block .currency{color:var(--text-secondary);font-size:1.75rem;font-weight:600}.premium-price-block .amount{letter-spacing:-2px;color:var(--text-primary);font-size:3.5rem;font-weight:800}.premium-price-block .period{color:var(--text-muted);margin-left:4px;font-size:1rem;font-weight:500}.premium-features-list{border-top:1px solid var(--border);flex-direction:column;gap:1rem;margin:2rem 0;padding:2rem 0 0;list-style:none;display:flex}.premium-features-list li{color:var(--text-secondary);align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.5;display:flex}.premium-features-list li i{color:#10b981;flex-shrink:0;margin-top:2px}.btn-premium-subscribe{background:var(--text-primary);width:100%;color:var(--bg-body);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-premium-subscribe:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.btn-premium-subscribe:disabled{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);cursor:default;box-shadow:none;transform:none}.membership-history-section{max-width:800px;margin:4rem auto 0;padding:0 1rem}.membership-history-section h3{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:1.5rem;font-size:1.25rem;display:flex}.history-table-glass{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;overflow:hidden}.history-table-glass table{border-collapse:collapse;width:100%}.history-table-glass th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;background:#00000005;padding:1rem;font-size:.8rem;font-weight:600}.history-table-glass td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:1.25rem 1rem;font-size:.95rem}.history-table-glass tr:last-child td{border-bottom:none}@media (width<=768px){.membership-hero h1{font-size:2.5rem}.premium-saas-card{padding:2rem 1.5rem}}:root{--color-fcl:#3b82f6;--color-lcl:#14b8a6;--color-air:#8b5cf6;--color-road:#f97316}.pruva-ai-page-container{max-width:var(--container-max);flex-direction:column;gap:28px;margin:0 auto;padding:32px 24px;animation:.5s ease-out fadeInUp;display:flex}.pruva-ai-hero-header{border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:32px 40px;display:flex;position:relative;overflow:hidden}.pruva-ai-hero-header:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#6366f126,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-left-meta{z-index:1;max-width:650px}.hero-badge{color:#34d399;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;background:#10b98126;border:1px solid #10b98133;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.pulse-green-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;position:relative}.pulse-green-dot:after{content:"";opacity:.4;background-color:#10b981;border-radius:50%;width:12px;height:12px;animation:1.5s infinite ping;position:absolute;top:-2px;left:-2px}.hero-left-meta h2{letter-spacing:-.75px;margin-bottom:8px;font-size:1.85rem;font-weight:800}.hero-left-meta p{color:#ffffffb3;font-size:.95rem;line-height:1.5}.hero-right-visual{z-index:1;margin-left:20px}.ai-bot-avatar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#818cf8;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;animation:4s ease-in-out infinite float;display:flex;box-shadow:0 10px 25px #0000004d}.pricing-ai-workspace{gap:24px;height:680px;display:flex}.ai-side-panel{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.ai-side-panel.left-side{flex-shrink:0;width:240px}.ai-side-panel.right-side{flex-shrink:0;width:300px}.mode-tabs{border-bottom:1px solid var(--border);background-color:var(--bg-elevated);grid-template-columns:repeat(4,1fr);display:grid}.mode-tab{text-align:center;cursor:pointer;transition:var(--transition);color:var(--text-secondary);text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 4px;font-size:.7rem;font-weight:700}.mode-tab:hover{color:var(--text-primary);background-color:#00000005}.mode-tab.active[data-mode=fcl]{border-bottom-color:var(--color-fcl);color:var(--color-fcl)}.mode-tab.active[data-mode=lcl]{border-bottom-color:var(--color-lcl);color:var(--color-lcl)}.mode-tab.active[data-mode=air]{border-bottom-color:var(--color-air);color:var(--color-air)}.mode-tab.active[data-mode=road]{border-bottom-color:var(--color-road);color:var(--color-road)}.templates-scroll-area{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.template-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.68rem;font-weight:800}.template-card{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);flex-direction:column;gap:6px;padding:12px;display:flex;position:relative;overflow:hidden}.template-card:before{content:"";width:3px;height:100%;transition:var(--transition);background-color:#0000;position:absolute;top:0;left:0}.template-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-hover);transform:translateY(-2px)}.template-card.active{background-color:var(--bg-surface);border-color:var(--text-primary);box-shadow:var(--shadow-md)}.template-card.active:before{background-color:var(--active-color,var(--primary))}.template-card h4{color:var(--text-primary);font-size:.82rem;font-weight:700}.template-card p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.common-templates-area{border-top:1px solid var(--border);background-color:#f59e0b05;padding:16px}.template-card.missing-info-card{border:1.5px dashed var(--accent);background-color:#f59e0b0a}.template-card.missing-info-card.active{background-color:var(--bg-surface);box-shadow:0 0 0 1px var(--accent), var(--shadow-md);border-style:solid}.ai-editor-panel{flex-direction:column;flex:1;gap:20px;display:flex;overflow:hidden}.editor-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-header{border-bottom:1px solid var(--border);background-color:var(--bg-surface);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.editor-title-area h3{color:var(--text-primary);font-size:1rem;font-weight:800}.editor-title-area span{color:var(--text-secondary);font-size:.72rem}.editor-actions{align-items:center;gap:12px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.78rem;font-weight:600;display:inline-flex}.btn-icon-only{border-radius:var(--radius-md);padding:8px}.btn-primary{background-color:var(--primary);color:var(--bg-surface);border-color:var(--primary)}.btn-primary:hover{opacity:.9}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{border-color:var(--border-hover);background-color:var(--bg-elevated)}.btn-danger{color:var(--danger);background-color:#ef44441a;border-color:#ef444433}.btn-danger:hover{background-color:var(--danger);color:#fff;border-color:var(--danger)}.editor-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.text-input{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-surface);width:100%;color:var(--text-primary);transition:var(--transition);padding:10px 14px;font-size:.85rem;font-weight:500}.text-input:focus{border-color:var(--text-primary);outline:none;box-shadow:0 0 0 2px #0f172a0d}.textarea-container{flex-direction:column;flex:1;min-height:220px;display:flex}.editor-textarea{resize:none;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-surface);width:100%;color:var(--text-primary);font-family:var(--font-mono);transition:var(--transition);flex:1;padding:16px;font-size:.85rem;line-height:1.6}.editor-textarea:focus{border-color:var(--text-primary);outline:none;box-shadow:0 0 0 2px #0f172a0d}.editor-toolbar{background-color:var(--bg-elevated);border-radius:var(--radius-md) var(--radius-md) 0 0;border:1px solid var(--border);z-index:10;border-bottom:none;align-items:center;margin-bottom:-1px;padding:8px 12px;display:flex}.dropdown-wrapper{position:relative}.dropdown-menu{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:280px;box-shadow:var(--shadow-premium);z-index:200;flex-direction:column;margin-top:6px;display:none;position:absolute;top:100%;left:0;overflow:hidden}.dropdown-menu.show{display:flex}.dropdown-header{border-bottom:1px solid var(--border);color:var(--text-secondary);background-color:var(--bg-elevated);padding:12px 16px;font-size:.78rem;font-weight:700}.dropdown-sections{max-height:280px;padding:8px 0;overflow-y:auto}.dropdown-section{margin-bottom:10px}.dropdown-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:4px 16px;font-size:.62rem;font-weight:800}.dropdown-items{flex-direction:column;display:flex}.dropdown-item{text-align:left;cursor:pointer;transition:var(--transition);color:var(--text-primary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 16px;font-size:.72rem;display:flex}.dropdown-item:hover{background-color:var(--bg-elevated);color:var(--accent)}.dropdown-item code{font-family:var(--font-mono);color:var(--text-secondary);border-radius:var(--radius-sm);background-color:#0000000d;padding:2px 4px;font-size:.68rem;font-weight:600}.dropdown-item:hover code{color:var(--accent);background-color:#f59e0b1a}.preview-container{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-elevated);flex-direction:column;flex:1;gap:16px;padding:24px;display:none;overflow-y:auto}.preview-container.show{display:flex}.preview-mail-meta{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:16px;display:flex}.meta-line{font-size:.78rem;display:flex}.meta-label{width:80px;color:var(--text-secondary);font-weight:700}.meta-value{color:var(--text-primary);flex:1;font-weight:500}.preview-mail-body{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);white-space:pre-wrap;min-height:250px;color:var(--text-primary);padding:24px;font-size:.88rem;line-height:1.7}.analysis-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px 20px}.analysis-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.analysis-header h3{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);align-items:center;gap:6px;font-size:.82rem;font-weight:800;display:flex}.chips-container{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--radius-full);border:1px solid var(--border);background-color:var(--bg-elevated);transition:var(--transition);align-items:center;gap:6px;padding:4px 10px;font-size:.68rem;font-weight:600;display:inline-flex}.chip.valid{color:var(--success);background-color:#10b98114;border-color:#10b98133}.chip.invalid{color:var(--danger);background-color:#ef444414;border-color:#ef444433}.chip.optional{border-color:var(--border);background-color:var(--bg-elevated);color:var(--text-secondary);opacity:.7}.chip.optional.valid{color:var(--success);opacity:1;background-color:#10b9810a;border-color:#10b98126}.right-panel-scroll{flex-direction:column;gap:24px;padding:20px;display:flex;overflow-y:auto}.panel-widget{flex-direction:column;gap:12px;display:flex}.widget-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:8px;font-size:.78rem;font-weight:800;display:flex}.rules-container{background-color:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);flex-direction:column;gap:10px;padding:14px;display:flex}.rule-item{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:.72rem;font-weight:500;display:flex}.form-switch{width:34px;height:20px;display:inline-block;position:relative}.form-switch input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:var(--border-hover);border-radius:20px;transition:all .3s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.switch-slider{background-color:var(--accent)}input:checked+.switch-slider:before{transform:translate(14px)}.rule-group-title{color:var(--text-muted);text-transform:uppercase;margin-top:6px;margin-bottom:2px;font-size:.62rem;font-weight:800}.rule-checkbox-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.checkbox-label{cursor:pointer;color:var(--text-secondary);align-items:center;gap:6px;font-size:.68rem;font-weight:600;display:flex}.checkbox-label input{accent-color:var(--accent);width:13px;height:13px}.rule-numeric-input{color:var(--text-primary);justify-content:space-between;align-items:center;gap:10px;font-size:.72rem;font-weight:600;display:flex}.rule-numeric-input input{border-radius:var(--radius-sm);border:1px solid var(--border);text-align:center;background-color:var(--bg-surface);width:50px;color:var(--text-primary);padding:4px 6px}.carriers-list{flex-direction:column;gap:14px;display:flex}.carrier-group{flex-direction:column;gap:8px;display:flex}.carrier-group-title{color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;font-size:.68rem;font-weight:800}.carrier-card{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);flex-direction:column;gap:6px;padding:12px;display:flex}.carrier-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.carrier-top{justify-content:space-between;align-items:center;display:flex}.carrier-info h4{color:var(--text-primary);font-size:.78rem;font-weight:700}.carrier-email{color:var(--text-muted);font-size:.68rem}.carrier-meta{color:var(--text-secondary);border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:4px;padding-top:6px;font-size:.62rem;display:flex}.carrier-routes{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-weight:600;overflow:hidden}.carrier-stars{color:var(--accent);gap:1px;display:flex}.carrier-actions{align-items:center;gap:8px;display:flex}.delete-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.delete-btn:hover{color:var(--danger)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a66;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.show{display:flex}.modal-content{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:420px;max-width:90%;box-shadow:var(--shadow-premium);color:var(--text-primary);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{font-size:.92rem;font-weight:800}.modal-body{flex-direction:column;gap:14px;max-height:400px;padding:20px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background-color:var(--bg-elevated);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.stars-select{color:var(--text-muted);cursor:pointer;gap:4px;font-size:1.25rem;display:flex}.stars-select span.selected{color:var(--accent)}.ai-footer-bar{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);height:40px;color:var(--text-secondary);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 16px;font-size:.7rem;font-weight:500;display:flex}.footer-left{align-items:center;gap:16px;display:flex}.status-indicator{align-items:center;gap:6px;display:flex}.status-dot{background-color:var(--success);border-radius:50%;width:7px;height:7px;position:relative}.status-dot.active:after{content:"";background-color:var(--success);opacity:.4;border-radius:50%;width:11px;height:11px;animation:1.5s infinite ping;position:absolute;top:-2px;left:-2px}.bar-divider{color:var(--border-hover)}.footer-right{align-items:center;gap:12px;display:flex}.footer-badge{border-radius:var(--radius-sm);border:1px solid #0000;padding:2px 8px;font-size:.68rem;font-weight:700}.footer-badge.badge-info{color:var(--info);background-color:#3b82f60d;border-color:#3b82f64d}.footer-badge.badge-warning{color:var(--accent);background-color:#f59e0b0d;border-color:#f59e0b4d}@keyframes ping{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(2)}}@media (width<=1024px){.pricing-ai-workspace{flex-direction:column;height:auto}.ai-side-panel.left-side,.ai-side-panel.right-side{width:100%;height:380px}.ai-editor-panel{height:600px}}.pruva-chat-layout{border-radius:var(--radius-lg);border:1px solid var(--border);gap:0;height:calc(100vh - 160px);display:flex;overflow:hidden}.chat-left-sidebar{border-right:1px solid var(--border);background-color:var(--bg-elevated);flex-direction:column;height:100%;display:flex}.chat-summary-bar{background:linear-gradient(135deg, var(--primary), #4f46e5);color:#fff;text-align:center;border-bottom:1px solid #ffffff1a;padding:12px 16px;font-size:.78rem;font-weight:700}.chat-search-wrapper{border-bottom:1px solid var(--border);padding:10px 12px}.chat-search-input{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-surface);width:100%;color:var(--text-primary);padding:8px 12px;font-size:.8rem}.chat-filter-tabs{border-bottom:1px solid var(--border);gap:4px;padding:8px 12px;display:flex;overflow-x:auto}.chat-filter-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;padding:4px 10px;font-size:.68rem;font-weight:700}.chat-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.chat-list-scroll{flex:1;overflow-y:auto}.chat-list-item{border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition);align-items:center;gap:12px;padding:12px 14px;display:flex}.chat-list-item:hover{background-color:#00000005}.chat-list-item.active{border-left:4px solid var(--primary);background-color:#3b82f614}.chat-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:800;display:flex}.chat-item-details{flex:1;min-width:0}.chat-item-row1{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chat-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.chat-item-time{color:var(--text-muted);font-size:.65rem}.chat-item-row2{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-item-snippet{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.72rem;overflow:hidden}.chat-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.chat-left-footer{border-top:1px solid var(--border);text-align:center;background:var(--bg-surface);padding:10px}.chat-left-footer a{color:var(--primary);align-items:center;gap:4px;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex}.chat-right-panel{background:var(--bg-surface);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.chat-welcome-box{text-align:center;color:var(--text-secondary);background:#00000003;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.chat-active-header{border-bottom:1px solid var(--border);background-color:var(--bg-surface);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.chat-header-info{align-items:center;gap:10px;display:flex}.chat-timeline-area{flex:1;min-height:0;padding:16px;overflow-y:auto}.chat-bubble-row{width:100%;display:flex}.chat-bubble-row.incoming{justify-content:flex-start}.chat-bubble-row.outgoing{justify-content:flex-end}.chat-bubble-row.center{justify-content:center}.chat-bubble{border-radius:var(--radius-lg);max-width:70%;box-shadow:var(--shadow-sm);padding:10px 14px;font-size:.8rem;line-height:1.45;position:relative}.chat-bubble-row.incoming .chat-bubble{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-top-left-radius:2px}.chat-bubble-row.outgoing .chat-bubble{color:#fff;background-color:#1e3a8a;border-top-right-radius:2px}.chat-bubble-meta{color:var(--text-muted);text-align:right;margin-top:4px;font-size:.6rem;display:block}.chat-bubble-row.outgoing .chat-bubble-meta{color:#fff9}.ai-action-card{border-radius:var(--radius-md);color:#b45309;background:#f59e0b14;border:1px solid #f59e0b40;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;display:flex}.ai-suggestion-card{border-radius:var(--radius-lg);background-color:var(--bg-surface);width:85%;box-shadow:var(--shadow-md);border:1.5px solid #d97706;flex-direction:column;gap:10px;padding:14px;display:flex}.ai-suggestion-title{color:#b45309;align-items:center;gap:6px;font-size:.8rem;font-weight:800;display:flex}.ai-suggestion-text{color:var(--text-primary);font-size:.78rem;line-height:1.4}.ai-suggestion-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.chat-input-wrapper{border-top:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;align-items:center;gap:8px;min-height:56px;padding:12px 16px;display:flex!important}.chat-input-field{border-radius:var(--radius-full);border:1px solid var(--border);background-color:var(--bg-elevated);color:var(--text-primary);transition:var(--transition);flex:1;padding:10px 16px;font-size:.82rem}.chat-input-field:focus{border-color:var(--primary);background-color:var(--bg-surface);outline:none}.chat-send-btn{background-color:var(--primary);color:#fff;cursor:pointer;width:38px;height:38px;transition:var(--transition);box-shadow:var(--shadow-sm);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover{background-color:#2563eb;transform:scale(1.05)}.chat-details-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;background:#0006;transition:all .3s;position:fixed;inset:0}.chat-details-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.chat-details-drawer{background:var(--bg-surface);border-left:1px solid var(--border);z-index:1001;pointer-events:none;visibility:hidden;flex-direction:column;width:400px;max-width:90vw;height:100vh;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-8px 0 32px #00000026}.chat-details-drawer.animating{transition:transform .35s cubic-bezier(.4,0,.2,1)}.chat-details-drawer.active{pointer-events:auto;visibility:visible;transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.drawer-close-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.drawer-close-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.drawer-body{flex:1;padding:24px;overflow-y:auto}.drawer-section{margin-bottom:24px}.drawer-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:12px;font-size:11px;font-weight:700}.drawer-company-card{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.drawer-company-avatar{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.drawer-company-info h4{color:var(--text-primary);margin:0 0 4px;font-size:15px;font-weight:600}.drawer-company-info p{color:var(--text-muted);margin:0;font-size:12px}.drawer-stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.drawer-stat-item{background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border);text-align:center;padding:12px}.drawer-stat-value{color:var(--primary);font-size:20px;font-weight:700}.drawer-stat-label{color:var(--text-muted);margin-top:4px;font-size:11px}.drawer-timeline-mini{flex-direction:column;gap:8px;display:flex}.drawer-timeline-item{background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;display:flex}.drawer-timeline-icon{flex-shrink:0;margin-top:1px;font-size:16px}.drawer-timeline-text{color:var(--text-primary);line-height:1.4}.drawer-timeline-time{color:var(--text-muted);margin-top:2px;font-size:11px}.drawer-notes-area{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;min-height:80px;color:var(--text-primary);resize:vertical;outline:none;padding:12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .2s}.drawer-notes-area:focus{border-color:var(--primary)}.drawer-notes-save{border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;border:none;margin-top:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:opacity .2s}.drawer-notes-save:hover{opacity:.9}body.view-pruva-ai #app-footer,body.view-pricing-actions #app-footer,body.view-pricing-customers #app-footer,body.view-pricing-settings #app-footer,body.view-pricing-reports #app-footer{display:none!important}@media (width>=1025px){body.view-pruva-ai,body.view-pricing-actions,body.view-pricing-customers,body.view-pricing-settings,body.view-pricing-reports{height:100vh!important;overflow:hidden!important}.pruva-chat-layout{height:calc(100vh - 160px)!important;max-height:none!important}}.pruva-saas-layout{flex-direction:column;width:100%;height:calc(100vh - 70px);margin:0 auto;display:flex;max-width:1600px!important;padding:24px 32px!important}.saas-header-wrapper{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.saas-header-left{align-items:center;gap:12px;display:flex}.saas-logo-box{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.25rem;font-weight:800;display:flex;box-shadow:0 4px 12px #2563eb4d}.saas-header-title{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:1.35rem;font-weight:800}.saas-header-actions{align-items:center;gap:12px;display:flex}.saas-header-actions .btn{box-shadow:0 2px 6px #0000000a;border-radius:8px!important;padding:10px 18px!important;font-size:.85rem!important}.pruva-saas-layout .pruva-chat-layout{background:0 0;flex:1;gap:24px;display:flex;overflow:hidden;height:100%!important;max-height:none!important}.pruva-saas-layout .chat-left-sidebar{flex-direction:column;width:360px;display:flex;overflow:hidden;background-color:var(--bg-surface)!important;border:1px solid var(--border)!important;border-radius:16px!important;box-shadow:0 8px 30px #00000008!important}.pruva-saas-layout .chat-summary-bar{border-bottom:1px solid var(--border);letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary)!important;background:0 0!important;border-radius:0!important;padding:20px 24px 16px!important;font-size:.8rem!important;font-weight:700!important}.pruva-saas-layout .chat-search-wrapper{background:0 0!important;border-bottom:none!important;padding:16px 24px 8px!important}.pruva-saas-layout .chat-search-input{box-shadow:inset 0 1px 3px #00000005;background-color:var(--bg-elevated)!important;border:1px solid var(--border)!important;border-radius:10px!important;padding:12px 16px!important;font-size:.88rem!important}.pruva-saas-layout .chat-filter-tabs{flex-wrap:wrap;display:flex;gap:8px!important;padding:8px 24px 16px!important}.pruva-saas-layout .chat-filter-tabs::-webkit-scrollbar{display:none}.pruva-saas-layout .chat-filter-btn{white-space:nowrap;transition:all .2s;background:var(--bg-elevated)!important;border:1px solid var(--border)!important;color:var(--text-secondary)!important;border-radius:20px!important;padding:8px 16px!important;font-size:.75rem!important;font-weight:600!important}.pruva-saas-layout .chat-filter-btn.active{background:var(--text-primary)!important;color:var(--bg-surface)!important;border-color:var(--text-primary)!important;box-shadow:0 4px 10px #0000001a!important}.pruva-saas-layout .chat-list-scroll{padding-top:8px}.pruva-saas-layout .chat-list-item{border:1px solid #0000!important;border-radius:12px!important;margin:0 16px 8px!important;padding:14px 16px!important;transition:all .2s!important}.pruva-saas-layout .chat-list-item:hover{background-color:var(--bg-elevated)!important;border-color:var(--border)!important}.pruva-saas-layout .chat-list-item.active{box-shadow:0 4px 12px #2563eb0d;background-color:#2563eb0f!important;border-color:#2563eb33!important}.pruva-saas-layout .chat-right-panel{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden;background-color:var(--bg-surface)!important;border:1px solid var(--border)!important;border-radius:16px!important;box-shadow:0 8px 30px #00000008!important}.pruva-saas-layout .chat-welcome-box{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;display:flex}.welcome-robot-wrapper{background:var(--bg-elevated);box-shadow:0 20px 40px #0000000a, inset 0 0 0 1px var(--border);border-radius:50%;margin-bottom:24px;padding:40px}.saas-input-wrapper{transition:box-shadow .3s;position:sticky;bottom:0;background:var(--bg-elevated)!important;border:1px solid var(--border)!important;border-radius:16px!important;align-items:center!important;gap:16px!important;margin:24px!important;padding:10px 16px!important;display:flex!important;box-shadow:0 10px 40px #00000014!important}.saas-input-wrapper:focus-within{border-color:#2563eb4d!important;box-shadow:0 12px 50px #2563eb1f!important}.chat-attach-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;height:44px;padding:8px;transition:background .2s,color .2s;display:flex}.chat-attach-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.saas-input-field{flex:1;box-shadow:none!important;background:0 0!important;border:none!important;height:auto!important;padding:12px 0!important;font-size:.95rem!important}.saas-input-field:focus{box-shadow:none!important;outline:none!important}.saas-send-btn{color:#fff!important;cursor:pointer!important;background:#2563eb!important;border:none!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;transition:transform .2s,background .2s!important;display:flex!important;box-shadow:0 4px 12px #2563eb4d!important}.saas-send-btn:hover{background:#1d4ed8!important;transform:translateY(-2px)!important}.pruva-saas-layout .chat-messages-scroll{padding:32px 40px!important}.pruva-saas-layout .chat-bubble-row{margin-bottom:28px!important}.pruva-saas-layout .chat-bubble{border-radius:20px!important;max-width:85%!important;padding:16px 24px!important;font-size:.95rem!important;line-height:1.6!important;box-shadow:0 4px 15px #00000008!important}.pruva-saas-layout .chat-bubble-row.outgoing .chat-bubble{color:#fff!important;background:#2563eb!important;border-bottom-right-radius:4px!important}.pruva-saas-layout .chat-bubble-row.incoming .chat-bubble{background:var(--bg-elevated)!important;border:1px solid var(--border)!important;border-bottom-left-radius:4px!important}.pruva-saas-layout .ai-suggestion-card{overflow:hidden;background:var(--bg-surface)!important;border:1px solid var(--border)!important;border-radius:16px!important;width:100%!important;max-width:600px!important;box-shadow:0 12px 40px #0000000f!important}.pruva-saas-layout .ai-suggestion-title{color:#2563eb;align-items:center;gap:8px;display:flex;border-bottom:1px solid var(--border)!important;background:#2563eb0d!important;padding:16px 24px!important;font-size:.88rem!important;font-weight:800!important}.pruva-saas-layout .ai-suggestion-text{padding:20px 24px!important;font-size:.92rem!important;line-height:1.6!important}.pruva-saas-layout .mail-preview-box{background:var(--bg-elevated)!important;border:1px solid var(--border)!important;border-radius:12px!important;margin:0 24px 20px!important;padding:16px!important}.pruva-saas-layout .ai-suggestion-actions{background:var(--bg-elevated)!important;border-top:1px solid var(--border)!important;justify-content:flex-end!important;gap:12px!important;padding:16px 24px!important;display:flex!important}.pruva-saas-layout .ai-suggestion-actions .btn{border-radius:8px!important;padding:10px 24px!important;font-size:.85rem!important;font-weight:700!important;box-shadow:0 2px 8px #0000000d!important}.pricing-actions-page-container{max-width:var(--container-max);flex-direction:column;gap:28px;margin:0 auto;padding:32px 24px;animation:.4s ease-out fadeInUp;display:flex}.actions-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.summary-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);align-items:center;gap:18px;padding:24px;display:flex;position:relative;overflow:hidden}.summary-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-3px)}.summary-card:after{content:"";width:6px;height:100%;position:absolute;top:0;right:0}.summary-card.yellow:after{background-color:#f1c40f}.summary-card.red:after{background-color:#ef4444}.summary-card.blue:after{background-color:#3b82f6}.summary-card.green:after{background-color:#10b981}.summary-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.summary-card.yellow .summary-card-icon{color:#f39c12;background-color:#f1c40f1a}.summary-card.red .summary-card-icon{color:#ef4444;background-color:#ef44441a}.summary-card.blue .summary-card-icon{color:#3b82f6;background-color:#3b3af61a}.summary-card.green .summary-card-icon{color:#10b981;background-color:#10b9811a}.summary-card-details{flex-direction:column;gap:4px;display:flex}.summary-card-value{color:var(--text-primary);font-size:1.6rem;font-weight:800;line-height:1}.summary-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:.72rem;font-weight:700}.section-header-actions{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.section-header-actions h3{color:var(--text-primary);align-items:center;gap:8px;font-size:1.15rem;font-weight:800;display:flex}.pending-actions-list{flex-direction:column;gap:16px;display:flex}.action-item-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);align-items:center;gap:20px;padding:20px 24px;display:flex}.action-item-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.action-mode-badge{border-radius:var(--radius-lg);background-color:var(--bg-elevated);border:1px solid var(--border);width:54px;height:54px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:1.7rem;display:flex}.action-meta-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.action-top-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.action-company-name{color:var(--text-primary);font-size:.9rem;font-weight:800}.action-route-badge{background-color:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px 10px;font-size:.7rem;font-weight:700}.action-type-badge{border-radius:var(--radius-full);text-transform:uppercase;padding:3px 10px;font-size:.68rem;font-weight:800}.action-type-badge.rate-request{color:#3b82f6;background-color:#3b82f626}.action-type-badge.missing-info{color:#ef4444;background-color:#ef444426}.action-type-badge.send-offer{color:#8b5cf6;background-color:#8b5cf626}.action-subject-preview{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.action-body-snippet{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;line-height:1.4;overflow:hidden}.action-card-buttons{flex-shrink:0;align-items:center;gap:10px;display:flex}.btn-action-green{color:#fff;background-color:#10b981;border:1px solid #10b981;font-weight:700}.btn-action-green:hover{background-color:#0d9488;border-color:#0d9488;transform:translateY(-1px)}.btn-action-red{color:#ef4444;background-color:#0000;border:1px solid #ef44444d;font-weight:700}.btn-action-red:hover{background-color:#ef444414;border-color:#ef4444;transform:translateY(-1px)}.rfqs-table-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.rfqs-table-wrapper{width:100%;margin-top:14px;overflow-x:auto}.rfqs-custom-table{border-collapse:collapse;text-align:left;width:100%}.rfqs-custom-table th{border-bottom:2px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:.72rem;font-weight:800}.rfqs-custom-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:16px;font-size:.8rem;font-weight:500}.rfqs-custom-table tr:last-child td{border-bottom:none}.rfqs-custom-table tr:hover td{background-color:var(--bg-elevated)}.status-badge{border-radius:var(--radius-full);text-transform:uppercase;text-align:center;padding:4px 12px;font-size:.68rem;font-weight:800;display:inline-block}.status-badge.pending{color:#d39e00;background-color:#f1c40f26}.status-badge.missing_info_sent{color:#f97316;background-color:#f9731626}.status-badge.rates_requested{color:#3b82f6;background-color:#3b82f626}.status-badge.offer_sent{color:#8b5cf6;background-color:#8b5cf626}.status-badge.completed{color:#10b981;background-color:#10b98126}.status-badge.cancelled{color:#64748b;background-color:#64748b26}.actions-empty-state{text-align:center;background-color:var(--bg-elevated);border:1.5px dashed var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.actions-empty-state-icon{color:var(--text-muted);font-size:2.5rem}.actions-empty-state h4{color:var(--text-primary);font-size:.95rem;font-weight:800}.actions-empty-state p{color:var(--text-secondary);max-width:320px;font-size:.78rem;line-height:1.4}.actions-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background-color:#0f172a66;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.actions-modal-overlay.show{display:flex}.actions-modal-box{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:600px;box-shadow:var(--shadow-premium);flex-direction:column;animation:.3s ease-out zoomIn;display:flex;overflow:hidden}.actions-modal-header{border-bottom:1px solid var(--border);background-color:var(--bg-elevated);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.actions-modal-header h3{color:var(--text-primary);font-size:1.05rem;font-weight:800}.actions-modal-close-btn{cursor:pointer;color:var(--text-secondary);transition:var(--transition);background:0 0;border:none;font-size:1.5rem}.actions-modal-close-btn:hover{color:var(--text-primary)}.actions-modal-body{flex-direction:column;gap:18px;max-height:70vh;padding:24px;display:flex;overflow-y:auto}.actions-modal-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.72rem;font-weight:700;display:block}.carriers-checkbox-list{background-color:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:14px;display:grid}.carrier-check-item{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;font-size:.76rem;font-weight:600;display:flex}.carrier-check-item input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);cursor:pointer}.actions-modal-input{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-surface);width:100%;color:var(--text-primary);transition:var(--transition);padding:10px 14px;font-size:.85rem;font-weight:500}.actions-modal-input:focus{border-color:var(--text-primary);outline:none;box-shadow:0 0 0 2px #0f172a0d}.actions-modal-textarea{resize:none;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-surface);width:100%;height:180px;color:var(--text-primary);font-family:var(--font-mono);transition:var(--transition);padding:14px;font-size:.8rem;line-height:1.5}.actions-modal-textarea:focus{border-color:var(--text-primary);outline:none;box-shadow:0 0 0 2px #0f172a0d}.actions-modal-footer{border-top:1px solid var(--border);background-color:var(--bg-elevated);justify-content:flex-end;align-items:center;gap:12px;padding:18px 24px;display:flex}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.action-item-card{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.action-card-buttons{justify-content:flex-end;width:100%}.pricing-actions-page-container{gap:20px;padding:20px 14px}}.rate-sheets-container{padding:30px var(--container-padding);max-width:var(--container-width);background-color:#f8f9fc;flex-direction:column;gap:30px;min-height:100vh;margin:0 auto;display:flex}.rate-sheets-hero{border-radius:var(--radius-lg);background:#fff;border:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px 30px;display:flex;box-shadow:0 1px 3px #0000000d}.hero-meta{align-items:center;gap:16px;display:flex}.hero-meta-icon{color:#2563eb;background-color:#2563eb1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.hero-meta-text h2{color:#0f172a;letter-spacing:-.3px;margin:0 0 4px;font-size:1.35rem;font-weight:800}.hero-meta-text p{color:#64748b;max-width:550px;margin:0;font-size:.85rem;line-height:1.45}.hero-action-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-size:.82rem;font-weight:700;transition:background-color .2s;display:flex}.hero-action-btn:hover{background-color:#1d4ed8}.rate-sheets-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.rate-sheets-grid{grid-template-columns:4fr 6fr}}.rate-card{border-radius:var(--radius-lg);background:#fff;border:1px solid #e2e8f0;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 1px 3px #0000000d}.rate-card-title{color:#0f172a;justify-content:space-between;align-items:center;margin:0;font-size:1.05rem;font-weight:800;display:flex}.badge-count{color:#2563eb;background:#2563eb14;border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:700}.drag-drop-zone{border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#fff;border:2px dashed #e2e8f0;flex-direction:column;align-items:center;gap:14px;padding:40px 20px;transition:all .2s;display:flex;position:relative}.drag-drop-zone:hover,.drag-drop-zone.drag-active{background-color:#2563eb05;border-color:#2563eb}.drag-drop-zone .icon-container{color:#2563eb;background-color:#2563eb14;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s;display:flex}.drag-drop-zone:hover .icon-container{transform:translateY(-3px)}.drag-drop-zone h3{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.drag-drop-zone p{color:#64748b;margin:0;font-size:.82rem;line-height:1.4}.drag-drop-zone .btn-select{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-top:4px;padding:8px 14px;font-size:.8rem;font-weight:700;transition:all .2s}.drag-drop-zone:hover .btn-select{color:#2563eb;border-color:#2563eb}.drag-drop-zone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.upload-note{color:#64748b;margin-top:4px;font-size:.72rem}.ai-loading-indicator{border-radius:var(--radius-md);text-align:center;background:#fff;border:1px solid #e2e8f0;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;display:flex}.ai-pulse-scanner{color:#2563eb;background-color:#2563eb14;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;animation:1.5s ease-in-out infinite scanner-pulse;display:flex;position:relative}@keyframes scanner-pulse{0%,to{transform:scale(1);box-shadow:0 0 #2563eb33}50%{transform:scale(1.06);box-shadow:0 0 15px 5px #2563eb26}}.sheets-list{flex-direction:column;gap:10px;max-height:480px;display:flex;overflow-y:auto}.sheet-item{background:#fff;border:1px solid #e2e8f0;border-left:3px solid #2563eb;border-radius:6px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s;display:flex}.sheet-item:hover{border-color:#cbd5e1 #cbd5e1 #cbd5e1 #2563eb;box-shadow:0 2px 6px #00000008}.sheet-info-group{align-items:center;gap:12px;display:flex}.sheet-icon-box{color:#2563eb;background-color:#2563eb0f;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sheet-meta h4{color:#0f172a;margin:0 0 2px;font-size:.88rem;font-weight:700}.sheet-meta p{color:#64748b;margin:0;font-size:.78rem;line-height:1.3}.sheet-meta .sheet-validity{color:#2563eb;margin-top:2px;font-size:.75rem;font-weight:600}.btn-delete-sheet{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.btn-delete-sheet:hover{background-color:#fef2f2}.route-query-card{margin-top:10px}.route-query-form{grid-template-columns:1fr;align-items:flex-end;gap:16px;display:grid}@media (width>=768px){.route-query-form{grid-template-columns:1fr 1fr auto}}.query-input-group{flex-direction:column;gap:6px;display:flex}.query-input-group label{color:#0f172a;font-size:.78rem;font-weight:700}.query-input-group input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:10px 14px;font-size:.88rem;transition:all .2s}.query-input-group input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb1a}.query-submit-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:40px;padding:10px 20px;font-size:.88rem;font-weight:700;transition:background-color .2s;display:flex}.query-submit-btn:hover{background-color:#1d4ed8}.query-results-box{border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;overflow-x:auto;box-shadow:0 1px 2px #00000005}.results-table{border-collapse:collapse;width:100%;font-size:.85rem}.results-table th,.results-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:12px 18px}.results-table th{color:#64748b;text-transform:uppercase;letter-spacing:.3px;background-color:#f1f5f9;font-size:.8rem;font-weight:700}.results-table tbody tr:nth-child(2n){background-color:#f8fafc}.results-table tbody tr.cheapest-row{background-color:#f0fdf4!important}.results-table tbody tr:hover{background-color:#f1f5f9}.results-table tbody tr.cheapest-row:hover{background-color:#dcfce7!important}.results-table td.price-tag{color:#059669;font-size:.92rem;font-weight:800}.hamburger-btn{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:var(--transition);z-index:1100;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px;display:none}.hamburger-btn:hover{background:var(--bg-elevated);border-color:var(--secondary)}.hamburger-btn span{background:var(--text-primary);border-radius:2px;width:20px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.hamburger-btn.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger-btn.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-nav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;opacity:0;background:#00000080;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.mobile-nav-overlay.active{opacity:1}.mobile-nav-drawer{background:var(--bg-surface);z-index:1060;border-left:1px solid var(--border);flex-direction:column;gap:4px;width:300px;height:100%;padding:70px 20px 40px;transition:right .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-300px;overflow-y:auto;box-shadow:-10px 0 30px #00000026}.mobile-nav-drawer.active{right:0}.mobile-nav-drawer a{color:var(--text-primary);border-radius:var(--radius-md);transition:var(--transition);cursor:pointer;align-items:center;gap:12px;margin-bottom:4px;padding:14px 16px;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.mobile-nav-drawer a:hover,.mobile-nav-drawer a.active{background:var(--bg-page);color:var(--secondary)}.mobile-nav-drawer a i{width:20px;height:20px;color:var(--text-muted)}.mobile-nav-drawer a:hover i,.mobile-nav-drawer a.active i{color:var(--secondary)}.mobile-nav-divider{background:var(--border);height:1px;margin:16px 0}.mobile-nav-drawer .mobile-post-btn{text-align:center;background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:var(--transition);border:none;margin-top:16px;padding:14px;font-size:1rem;font-weight:700;display:block}.mobile-nav-drawer .mobile-post-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f64d}@media (width<=1024px){nav{padding:0 3%}.nav-right{gap:10px}.membership-badge span{display:none}.membership-badge{padding:8px}.membership-badge i{margin-right:0!important}.ecosystem-grid{grid-template-columns:1fr}.ecosystem-card{padding:32px}.eco-image{border-radius:28px;width:120px;height:120px;margin-left:24px}.eco-image i{width:56px;height:56px}}@media (width<=768px){.hamburger-btn{display:flex}.mobile-nav-drawer{display:block}.nav-links,#nav-post-ad-btn,.membership-badge,#user-profile-nav .user-name,#user-profile-nav .user-info-col,#user-profile-nav .user-chevron,#user-profile-nav i[data-lucide=chevron-down],.nav-auth-btn{display:none!important}nav{height:60px;padding:0 12px}.nav-right{gap:6px}.logo{font-size:1.3rem}.logo i{width:20px!important;height:20px!important}.theme-toggle-wrapper{width:32px!important;height:32px!important;margin-right:4px!important;padding:6px!important}.theme-toggle-wrapper i{width:16px!important;height:16px!important}.notification-wrapper{width:34px;height:34px;margin-right:4px!important}.notification-wrapper i{width:18px!important;height:18px!important}#user-profile-nav{padding:4px 8px}.user-avatar{width:26px;height:26px;font-size:.7rem}#notification-dropdown{border-radius:16px;max-height:calc(100vh - 80px);width:auto!important;position:fixed!important;top:60px!important;left:8px!important;right:8px!important}#profile-dropdown{width:auto!important;position:fixed!important;top:60px!important;left:8px!important;right:8px!important}.hero{clip-path:polygon(0 0,100% 0,100% 92%,0% 100%);background-attachment:scroll;padding:100px 20px 70px}.hero h1{letter-spacing:-1px;margin-bottom:16px;font-size:2rem}.hero p{margin-bottom:28px;font-size:1rem}.hero-badge{margin-bottom:20px;padding:8px 14px;font-size:.75rem}.hero-buttons{flex-direction:column;align-items:center;gap:12px}.hero-btn{justify-content:center;width:100%;padding:14px 24px;font-size:.95rem}.stats-bar{flex-direction:unset;border-radius:16px;gap:12px;margin-top:-40px;padding:20px 16px;grid-template-columns:1fr 1fr!important;display:grid!important}.stat-divider{display:none}.stat-item{text-align:center;padding:10px 0}.stat-number{font-size:1.8rem}.stat-label{font-size:.7rem}.container{margin:24px auto;padding:0 16px}.section-block{margin-bottom:40px}.section-header{margin-bottom:24px}.section-header h2{letter-spacing:-.3px;font-size:1.6rem}.section-header p{font-size:.95rem}.steps-grid{flex-direction:column;gap:16px}.step-arrow{display:none}.step-card{padding:28px 24px}.step-card h3{font-size:1.1rem}.step-card p{font-size:.9rem}.features-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:24px}.feature-card h3{font-size:1.05rem}.feature-card p{font-size:.9rem}.transport-modes-grid{grid-template-columns:1fr;gap:16px}.transport-mode-card{padding:28px}.ecosystem-grid{grid-template-columns:1fr;gap:20px}.ecosystem-card{text-align:center;flex-direction:column;padding:28px}.eco-image{border-radius:24px;width:100px;height:100px;margin:24px auto 0}.eco-image i{width:48px;height:48px}.ecosystem-card h3{font-size:1.5rem}.eco-features li{justify-content:center}.ai-status{margin:0 auto 16px}.eco-btn{width:100%}.cta-section{margin-top:40px;padding:60px 20px}.cta-inner h2{letter-spacing:-.5px;font-size:1.6rem}.cta-inner p{margin-bottom:24px;font-size:1rem}.cta-buttons{flex-direction:column;align-items:center;gap:12px;display:flex}.cta-btn{text-align:center;width:100%}.marketplace-grid{grid-template-columns:1fr;gap:16px}.market-header{border-radius:14px;margin-bottom:16px;padding:16px}.market-header-top{flex-direction:column;align-items:flex-start;gap:8px}.market-header-top h1{font-size:1.4rem}.market-filter-bar{gap:10px;grid-template-columns:1fr!important}.filter-chips-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin-top:12px;padding-top:12px;overflow-x:auto}.filter-chips-container::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap;flex-shrink:0;padding:6px 14px;font-size:.8rem}.recent-listings-grid{grid-template-columns:1fr;gap:12px}.recent-listing-card{padding:16px}.ticket-card{border-radius:14px;flex-direction:column}.ticket-stub{border-right:none;border-bottom:1px dashed var(--border);border-radius:14px 14px 0 0;width:100%;height:auto;padding:12px}.ticket-stub:after{display:none}.ticket-main{padding:16px}.ticket-header{flex-direction:column;align-items:flex-start;gap:10px}.ticket-header-left{flex-direction:column;align-items:flex-start;gap:8px}.ticket-header-title{font-size:1rem}.ticket-info-grid{grid-template-columns:1fr 1fr;gap:12px}.ticket-details{margin-top:12px;padding-top:12px}.pagination-container{flex-wrap:wrap;gap:4px}.pagination-btn{width:32px;height:32px;font-size:.75rem}.pagination-btn.nav{padding:6px 12px;font-size:.8rem}.dashboard-wrapper{padding:0 4px 60px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.dashboard-title h1{font-size:1.6rem}.dashboard-user-info{text-align:left}.dashboard-stats{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.stat-card{padding:18px}.stat-card-number{font-size:1.5rem}.dashboard-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:4px;margin-bottom:20px;padding-bottom:8px;overflow-x:auto}.dashboard-tabs::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;flex-shrink:0;padding:8px 14px;font-size:.85rem}.dash-ad-main{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.dash-ad-info{width:100%}.dash-ad-status-box{text-align:left;align-items:center;gap:12px;width:100%;display:flex}.bid-row{grid-template-columns:1fr;gap:12px;padding:16px}.bid-row div{text-align:left}.timeline-container{padding:14px}.settings-container{padding:20px 0 60px}.settings-layout{grid-template-columns:1fr;gap:20px}.settings-sidebar{grid-template-columns:1fr;position:static}.settings-profile-summary{padding:24px 16px}.settings-main{min-height:auto;padding:20px 16px}.settings-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px}.settings-header h2{font-size:1.3rem}.settings-grid{grid-template-columns:1fr;gap:16px}.profile-upload-section{text-align:center;flex-direction:column;gap:16px;padding:16px}.session-item{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.session-info{width:100%}.auth-card{border-radius:16px;padding:28px 20px}.auth-title{font-size:1.6rem}.auth-submit-btn{padding:14px;font-size:1rem}.post-ad-container{padding:16px 0}.post-ad-card{border-radius:16px;padding:24px 16px}.post-ad-title{margin-bottom:24px;font-size:1.5rem}.form-section{margin-bottom:24px}.form-section.highlight{border-radius:14px;padding:16px}.cargo-row-item{padding:14px}.photo-upload-section{flex-direction:column;align-items:flex-start;gap:16px}.submit-post-btn{padding:16px;font-size:1rem}.content-text{font-size:1rem}.glossary-grid{grid-template-columns:1fr;gap:12px}.inco-detail-card{flex-direction:column}.inco-side-badge{flex-direction:row;width:100%;padding:12px 16px}.inco-main-info{padding:16px}.inco-row-top{flex-direction:column;gap:4px}.inco-attr-row{flex-direction:column;gap:8px}.inco-legend{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.formula-box-v3{text-align:center;flex-direction:column;gap:12px;padding:16px}.module-footer{flex-direction:column;gap:12px;margin-top:32px;padding-top:24px}.btn-prev,.btn-next{justify-content:center;width:100%}.btn-complete{width:100%}.view-container{padding:1rem 16px}.view-header{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.header-content h1{font-size:1.8rem}.header-content p{font-size:.95rem}.current-balance-card{width:100%;min-width:unset}.coin-packages-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.coin-package-card{border-radius:24px;padding:2rem 1.5rem}.coin-package-card.featured{transform:none}.coin-package-card.featured:hover{transform:translateY(-8px)}.package-amount{font-size:2.5rem}.transaction-history-section{border-radius:20px;padding:1.5rem}.history-header{flex-direction:column;align-items:flex-start;gap:12px}.pruva-table-container{margin:0 -8px}.pruva-table th,.pruva-table td{padding:12px;font-size:.8rem}.card{border-radius:14px;margin-bottom:12px;padding:20px}.card:hover{transform:none}.modal-content{border-radius:16px;max-height:90vh;margin:10px;padding:28px 20px;overflow-y:auto;width:95%!important;max-width:95%!important}#app-footer{margin-top:40px;padding:40px 0 0}.footer-inner{padding:0 16px}.footer-grid{grid-template-columns:1fr;gap:24px;padding-bottom:24px}.footer-logo{font-size:1.5rem}.footer-bottom{text-align:center;flex-direction:column;gap:8px;padding:16px 0}.toast-container{top:68px;left:8px;right:8px}.toast{max-width:100%}body,#app-content{overflow-x:hidden}button,a,.tab-btn,.filter-chip,.dropdown-item{min-height:40px}body{font-size:15px}.feature-card:hover,.step-card:hover,.transport-mode-card:hover,.ecosystem-card:hover,.recent-listing-card:hover{transform:none}.grid-2col,.grid-3col,div[style*="grid-template-columns: 1fr 1fr"],div[style*="grid-template-columns: repeat(2"],div[style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr!important}.admin-stats-grid,div[style*="grid-template-columns: repeat(5"]{grid-template-columns:1fr 1fr!important;gap:12px!important}.dashboard-stats[style*="grid-template-columns: repeat(4"]{grid-template-columns:1fr 1fr!important}.cargo-dims-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.cargo-summary-grid{grid-template-columns:1fr!important}.admin-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.admin-header h1{font-size:1.8rem!important}.admin-tab-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;width:100%!important;overflow-x:auto!important}.admin-tab-bar::-webkit-scrollbar{display:none}.admin-tab-bar button{white-space:nowrap!important;flex-shrink:0!important;padding:8px 16px!important;font-size:.8rem!important}.admin-tab-bar button i{display:none!important}table th{padding:10px 12px!important;font-size:.7rem!important}table td{font-size:.8rem;padding:10px 12px!important}td div[style*="display: flex"][style*="gap: 8px"]{flex-wrap:wrap}div[style*="overflow-x: auto"],.filter-chips-container{position:relative}div[style*="display: flex"][style*="gap: 20px"]{flex-direction:column!important}body{overscroll-behavior-y:none}html{scroll-behavior:smooth}nav{padding-top:env(safe-area-inset-top)}.mobile-nav-drawer{padding-bottom:calc(40px + env(safe-area-inset-bottom))}#app-footer{padding-bottom:env(safe-area-inset-bottom)}}@media (width<=480px){.hero h1{font-size:1.7rem}.hero p{font-size:.9rem}.stats-bar{padding:18px 16px}.stat-number{font-size:1.6rem}.section-header h2{font-size:1.35rem}.step-card{padding:20px}.feature-card{padding:18px}.ticket-info-grid{grid-template-columns:1fr}.module-header h1{font-size:1.4rem}.coin-package-card{padding:1.5rem 1.2rem}.package-amount{font-size:2rem}.dashboard-title h1{font-size:1.4rem}.market-header-top h1{font-size:1.2rem}.auth-card{padding:24px 16px}.auth-title{font-size:1.4rem}.settings-main{padding:16px 12px}.cta-inner h2{font-size:1.4rem}}@supports (-webkit-touch-callout:none){.hero{background-attachment:scroll}.mobile-nav-drawer{height:-webkit-fill-available}}@media (hover:none) and (pointer:coarse){button:active,a:active,.tab-btn:active,.filter-chip:active,.dropdown-item:active{opacity:.85;transition:transform .1s,opacity .1s;transform:scale(.97)}.feature-card:hover,.step-card:hover,.transport-mode-card:hover,.ecosystem-card:hover,.ticket-card:hover,.recent-listing-card:hover,.stat-card:hover,.coin-package-card:hover{box-shadow:inherit!important;transform:none!important}*{-webkit-tap-highlight-color:#3b82f61a}.dashboard-tabs,.filter-chips-container,.admin-tab-bar{-webkit-overflow-scrolling:touch}}.mobile-profile-card{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex}.mobile-profile-avatar{background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden}.mobile-profile-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.mobile-profile-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:.9rem;font-weight:700;display:flex;overflow:hidden}.mobile-profile-role{color:var(--text-secondary);font-size:.75rem}