*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,#0206178c,#0f172a59),url(/login-bg.png);background-size:cover;background-position:center;background-attachment:fixed;color:#111827}.app-container{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:480px;background:#fff;border-radius:16px;padding:32px;box-shadow:0 20px 40px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-title{margin:0 0 24px;font-size:28px;font-weight:700;text-align:center;color:#111827;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mode-toggle{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:24px;background:#f8fafc;padding:4px;border-radius:12px}.toggle-btn{padding:12px 16px;border:none;border-radius:8px;background:transparent;color:#64748b;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:center}.toggle-btn:hover{background:#e2e8f0;color:#475569}.toggle-btn.active{background:#fff;color:#2563eb;box-shadow:0 2px 4px #0000001a;font-weight:600}.tab-container{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:24px;background:#f8fafc;padding:4px;border-radius:12px}.tab{padding:12px 16px;border:none;border-radius:8px;background:transparent;color:#64748b;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:center}.tab:hover{background:#e2e8f0;color:#475569}.tab.active{background:#fff;color:#2563eb;box-shadow:0 2px 4px #0000001a;font-weight:600}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.label{font-size:14px;color:#374151;font-weight:500}.input{padding:14px 16px;border-radius:12px;border:2px solid #e5e7eb;background:#fff;color:#111827;outline:none;transition:all .2s ease;font-size:16px}.input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.input:invalid{border-color:#ef4444}.actions{display:flex;gap:12px;margin-top:24px}.button{flex:1;padding:14px 20px;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.button:active{transform:translateY(1px)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.button.primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb4d}.button.secondary{background:#f1f5f9;color:#475569;border:2px solid #e2e8f0}.button.secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.error-message:before{content:"⚠️";font-size:16px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.success-message:before{content:"✅";margin-right:8px}.helper-text{font-size:12px;color:#6b7280;margin-top:4px;line-height:1.4}.helper{text-align:center;font-size:12px;color:#6b7280;margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.button:disabled:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;top:0;bottom:0;left:0;right:0}@media (max-width: 1024px){.app-container{padding:16px}.login-card{max-width:420px;padding:28px}.profile-card{max-width:500px;padding:28px}}@media (max-width: 768px){.tab-container{grid-template-columns:repeat(2,1fr);gap:4px}.app-container{padding:12px}.login-card,.profile-card{max-width:100%;padding:24px}.profile-stats{grid-template-columns:1fr;gap:16px}.profile-header{flex-direction:column;text-align:center;gap:16px}.profile-actions{justify-content:center}}@media (max-width: 640px){.app-container{padding:8px;min-height:100vh;display:flex;align-items:center}.login-card{margin:0;padding:24px 20px;border-radius:20px;width:100%}.mode-toggle,.tab-container{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:20px;padding:6px}.toggle-btn,.tab{font-size:14px;padding:12px 14px;min-height:48px;font-weight:600}.login-title{font-size:24px;margin-bottom:20px}.profile-container{padding:12px}.profile-card{padding:20px}.profile-name{font-size:22px}.avatar-circle{width:60px;height:60px;font-size:24px}.form-group{margin-bottom:18px}.label{font-size:15px;font-weight:600}.input{padding:14px 16px;font-size:16px;min-height:52px;border-radius:12px}.button{padding:14px 20px;font-size:16px;min-height:52px;border-radius:12px;font-weight:700}.actions{gap:10px;margin-top:20px}.helper{font-size:13px;margin-top:16px;padding-top:14px}}@media (max-width: 480px){.app-container{padding:6px}.login-card{margin:0;padding:20px 18px;border-radius:18px}.login-title{font-size:22px;margin-bottom:18px}.mode-toggle,.tab-container{gap:5px;margin-bottom:18px;padding:5px}.toggle-btn,.tab{font-size:13px;padding:11px 12px;min-height:46px}.form-group{margin-bottom:16px}.label{font-size:14px}.input{padding:13px 14px;font-size:16px;min-height:50px}.button{padding:13px 18px;font-size:15px;min-height:50px}.actions{gap:8px;margin-top:18px}.helper{font-size:12px}.profile-card{padding:18px 16px}.profile-name{font-size:20px}.avatar-circle{width:56px;height:56px;font-size:22px}}@media (max-width: 360px){.app-container{padding:4px}.login-card{padding:18px 16px;border-radius:16px}.login-title{font-size:20px;margin-bottom:16px}.mode-toggle,.tab-container{gap:4px;margin-bottom:16px;padding:4px}.toggle-btn,.tab{font-size:12px;padding:10px;min-height:44px}.form-group{margin-bottom:14px}.label{font-size:13px}.input{padding:12px;font-size:16px;min-height:48px}.button{padding:12px 16px;font-size:14px;min-height:48px}.actions{gap:6px;margin-top:16px}.helper{font-size:11px}.error-message,.success-message{font-size:12px;padding:10px 12px}.profile-card{padding:16px 14px}.profile-name{font-size:18px}.avatar-circle{width:50px;height:50px;font-size:20px}}.button:focus-visible,.toggle-btn:focus-visible,.tab:focus-visible,.input:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.hidden-mobile{display:block}.hidden-desktop{display:none}@media (max-width: 768px){.hidden-mobile{display:none}.hidden-desktop{display:block}}@media (max-width: 768px){.button,.toggle-btn,.tab,.input{min-height:44px}}@media (max-width: 768px){body{overflow-x:hidden}*{max-width:100%}}@media (max-width: 768px){.login-card,.profile-card{box-shadow:0 10px 30px #0000001f}.button,.toggle-btn,.tab,.input{transition:all .25s cubic-bezier(.4,0,.2,1)}.button:active:not(:disabled),.toggle-btn:active,.tab:active{transform:scale(.98)}.form-group{margin-bottom:18px}.login-title{margin-bottom:20px}.input:focus{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button.primary{box-shadow:0 4px 12px #2563eb40}.button.primary:active:not(:disabled){box-shadow:0 2px 6px #2563eb33}}@media (max-width: 768px){.login-card,.profile-card,.button,.input,.stat-card,.toggle-btn,.tab{border-radius:12px}.login-card,.profile-card{padding:24px;margin:12px}.login-title,.profile-name{letter-spacing:-.5px;line-height:1.2}.label,.profile-role{font-weight:600}.button:hover:not(:disabled){box-shadow:0 6px 16px #0000001f}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}}@media (max-width: 768px){.button.primary{background:linear-gradient(135deg,#2563eb,#1e40af)}.button.primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e3a8a)}.score-badge{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.avatar-circle{box-shadow:0 4px 12px #667eea4d}}@media (max-width: 768px){.mode-toggle,.tab-container{box-shadow:inset 0 2px 4px #0000000f}.toggle-btn.active,.tab.active{box-shadow:0 2px 8px #2563eb26}.error-message,.success-message{border-radius:10px;box-shadow:0 2px 8px #00000014}.stat-card{box-shadow:0 2px 8px #00000014;transition:all .25s ease}.stat-card:active{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}}.dashboard-info{margin:20px 0;padding:16px;background:#f8fafc;border-radius:8px;border-left:4px solid #2563eb}.welcome-text{font-size:16px;color:#374151;margin:0 0 8px}.auth-method,.role-info{font-size:14px;color:#6b7280;margin:4px 0}.auth-method strong,.role-info strong{color:#2563eb;font-weight:600}.profile-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.profile-card{width:100%;max-width:600px;background:#fff;border-radius:16px;padding:32px;box-shadow:0 20px 40px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.profile-avatar{flex-shrink:0}.avatar-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700}.profile-info{flex:1}.profile-name{margin:0 0 8px;font-size:28px;font-weight:700;color:#111827}.profile-role{margin:0 0 4px;font-size:16px;color:#2563eb;font-weight:600}.profile-email{margin:0;font-size:14px;color:#6b7280}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.stat-card{background:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e5e7eb}.stat-card.si-score{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0ea5e9}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.score-badge{padding:4px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase}.stat-value{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}.score-number{font-size:36px;font-weight:700;color:#111827}.score-max{font-size:18px;color:#6b7280}.score-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.score-fill{height:100%;border-radius:4px;transition:width .3s ease}.stat-details{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:14px;color:#6b7280;font-weight:500}.detail-value{font-size:14px;color:#111827;font-weight:600}.status-active{color:#10b981}.profile-actions{display:flex;gap:12px;flex-wrap:wrap}.button.danger{background:#ef4444;color:#fff}.button.danger:hover{background:#dc2626}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.profile-container{padding:16px 12px;min-height:auto}.profile-card{max-width:100%;padding:24px 20px}.profile-header{flex-direction:column;text-align:center;gap:16px;align-items:center;padding-bottom:20px;margin-bottom:24px}.profile-info{display:flex;flex-direction:column;align-items:center}.profile-name{font-size:24px}.profile-role{font-size:15px}.profile-email{font-size:13px}.avatar-circle{width:70px;height:70px;font-size:28px}.profile-stats{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.stat-card{padding:20px}.stat-header h3{font-size:16px}.score-number{font-size:32px}.score-max{font-size:16px}.detail-label,.detail-value{font-size:13px}.profile-actions{flex-direction:column;gap:10px;width:100%}.profile-actions .button{width:100%;justify-content:center;min-height:44px}}@media (max-width: 640px){.profile-container{padding:12px 8px}.profile-card{padding:20px 16px;border-radius:12px}.profile-header{gap:12px;padding-bottom:16px;margin-bottom:20px}.profile-name{font-size:22px}.profile-role{font-size:14px}.profile-email{font-size:12px}.avatar-circle{width:64px;height:64px;font-size:26px}.stat-card{padding:18px}.stat-header h3{font-size:15px}.score-badge{font-size:10px;padding:3px 10px}.score-number{font-size:28px}.score-max{font-size:14px}.detail-item{flex-direction:column;align-items:flex-start;gap:4px}.detail-label,.detail-value{font-size:12px}.profile-actions{gap:8px}.profile-actions .button{padding:11px 16px;font-size:14px}}@media (max-width: 480px){.profile-container{padding:10px 6px}.profile-card{padding:16px 12px}.profile-header{gap:10px;padding-bottom:14px;margin-bottom:16px}.profile-name{font-size:20px}.profile-role{font-size:13px}.avatar-circle{width:56px;height:56px;font-size:22px}.stat-card{padding:16px}.stat-header{flex-direction:column;align-items:flex-start;gap:8px}.stat-header h3{font-size:14px}.score-number{font-size:24px}.score-max{font-size:13px}.profile-actions .button{padding:10px 14px;font-size:13px}}.dashboard-toggle-container{display:flex;justify-content:center;margin:0;padding:0}.dashboard-toggle-wrapper{display:flex;align-items:center;justify-content:center;background:#ffffff1a;padding:8px 12px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000001a}.toggle-switch{cursor:pointer;padding:2px}.toggle-track{width:50px;height:26px;background:#000;border-radius:13px;position:relative;transition:all .3s ease;border:2px solid #000000}.toggle-track.active{background:#4caf50;border-color:#4caf50}.toggle-thumb{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all .3s ease;box-shadow:0 2px 6px #0003;border:1px solid rgba(0,0,0,.1)}.toggle-thumb.active{transform:translate(22px)}.toggle-switch:hover .toggle-track{background:#333}.toggle-switch:hover .toggle-track.active{background:#45a049}.toggle-switch:hover .toggle-thumb{box-shadow:0 3px 8px #0000004d}@media (max-width: 768px){.dashboard-toggle-wrapper{padding:6px 10px}.toggle-track{width:40px;height:22px}.toggle-thumb{width:16px;height:16px}.toggle-thumb.active{transform:translate(18px)}}@media (max-width: 640px){.dashboard-toggle-wrapper{padding:4px 8px}.toggle-track{width:35px;height:20px}.toggle-thumb{width:14px;height:14px}.toggle-thumb.active{transform:translate(15px)}}@media (max-width: 480px){.dashboard-toggle-wrapper{padding:6px 8px}.toggle-track{width:30px;height:18px}.toggle-thumb{width:12px;height:12px}.toggle-thumb.active{transform:translate(12px)}}.header-container{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10000}.header-content{max-width:1200px;margin:0 auto;padding:0 1rem}.header-inner{display:flex;justify-content:space-between;align-items:center;height:70px;gap:12px}.header-hamburger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:22px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.hamburger-line{width:100%;height:3px;background-color:#374151;border-radius:2px;transition:all .3s ease}.header-hamburger:hover .hamburger-line{background-color:#1f2937}.header-hamburger:active .hamburger-line{background-color:#2563eb}.header-logo{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:8px;display:flex;align-items:center;justify-content:center}.header-logo-text{display:flex;flex-direction:column}.header-title{font-size:24px;font-weight:700;background:linear-gradient(135deg,#059669,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.header-subtitle{font-size:14px;color:#6b7280;margin:0}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-button{padding:8px 12px;border-radius:8px;border:2px solid;background:transparent;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.header-button-service{border-color:#22c55e;color:#16a34a}.header-button-service:hover{background-color:#22c55e14}.header-button-marketplace{border-color:#3b82f6;color:#2563eb}.header-button-marketplace:hover{background-color:#3b82f614}.header-toggle-container{display:flex;align-items:center}.header-profile{position:relative;z-index:9999}.header-profile-button{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:none;background:transparent;cursor:pointer;transition:background-color .2s}.header-profile-button:hover{background-color:#f3f4f6}.header-profile-avatar{width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#dbeafe;color:#1d4ed8;font-weight:700;overflow:hidden;border:2px solid #2563eb;box-shadow:0 2px 8px #2563eb4d}.header-profile-info{text-align:left;display:flex;flex-direction:column}.header-profile-name{font-size:14px;font-weight:500;color:#111827;margin:0}.header-profile-role{font-size:12px;color:#6b7280;margin:0}.header-profile-arrow{width:16px;height:16px;color:#6b7280;transition:transform .2s}.header-profile-arrow.open{transform:rotate(180deg)}.header-dropdown{position:absolute;right:0;top:100%;margin-top:8px;width:220px;background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;z-index:9999}.header-dropdown-content{padding:12px}.header-dropdown-name{font-size:14px;font-weight:500;color:#111827;margin:0 0 4px}.header-dropdown-email{font-size:12px;color:#6b7280;margin:0 0 12px}.header-dropdown-score{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:8px 0}.header-dropdown-score-label{font-size:14px;font-weight:600;color:#059669}.header-dropdown-score-value{font-size:14px;font-weight:700;color:#059669}.header-dropdown-button{width:100%;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s;margin-bottom:8px}.header-dropdown-button:last-child{margin-bottom:0}.header-dropdown-button-secondary{background-color:#f3f4f6;color:#111827;border:1px solid #e5e7eb}.header-dropdown-button-secondary:hover{background-color:#e5e7eb}.header-dropdown-button-danger{background-color:#dc2626;color:#fff;border:none}.header-dropdown-button-danger:hover{background-color:#b91c1c}.header-profile-button-mobile{display:none}.header-profile-button-desktop{display:flex}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:10000;animation:fadeIn .3s ease;display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{position:fixed;top:0;left:-100%;width:320px;height:100vh;background:#fff;box-shadow:4px 0 12px #00000026;z-index:10001;transition:left .3s ease;overflow-y:auto;display:none}.sidebar-open{left:0!important}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,#10b981,#3b82f6);color:#fff;border-bottom:2px solid rgba(255,255,255,.2)}.sidebar-title{font-size:20px;font-weight:700;margin:0}.sidebar-close-btn{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}.sidebar-close-btn:hover{background-color:#fff3}.sidebar-content{padding:20px}.sidebar-profile-section{display:flex;flex-direction:column;align-items:center;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;margin-bottom:20px;border:2px solid #bfdbfe}.sidebar-profile-avatar{width:80px;height:80px;border-radius:50%;background-color:#dbeafe;color:#1d4ed8;font-weight:700;font-size:36px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border:3px solid #2563eb;box-shadow:0 4px 12px #2563eb4d}.sidebar-profile-info{text-align:center;width:100%}.sidebar-profile-name{font-size:18px;font-weight:700;color:#111827;margin:0 0 4px}.sidebar-profile-email{font-size:13px;color:#6b7280;margin:0 0 8px;word-break:break-word}.sidebar-profile-score{font-size:14px;color:#374151;background:#fff;padding:8px 16px;border-radius:8px;display:inline-flex;align-items:center;gap:4px;border:1px solid #e5e7eb}.sidebar-score-value{font-weight:700;color:#f59e0b}.sidebar-section{margin-bottom:24px}.sidebar-section-title{font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-left:4px}.sidebar-toggle-section{display:flex;flex-direction:column;gap:12px}.sidebar-current-dashboard{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:10px;border:2px solid #bae6fd}.sidebar-dashboard-icon{font-size:24px;line-height:1}.sidebar-dashboard-label{font-size:15px;font-weight:600;color:#0c4a6e;flex:1}.sidebar-toggle-wrapper{display:flex;justify-content:center;padding:8px;background:#f9fafb;border-radius:10px}.sidebar-menu-button{width:100%;padding:14px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;color:#374151;transition:all .2s ease;margin-bottom:8px}.sidebar-menu-button:last-child{margin-bottom:0}.sidebar-menu-button:hover{background-color:#f9fafb;border-color:#d1d5db;transform:translate(4px)}.sidebar-menu-icon{font-size:20px;width:24px;text-align:center}.sidebar-logout-button{width:100%;padding:14px 16px;background:#dc2626;color:#fff;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:600;transition:background-color .2s}.sidebar-logout-button:hover{background-color:#b91c1c}@media (max-width: 1024px){.header-content{padding:0 .75rem}.header-inner{height:64px;gap:10px}.header-logo{gap:10px}.header-logo-icon{width:38px;height:38px}.header-title{font-size:22px}.header-subtitle{font-size:13px}.header-actions{gap:10px;align-items:center}.header-button{padding:7px 11px;font-size:14px}.header-profile-button-desktop{padding:7px 10px;gap:7px}.header-profile-avatar{width:30px;height:30px}.header-profile-name{font-size:13px}.header-profile-role{font-size:11px}}@media (max-width: 640px){.header-content{padding:0 1rem}.header-inner{height:70px;gap:12px;flex-wrap:nowrap}.header-hamburger{display:flex}.header-logo{gap:8px;flex:1}.header-logo-icon{width:40px;height:40px}.header-title{font-size:20px}.header-subtitle{font-size:12px}.header-actions{gap:8px;align-items:center;justify-content:flex-end}.header-button,.header-toggle-container{display:none}.header-dropdown,.header-profile-button-desktop{display:none!important}.header-profile-button-mobile{display:flex!important;padding:8px;gap:0;background:#e0f2fe;border-radius:12px;border:2px solid #2563eb}.header-profile-button-mobile .header-profile-avatar{width:44px;height:44px;font-size:18px;border:none;box-shadow:0 2px 8px #2563eb66}.sidebar-overlay{display:block}.sidebar{display:block;width:280px}.sidebar-profile-avatar{width:70px;height:70px;font-size:32px}.sidebar-profile-name{font-size:17px}.sidebar-profile-email{font-size:12px}.sidebar-current-dashboard{padding:10px 14px}.sidebar-dashboard-icon{font-size:22px}.sidebar-dashboard-label{font-size:14px}.sidebar-menu-button,.sidebar-logout-button{padding:12px 14px;font-size:14px}}@media (max-width: 480px){.header-content{padding:0 .75rem}.header-inner{height:64px;gap:8px}.header-hamburger{width:26px;height:20px}.hamburger-line{height:2.5px}.header-logo{gap:6px}.header-logo-icon{width:34px;height:34px}.header-title{font-size:17px}.header-subtitle{font-size:11px}.header-profile-button-mobile{padding:6px}.header-profile-button-mobile .header-profile-avatar{width:40px;height:40px;font-size:17px}.sidebar{width:260px}.sidebar-header{padding:16px}.sidebar-title{font-size:18px}.sidebar-content,.sidebar-profile-section{padding:16px}.sidebar-profile-avatar{width:60px;height:60px;font-size:28px}.sidebar-profile-name{font-size:16px}.sidebar-profile-email{font-size:11px}.sidebar-profile-score{font-size:13px;padding:6px 12px}.sidebar-section{margin-bottom:20px}.sidebar-current-dashboard{padding:10px 12px;gap:8px}.sidebar-dashboard-icon{font-size:20px}.sidebar-dashboard-label{font-size:13px}.sidebar-menu-button{padding:11px 12px;font-size:13px}.sidebar-menu-icon{font-size:18px}.sidebar-logout-button{padding:11px 12px;font-size:13px}}.footer{background:linear-gradient(135deg,#1f2937,#111827);color:#e5e7eb;padding:60px 0 0;margin-top:auto;width:100%;box-sizing:border-box}.footer-container{max-width:1400px;margin:0 auto;padding:0 24px}.footer-content{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:48px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-section{display:flex;flex-direction:column;gap:20px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:8px}.footer-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer-logo-text{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.5px}.footer-description{font-size:14px;line-height:1.6;color:#9ca3af;margin:0}.footer-social{display:flex;gap:12px;margin-top:8px}.footer-social-link{width:40px;height:40px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:all .2s ease;cursor:pointer;text-decoration:none}.footer-social-link:hover{background:#3b82f633;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.footer-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-.3px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links li a{color:#9ca3af;text-decoration:none;font-size:14px;line-height:1.5;transition:all .2s ease;display:inline-block}.footer-links li a:hover{color:#3b82f6;transform:translate(4px)}.footer-contact{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.footer-contact li{display:flex;align-items:center;gap:10px;color:#9ca3af;font-size:14px;line-height:1.5}.footer-contact li svg{flex-shrink:0;color:#3b82f6}.footer-bottom{padding:24px 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-copyright{margin:0;font-size:14px;color:#6b7280}.footer-certifications{display:flex;gap:20px;flex-wrap:wrap}.footer-cert{font-size:12px;color:#9ca3af;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-weight:500;white-space:nowrap}@media (max-width: 1024px){.footer-content{grid-template-columns:repeat(3,1fr);gap:32px}.footer-section:first-child{grid-column:1 / -1}}@media (max-width: 768px){.footer{padding:40px 0 0}.footer-container{padding:0 16px}.footer-content{grid-template-columns:repeat(2,1fr);gap:32px;padding-bottom:32px}.footer-section:first-child{grid-column:1 / -1}.footer-logo-text{font-size:18px}.footer-description{font-size:13px}.footer-title{font-size:15px}.footer-social-link{width:36px;height:36px}.footer-bottom-content{flex-direction:column;align-items:center;text-align:center;gap:12px}}@media (max-width: 640px){.footer{padding:32px 0 0}.footer-container{padding:0 12px}.footer-content{grid-template-columns:1fr;gap:28px;padding-bottom:28px}.footer-section:first-child{grid-column:1}.footer-logo{justify-content:flex-start}.footer-logo-icon{width:36px;height:36px}.footer-logo-text{font-size:17px}.footer-description{font-size:13px;line-height:1.6}.footer-title{font-size:14px;margin-bottom:12px}.footer-links,.footer-contact{gap:10px}.footer-links li a,.footer-contact li{font-size:13px}.footer-social{gap:10px;justify-content:flex-start}.footer-social-link{width:34px;height:34px}.footer-social-link svg{width:18px;height:18px}.footer-bottom{padding:20px 0}.footer-copyright{font-size:12px}.footer-certifications{gap:8px;justify-content:center}.footer-cert{font-size:10px;padding:5px 10px}}@media (max-width: 480px){.footer{padding:24px 0 0}.footer-container{padding:0 10px}.footer-content{gap:24px;padding-bottom:24px}.footer-logo-icon{width:32px;height:32px}.footer-logo-icon svg{width:20px;height:20px}.footer-logo-text{font-size:16px}.footer-description{font-size:12px}.footer-title{font-size:13px;margin-bottom:10px}.footer-links li a,.footer-contact li{font-size:12px}.footer-contact li svg{width:14px;height:14px}.footer-bottom{padding:16px 0}.footer-copyright{font-size:11px}.footer-cert{font-size:9px;padding:4px 8px}}.marketplace-container{min-height:100vh;background-color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.marketplace-subheading-bar{background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 0;position:sticky;top:70px;z-index:40;box-shadow:0 2px 4px #0000000d}.marketplace-subheading-content{max-width:1200px;margin:0 auto;padding:0 16px}.marketplace-subheading-inner{display:flex;justify-content:space-between;align-items:center}.marketplace-left-section{display:flex;align-items:center;gap:16px}.marketplace-back-button{padding:8px 14px;background:#f3f4f6;color:#111827;border:1px solid #e5e7eb;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.marketplace-back-button:hover{background-color:#e5e7eb}.marketplace-breadcrumb{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}.marketplace-breadcrumb-current{color:#111827;font-weight:500}.marketplace-right-section{display:flex;align-items:center;gap:16px}.marketplace-wishlist-button{padding:8px 12px;background:transparent;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;transition:all .2s ease}.marketplace-wishlist-button:hover{background-color:#f9fafb;border-color:#d1d5db}.marketplace-wishlist-icon{font-size:16px;color:#dc2626}.marketplace-wishlist-button{padding:8px 14px;background:#fff;color:#dc2626;border:2px solid #fecaca;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;transition:all .2s ease}.marketplace-wishlist-button:hover{background-color:#fef2f2;border-color:#fca5a5}.marketplace-cart-button{padding:8px 16px;background:#059669;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;position:relative;transition:background-color .2s}.marketplace-cart-button:hover{background-color:#047857}.marketplace-cart-badge{position:absolute;top:-4px;right:-4px;background:#dc2626;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.marketplace-main-content{max-width:1200px;margin:0 auto;padding:2rem 1rem}.marketplace-products-grid{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.marketplace-product-card{position:relative;width:360px;margin:20px auto;transform:scale(1);z-index:1;transition:transform .2s;border-radius:16px;box-shadow:0 5px 20px #0000001a;background:#fff;overflow:hidden;display:flex;flex-direction:column}.marketplace-product-card:hover{transform:scale(1.05);z-index:2;box-shadow:0 10px 25px #00000026}.marketplace-product-badge{position:absolute;top:10px;right:10px;background:linear-gradient(to right,#a90329,#c44848 44%,#aa2238);color:#fff;padding:5px 10px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:10px;z-index:10}.marketplace-product-image{height:200px;overflow:hidden;position:relative;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e5e7eb}.marketplace-product-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease;padding:12px}.marketplace-product-image:hover img{transform:scale(1.05)}.marketplace-free-delivery-badge{position:absolute;left:10px;bottom:10px;background:#059669;color:#fff;padding:4px 12px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #00000014}.marketplace-product-info{padding:20px;flex:1;display:flex;flex-direction:column}.marketplace-product-title{font-size:18px;font-weight:700;color:#18181b;margin:0 0 10px;letter-spacing:-.5px}.marketplace-product-description{font-size:13px;color:#52525b;line-height:1.4;margin-bottom:8px}.marketplace-ecoscore{display:flex;justify-content:flex-start;margin-bottom:12px}.marketplace-ecoscore-badge{font-size:12px;padding:4px 10px;border-radius:999px;font-weight:700}.marketplace-product-features{display:flex;gap:6px;margin-bottom:15px}.marketplace-feature-tag{font-size:10px;background:#f4f4f5;color:#71717a;padding:3px 8px;border-radius:10px;font-weight:500}.marketplace-product-bottom{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.marketplace-price-container{display:flex;flex-direction:column;gap:2px}.marketplace-price-old{font-size:12px;text-decoration:line-through;color:#a1a1aa}.marketplace-price-new{font-size:24px;font-weight:700;color:#18181b}.marketplace-add-to-cart-button{background:#18181b;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.marketplace-add-to-cart-button:hover{background:#3f3f46;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.marketplace-product-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #F4F4F5;padding-top:12px}.marketplace-rating{display:flex;align-items:center;gap:2px}.marketplace-star{color:#fbbf24;font-size:16px}.marketplace-star-empty{color:#e5e7eb;font-size:16px}.marketplace-review-count{margin-left:6px;font-size:11px;color:#71717a}.marketplace-stock-status{font-size:11px;font-weight:600;color:#22c55e}.marketplace-product-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #e5e7eb}.marketplace-buy-now-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 2px 8px #f59e0b4d}.marketplace-buy-now-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.marketplace-add-to-cart-btn{background:#10b981;color:#fff;border:none;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px}.marketplace-add-to-cart-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.marketplace-wishlist-btn{background:#fff;color:#dc2626;border:2px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:48px}.marketplace-wishlist-btn:hover{background:#fef2f2;border-color:#fca5a5;transform:translateY(-1px)}@keyframes slideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.marketplace-no-products{text-align:center;padding:64px 32px;background-color:#f9fafb;border-radius:16px;border:2px solid #e5e7eb;width:100%}.marketplace-no-products-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 12px}.marketplace-no-products-description{font-size:16px;color:#6b7280;margin:0 0 24px}.marketplace-clear-filters-button{margin:0 auto}@media (max-width: 1024px){.marketplace-main-content{padding:1.5rem .75rem}.marketplace-products-grid{gap:24px}.marketplace-product-card{width:320px}}@media (max-width: 768px){.marketplace-subheading-bar{top:60px;padding:10px 0}.marketplace-subheading-content{padding:0 12px}.marketplace-subheading-inner{flex-direction:column;gap:10px;align-items:stretch}.marketplace-left-section{width:100%;justify-content:space-between}.marketplace-back-button{padding:8px 12px;font-size:13px;min-height:44px}.marketplace-breadcrumb{font-size:12px}.marketplace-right-section{position:fixed;bottom:0;left:0;right:0;width:100%;justify-content:space-between;gap:10px;background:#fff;border-top:2px solid #e5e7eb;padding:12px 16px;z-index:999;box-shadow:0 -4px 12px #0000001a}.marketplace-wishlist-button{flex:1;padding:10px 14px;font-size:14px;justify-content:center;min-height:48px}.marketplace-cart-button{flex:1;padding:10px 16px;font-size:14px;justify-content:center;min-height:48px}.marketplace-main-content{padding:1rem .75rem 80px}.marketplace-products-grid{gap:20px;justify-content:center}.marketplace-product-card{width:100%;max-width:380px;margin:0 auto 16px;border-radius:14px}.marketplace-product-image{height:220px}.marketplace-product-image img{padding:12px}.marketplace-product-info{padding:20px}.marketplace-product-title{font-size:17px;margin-bottom:8px}.marketplace-product-description{font-size:14px;line-height:1.5;margin-bottom:10px}.marketplace-price-new{font-size:20px}.marketplace-product-title{font-size:17px}.marketplace-product-description{font-size:13px}.marketplace-price-new{font-size:19px}.marketplace-add-to-cart-button{padding:10px 16px;font-size:13px;min-height:44px}.marketplace-product-bottom{flex-direction:column;align-items:flex-start;gap:10px}.marketplace-add-to-cart-button{width:100%}}@media (max-width: 640px){.marketplace-subheading-bar{top:70px;padding:8px 0}.marketplace-subheading-content{padding:0 8px}.marketplace-main-content{padding:.75rem .25rem 85px}.marketplace-right-section{padding:10px 14px}.marketplace-wishlist-button,.marketplace-cart-button{min-height:46px;font-size:13px;padding:9px 14px}.marketplace-products-grid{gap:12px}.marketplace-product-card{width:100%;max-width:360px;margin:0 auto 14px;border-radius:12px}.marketplace-product-image{height:200px}.marketplace-product-image img{padding:10px}.marketplace-product-info{padding:18px}.marketplace-product-title{font-size:16px}.marketplace-product-description{font-size:13px;line-height:1.4}.marketplace-price-new{font-size:18px}.marketplace-product-title{font-size:15px}.marketplace-product-description{font-size:11px}.marketplace-ecoscore-badge{font-size:11px;padding:3px 8px}.marketplace-feature-tag{font-size:9px;padding:2px 6px}.marketplace-price-old{font-size:12px}.marketplace-price-new{font-size:16px}.marketplace-add-to-cart-button{padding:10px 14px;font-size:12px;min-height:44px}.marketplace-product-bottom{flex-direction:column;align-items:flex-start;gap:8px}.marketplace-add-to-cart-button{width:100%}.marketplace-star,.marketplace-star-empty{font-size:14px}.marketplace-review-count,.marketplace-stock-status{font-size:10px}.marketplace-no-products{padding:48px 24px}.marketplace-no-products-title{font-size:20px}.marketplace-no-products-description{font-size:14px}}@media (max-width: 480px){.marketplace-subheading-bar{top:64px;padding:8px 0}.marketplace-main-content{padding:.5rem .125rem 80px}.marketplace-right-section{padding:8px 12px}.marketplace-wishlist-button,.marketplace-cart-button{min-height:44px;font-size:12px;padding:8px 12px;gap:4px}.marketplace-wishlist-icon,.marketplace-cart-icon{font-size:14px}.marketplace-products-grid{gap:8px}.marketplace-product-card{width:100%;max-width:340px;margin:0 auto 12px;border-radius:12px}.marketplace-product-image{height:180px}.marketplace-product-image img{padding:8px}.marketplace-product-info{padding:16px}.marketplace-product-title{font-size:15px}.marketplace-product-description{font-size:12px;line-height:1.4}.marketplace-price-new{font-size:16px}.marketplace-product-title{font-size:14px}.marketplace-product-description{font-size:10px}.marketplace-ecoscore-badge{font-size:10px;padding:2px 6px}.marketplace-feature-tag{font-size:8px;padding:2px 4px}.marketplace-price-old{font-size:11px}.marketplace-price-new{font-size:14px}.marketplace-add-to-cart-button{padding:10px 12px;font-size:12px;min-height:44px}.marketplace-product-bottom{flex-direction:column;align-items:flex-start;gap:8px}.marketplace-add-to-cart-button{width:100%}.marketplace-star,.marketplace-star-empty{font-size:12px}.marketplace-review-count,.marketplace-stock-status{font-size:9px}.marketplace-no-products{padding:32px 16px}.marketplace-no-products-title{font-size:18px}.marketplace-no-products-description{font-size:13px}}.product-details-container{background-color:#f8fafc;min-height:100vh}.product-details-subheading{background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 0;position:sticky;top:70px;z-index:100;box-shadow:0 2px 4px #0000000d}.product-details-subheading-content{max-width:1200px;margin:0 auto;padding:0 16px}.product-details-header-inner{display:flex;justify-content:space-between;align-items:center}.product-details-left{display:flex;align-items:center;gap:16px}.product-details-back-btn{padding:8px 14px;background:#f3f4f6;color:#111827;border:1px solid #e5e7eb;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.product-details-back-btn:hover{background-color:#e5e7eb}.product-details-breadcrumb{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}.product-details-breadcrumb-current{color:#111827;font-weight:500}.product-details-actions{display:flex;align-items:center;gap:16px}.product-details-wishlist-btn,.product-details-cart-btn{padding:8px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;transition:all .2s ease}.product-details-wishlist-btn{background:transparent;color:#6b7280;border:1px solid #e5e7eb}.product-details-wishlist-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.product-details-cart-btn{padding:8px 16px;background:#059669;color:#fff;border:none;font-weight:600;position:relative}.product-details-cart-btn:hover{background-color:#047857}.product-details-cart-badge{position:absolute;top:-4px;right:-4px;background:#dc2626;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.product-details-content{max-width:1200px;margin:24px auto;padding:0 16px 40px}.product-details-main{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #00000014;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.product-details-images{width:100%}.product-details-main-image{width:100%;height:400px;border-radius:12px;overflow:hidden;margin-bottom:16px;border:2px solid #e5e7eb;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.product-details-main-image img{width:100%;height:100%;object-fit:contain;display:block}.product-details-thumbnails{display:flex;gap:12px;justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch}.product-details-thumbnail{width:80px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;background:none;padding:0;flex-shrink:0;border:2px solid #e5e7eb}.product-details-thumbnail.active{border-color:#059669}.product-details-thumbnail img{width:100%;height:100%;object-fit:contain;display:block;background:#f8f9fa}.product-details-info{width:100%}.product-details-title{font-size:28px;font-weight:700;color:#111827;line-height:1.3;margin-bottom:16px}.product-details-price{font-size:32px;font-weight:700;color:#059669;margin-bottom:20px;display:flex;align-items:center;gap:8px}.product-details-description{font-size:16px;line-height:1.7;color:#374151;margin-bottom:24px;white-space:pre-wrap}.product-details-specs{margin-bottom:24px}.product-details-spec-item{display:flex;padding:12px 0;border-bottom:1px solid #e5e7eb}.product-details-spec-label{font-weight:600;color:#111827;min-width:140px}.product-details-spec-value{color:#6b7280;flex:1}@media (max-width: 1024px){.product-details-main{grid-template-columns:1fr;gap:32px}.product-details-images{order:1}.product-details-info{order:2}.product-details-main-image{height:380px}}@media (max-width: 768px){.product-details-subheading{top:100px;padding:10px 0}.product-details-subheading-content{padding:0 12px}.product-details-header-inner{flex-direction:column;gap:10px;align-items:stretch}.product-details-left{width:100%;justify-content:space-between}.product-details-back-btn{padding:10px 14px;font-size:14px;min-height:44px}.product-details-breadcrumb{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.product-details-actions{position:fixed;bottom:0;left:0;right:0;width:100%;justify-content:space-between;gap:12px;background:#fff;border-top:2px solid #e5e7eb;padding:12px 16px;z-index:999;box-shadow:0 -4px 12px #0000001a}.product-details-wishlist-btn,.product-details-cart-btn{flex:1;justify-content:center;min-height:48px;font-size:15px;padding:11px 16px;display:flex;align-items:center;gap:8px}.product-details-wishlist-btn span,.product-details-cart-btn span{display:inline;font-weight:600}.product-details-wishlist-btn{background:#2563eb!important;color:#fff!important}.product-details-wishlist-btn:hover{background:#1d4ed8!important}.product-details-content{padding:20px 14px 80px;margin:20px auto}.product-details-main{padding:28px 24px;gap:32px;display:flex!important;flex-direction:column!important;grid-template-columns:none!important}.product-details-images{order:1!important;width:100%}.product-details-info{order:2!important;width:100%}.product-details-main-image{height:400px;border:2px solid #d1d5db;background:#fff;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-details-main-image img{object-fit:contain;max-width:100%;max-height:100%;padding:20px}.product-details-thumbnails{gap:8px;padding:0 4px;justify-content:flex-start}.product-details-thumbnail{width:70px;height:55px;border:2px solid #e5e7eb;background:#f8f9fa}.product-details-thumbnail img{object-fit:contain}}@media (max-width: 640px){.product-details-subheading{top:70px;padding:10px 0}.product-details-subheading-content{padding:0 10px}.product-details-back-btn{padding:8px 12px;font-size:13px}.product-details-breadcrumb{font-size:11px}.product-details-actions{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;padding:10px 14px;background:#fff!important;border-top:2px solid #e5e7eb!important;z-index:999!important;box-shadow:0 -4px 12px #0000001a!important}.product-details-wishlist-btn,.product-details-cart-btn{flex:1!important;font-size:14px;padding:10px 14px;min-height:46px;justify-content:center!important;display:flex!important;align-items:center!important;gap:8px!important}.product-details-wishlist-btn span:last-child,.product-details-cart-btn span:nth-child(2){display:inline!important;font-weight:600}.product-details-wishlist-btn{background:#2563eb!important;color:#fff!important;border:none!important}.product-details-content{padding:18px 12px 90px}.product-details-main{padding:24px 18px;gap:28px;display:flex!important;flex-direction:column!important;grid-template-columns:none!important}.product-details-images{order:1!important}.product-details-info{order:2!important}.product-details-main-image{height:340px;border:2px solid #d1d5db;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center}.product-details-main-image img{object-fit:contain;padding:16px}.product-details-title{font-size:22px;line-height:1.4;margin-bottom:16px;font-weight:700;color:#111827}.product-details-description{font-size:15px;line-height:1.7;color:#374151;margin-bottom:20px}.product-details-price{font-size:28px;font-weight:700;color:#059669;margin-bottom:16px}.product-details-thumbnails{gap:6px;padding:0 2px}.product-details-thumbnail{width:65px;height:50px}.product-details-thumbnail img{padding:4px}}@media (max-width: 480px){.product-details-subheading{top:64px;padding:10px 0}.product-details-subheading-content{padding:0 8px}.product-details-back-btn{padding:7px 10px;font-size:12px}.product-details-breadcrumb-current{display:none}.product-details-actions{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;padding:10px 12px;background:#fff!important;border-top:2px solid #e5e7eb!important;z-index:999!important;box-shadow:0 -4px 12px #0000001a!important}.product-details-wishlist-btn,.product-details-cart-btn{flex:1!important;padding:10px 12px;font-size:13px;min-height:44px;justify-content:center!important;display:flex!important;align-items:center!important;gap:6px!important}.product-details-wishlist-btn span:last-child,.product-details-cart-btn span:nth-child(2){display:inline!important;font-weight:600}.product-details-wishlist-btn{background:#2563eb!important;color:#fff!important;border:none!important}.product-details-content{padding:16px 10px 85px}.product-details-main{padding:20px 16px;gap:24px;display:flex!important;flex-direction:column!important;grid-template-columns:none!important}.product-details-images{order:1!important}.product-details-info{order:2!important}.product-details-main-image{height:300px;border:2px solid #d1d5db;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center}.product-details-main-image img{object-fit:contain;padding:14px}.product-details-title{font-size:20px;line-height:1.3;margin-bottom:14px;font-weight:700;color:#111827}.product-details-description{font-size:14px;line-height:1.6;color:#374151;margin-bottom:18px}.product-details-price{font-size:26px;font-weight:700;color:#059669;margin-bottom:14px}.product-details-thumbnails{gap:5px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.product-details-thumbnail{width:60px;height:48px;flex-shrink:0}.product-details-thumbnail img{padding:3px}}@media (max-width: 768px){.product-details-back-btn,.product-details-wishlist-btn,.product-details-cart-btn,.product-details-thumbnail{min-height:44px}}@media (max-width: 768px){.product-details-container{overflow-x:hidden}}.cart-container{background-color:#f8fafc;min-height:100vh}.cart-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh;gap:16px}.spinner{border:4px solid #f3f4f6;border-top:4px solid #10b981;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.cart-breadcrumb{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 0;position:sticky;top:70px;z-index:40}.cart-content-width{max-width:1400px;margin:0 auto;padding:0 24px}.breadcrumb-links{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px;margin-top:8px}.breadcrumb-links span{cursor:pointer;transition:color .2s}.breadcrumb-links span:hover{color:#059669}.breadcrumb-links span.active{color:#111827;font-weight:600}.back-btn{padding:8px 16px;background:#f3f4f6;color:#111827;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.back-btn:hover{background:#e5e7eb}.cart-grid{display:grid;grid-template-columns:1fr 400px;gap:24px;margin-top:24px}.cart-items-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.cart-header h1{font-size:28px;font-weight:800;color:#111827;margin:0}.clear-cart-btn{padding:8px 16px;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.clear-cart-btn:hover{background:#fecaca}.cart-item{display:grid;grid-template-columns:120px 1fr auto;gap:20px;padding:20px;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.cart-item:hover{background-color:#f9fafb}.cart-item-image{width:120px;height:120px;object-fit:cover;border-radius:12px;cursor:pointer;transition:transform .2s}.cart-item-image:hover{transform:scale(1.05)}.cart-item-details{display:flex;flex-direction:column;gap:8px}.cart-item-name{font-size:18px;font-weight:700;color:#111827;margin:0;cursor:pointer;transition:color .2s}.cart-item-name:hover{color:#059669}.cart-item-category{color:#6b7280;font-size:14px;margin:0}.cart-item-stock{display:flex;gap:16px;align-items:center;margin-top:4px}.stock-badge{color:#059669;font-size:13px;font-weight:600}.delivery-info{color:#6b7280;font-size:12px}.cart-item-price{display:flex;flex-direction:column;gap:4px;margin-top:8px}.cart-item-price .price{font-size:20px;font-weight:700;color:#059669}.cart-item-price .item-total{font-size:14px;color:#6b7280}.cart-item-actions{display:flex;flex-direction:column;gap:16px;align-items:flex-end}.quantity-controls{display:flex;align-items:center;gap:12px;background:#f9fafb;padding:8px 16px;border-radius:10px;border:1px solid #e5e7eb}.qty-btn{width:32px;height:32px;border:none;background:#fff;border-radius:6px;cursor:pointer;font-weight:700;font-size:16px;transition:all .2s;box-shadow:0 2px 4px #0000000d}.qty-btn:hover:not(:disabled){background:#10b981;color:#fff;transform:scale(1.1)}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.qty-display{font-size:16px;font-weight:700;min-width:30px;text-align:center;color:#111827}.action-buttons{display:flex;flex-direction:column;gap:8px}.action-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;white-space:nowrap}.save-btn{background:#dbeafe;color:#1d4ed8}.save-btn:hover{background:#bfdbfe}.wishlist-btn{background:#fce7f3;color:#be123c}.wishlist-btn:hover{background:#fbcfe8}.remove-btn{background:#fee2e2;color:#dc2626}.remove-btn:hover{background:#fecaca}.order-summary-section{position:sticky;top:170px;height:fit-content}.order-summary-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;border:2px solid #f3f4f6}.order-summary-card h2{font-size:22px;font-weight:800;color:#111827;margin:0 0 20px}.coupon-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f3f4f6}.coupon-section h3{font-size:16px;font-weight:700;color:#374151;margin:0 0 12px}.coupon-input-group{display:flex;gap:8px}.coupon-input{flex:1;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;text-transform:uppercase}.coupon-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.apply-btn{padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:all .2s}.apply-btn:hover{background:#059669;transform:translateY(-1px)}.applied-coupon{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px}.coupon-badge{font-weight:700;color:#065f46;font-size:14px}.remove-coupon-btn{width:24px;height:24px;border:none;background:#059669;color:#fff;border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s}.remove-coupon-btn:hover{background:#047857;transform:scale(1.1)}.available-coupons{margin-top:12px}.available-coupons p{font-size:12px;color:#6b7280;margin:0 0 8px}.available-coupons{display:flex;flex-wrap:wrap;gap:8px}.coupon-badge-small{padding:4px 10px;background:#fef3c7;border:1px dashed #f59e0b;border-radius:6px;font-size:11px;font-weight:700;color:#92400e;cursor:pointer;transition:all .2s}.coupon-badge-small:hover{background:#fde68a;transform:translateY(-2px)}.price-breakdown{margin-bottom:20px}.price-row{display:flex;justify-content:space-between;padding:10px 0;font-size:15px;color:#374151}.price-row.discount{color:#059669;font-weight:600}.discount-amount{color:#059669}.price-row.total{border-top:2px solid #f3f4f6;padding-top:16px;margin-top:8px;font-size:20px;font-weight:800;color:#111827}.free-shipping{color:#10b981;font-weight:700}.free-shipping-alert{padding:12px;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;font-size:13px;font-weight:600;color:#92400e;margin-bottom:16px}.checkout-btn{width:100%;padding:16px 24px;background:#10b981;color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.checkout-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.security-badges{display:flex;justify-content:space-around;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6;font-size:12px;color:#6b7280}.empty-cart{text-align:center;padding:80px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-top:24px}.empty-cart-icon{font-size:80px;margin-bottom:24px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.empty-cart h2{font-size:28px;font-weight:800;color:#111827;margin:0 0 12px}.empty-cart p{color:#6b7280;margin:0 0 24px;font-size:16px}.shop-now-btn{padding:14px 32px;background:#10b981;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.shop-now-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.saved-for-later-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;margin-top:24px}.saved-for-later-section h2{font-size:22px;font-weight:800;color:#111827;margin:0 0 20px}.saved-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.saved-item{border:1px solid #e5e7eb;border-radius:12px;padding:12px;transition:all .2s}.saved-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.saved-item img{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:12px;cursor:pointer}.saved-item-info h4{font-size:14px;font-weight:700;color:#111827;margin:0 0 8px;cursor:pointer}.saved-item-info h4:hover{color:#059669}.saved-item-price{font-size:16px;font-weight:700;color:#059669;margin:0 0 12px}.saved-item-actions{display:flex;flex-direction:column;gap:8px}.move-to-cart-btn{padding:8px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s}.move-to-cart-btn:hover{background:#059669}.delete-saved-btn{padding:8px;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s}.delete-saved-btn:hover{background:#fecaca}.recommended-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;margin-top:24px;margin-bottom:40px}.recommended-section h2{font-size:22px;font-weight:800;color:#111827;margin:0 0 20px}.recommended-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.recommended-product{border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s}.recommended-product:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.recommended-product img{width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:12px;cursor:pointer}.recommended-product-info h4{font-size:16px;font-weight:700;color:#111827;margin:0 0 8px;cursor:pointer;line-height:1.4;min-height:44px}.recommended-product-info h4:hover{color:#059669}.recommended-product-price{font-size:18px;font-weight:700;color:#059669;margin:0 0 8px}.recommended-rating{color:#fbbf24;font-size:14px;margin:0 0 12px}.recommended-rating span{color:#6b7280;font-size:12px;margin-left:4px}.add-recommended-btn{width:100%;padding:10px;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:14px;transition:all .2s}.add-recommended-btn:hover{background:#059669;transform:translateY(-2px)}@media (max-width: 1024px){.cart-grid{grid-template-columns:1fr}.order-summary-section{position:static}}@media (max-width: 768px){.cart-content-width{padding:0 16px}.cart-item{grid-template-columns:1fr;gap:16px}.cart-item-actions{align-items:stretch}.action-buttons{flex-direction:row;flex-wrap:wrap}.recommended-products-grid,.saved-items-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.checkout-container{min-height:100vh;background-color:#f8fafc;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.checkout-content{max-width:1200px;margin:0 auto;padding:2rem 1rem}.checkout-header{margin-bottom:2rem}.checkout-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.checkout-header p{color:#6b7280;font-size:1.1rem;margin:0}.checkout-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.checkout-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem}.checkout-form{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.checkbox-group{margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#374151}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#059669}.payment-methods{display:flex;flex-direction:column;gap:.75rem}.payment-option{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.payment-option:hover{border-color:#d1d5db;background:#f9fafb}.payment-option input[type=radio]{width:18px;height:18px;accent-color:#059669}.payment-option input[type=radio]:checked+span{color:#059669;font-weight:600}.payment-option span{font-size:1rem;color:#374151}.order-summary{position:sticky;top:2rem}.summary-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.summary-card h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.order-items{margin-bottom:1rem}.order-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.item-image{width:60px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0}.item-details h4{font-size:.9rem;font-weight:600;color:#1f2937;margin:0 0 .25rem;line-height:1.3}.item-details p{font-size:.8rem;color:#6b7280;margin:0}.item-price{font-weight:600;color:#059669;font-size:.9rem}.summary-totals{border-top:1px solid #e5e7eb;padding-top:1rem}.place-order-btn{width:100%;background:#059669;color:#fff;border:none;padding:14px 24px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;margin-top:1rem;transition:background-color .2s}.place-order-btn:hover:not(:disabled){background:#047857}.place-order-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.checkout-layout{grid-template-columns:1fr;gap:1.5rem}.order-summary{position:static}}@media (max-width: 768px){.checkout-content{padding:1rem .5rem}.checkout-header h1{font-size:2rem}.checkout-form{padding:1.5rem}.form-grid{grid-template-columns:1fr;gap:.75rem}.payment-methods{gap:.5rem}.payment-option{padding:.75rem}.summary-card{padding:1rem}}@media (max-width: 640px){.checkout-form{padding:1rem}.form-section{margin-bottom:1.5rem;padding-bottom:1.5rem}.order-item{gap:.5rem}.item-image{width:50px;height:50px}.item-details h4{font-size:.8rem}.item-details p{font-size:.75rem}.item-price{font-size:.8rem}}.order-success-container{min-height:100vh;background-color:#f8fafc;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.order-success-content{max-width:1000px;margin:0 auto;padding:2rem 1rem}.success-header{text-align:center;margin-bottom:3rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.success-icon{font-size:4rem;margin-bottom:1rem}.success-header h1{font-size:2.5rem;font-weight:700;color:#059669;margin:0 0 1rem}.success-header p{font-size:1.2rem;color:#6b7280;margin:0}.order-success-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #059669;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.order-not-found{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.order-not-found h2{font-size:1.5rem;font-weight:600;color:#374151;margin:0 0 1rem}.order-not-found p{color:#6b7280;margin:0 0 2rem}.order-not-found button{background:#059669;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.order-not-found button:hover{background:#047857}.order-details{display:grid;gap:2rem;margin-bottom:3rem}.order-info-card,.shipping-info-card,.order-items-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.order-info-card h2,.shipping-info-card h2,.order-items-card h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-weight:500;color:#6b7280;font-size:.9rem}.info-item span{color:#1f2937;font-weight:500}.order-id{font-family:monospace;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-size:.9rem}.order-status{font-weight:600;text-transform:capitalize}.total-amount{font-weight:700;color:#059669;font-size:1.1rem}.shipping-details{margin-top:1rem}.shipping-address{background:#f9fafb;padding:1rem;border-radius:8px;border-left:4px solid #059669}.shipping-address strong{display:block;font-size:1.1rem;color:#1f2937;margin-bottom:.5rem}.shipping-address p{margin:.25rem 0;color:#6b7280}.items-list{margin-bottom:1.5rem}.order-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #e5e7eb}.order-item:last-child{border-bottom:none}.item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0}.item-image img{width:100%;height:100%;object-fit:cover}.item-details{flex:1}.item-details h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.item-category{color:#6b7280;font-size:.9rem;margin:0 0 .25rem}.item-quantity{color:#6b7280;font-size:.9rem;margin:0}.item-price{text-align:right;color:#059669;font-weight:600}.item-price span{display:block;font-size:1.1rem}.item-price small{color:#6b7280;font-size:.8rem}.order-summary{border-top:1px solid #e5e7eb;padding-top:1rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:#374151}.summary-row:last-child{border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:.75rem}.total-row{font-size:1.1rem;font-weight:700;color:#1f2937}.success-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.track-order-btn,.continue-shopping-btn{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;text-align:center}.track-order-btn{background:#059669;color:#fff;border:none}.track-order-btn:hover{background:#047857}.continue-shopping-btn{background:transparent;color:#059669;border:2px solid #059669}.continue-shopping-btn:hover{background:#059669;color:#fff}.next-steps{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.next-steps h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem;text-align:center}.steps-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.step{display:flex;align-items:flex-start;gap:1rem}.step-icon{font-size:2rem;flex-shrink:0}.step-content h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.step-content p{color:#6b7280;font-size:.9rem;margin:0;line-height:1.4}@media (max-width: 768px){.order-success-content{padding:1rem .5rem}.success-header{padding:1.5rem}.success-header h1{font-size:2rem}.success-header p{font-size:1rem}.order-info-card,.shipping-info-card,.order-items-card{padding:1.5rem}.info-grid{grid-template-columns:1fr;gap:.75rem}.order-item{flex-direction:column;align-items:flex-start;gap:.75rem}.item-image{width:60px;height:60px}.item-price{text-align:left}.success-actions{flex-direction:column;align-items:center}.track-order-btn,.continue-shopping-btn{width:100%;max-width:300px}.steps-list{grid-template-columns:1fr;gap:1rem}.step{flex-direction:column;text-align:center}}@media (max-width: 640px){.success-header{padding:1rem}.success-header h1{font-size:1.75rem}.order-info-card,.shipping-info-card,.order-items-card,.next-steps{padding:1rem}}.farm-onboarding-container{min-height:calc(100vh - 70px);background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.farm-onboarding-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000000d;position:sticky;top:70px;z-index:100}.farm-onboarding-title{font-size:18px;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:8px}.farm-onboarding-sync-status{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.sync-icon{width:16px;height:16px;color:#10b981}.farm-onboarding-content{max-width:1200px;margin:0 auto;padding:32px 24px}.step-indicator{background:#fff;padding:12px 20px;margin-bottom:20px;position:sticky;top:110px;z-index:99}.breadcrumb-steps{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.breadcrumb-step{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#64748b;font-size:14px;background:transparent}.breadcrumb-step:hover{background:#f8fafc}.breadcrumb-step.completed{color:#64748b}.breadcrumb-step.active{background:#ecfdf5;color:#10b981;font-weight:600}.breadcrumb-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:700;font-size:13px;background:#f1f5f9;color:#64748b;transition:all .2s ease}.breadcrumb-step.completed .breadcrumb-number,.breadcrumb-step.active .breadcrumb-number{background:#10b981;color:#fff}.breadcrumb-label{font-size:14px;white-space:nowrap}.breadcrumb-arrow{color:#cbd5e1;flex-shrink:0}.step-content-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a;min-height:500px}.step-content-title{font-size:24px;font-weight:700;color:#0f172a;margin-bottom:8px}.step-content-description{font-size:14px;color:#64748b;margin-bottom:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.form-group-full{grid-column:1 / -1}.form-label{display:block;font-size:14px;font-weight:600;color:#334155;margin-bottom:8px}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#0f172a;transition:all .2s;background:#fff;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.form-textarea{min-height:100px;resize:vertical}.map-container{background:#e2e8f0;border-radius:12px;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin-bottom:24px;border:1px solid #cbd5e1}.map-controls{position:absolute;top:16px;left:16px;display:flex;gap:8px;z-index:10}.map-layer-toggle{background:#fff;border:1px solid #e2e8f0;padding:8px 12px;border-radius:8px;font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:600;color:#334155;transition:all .2s}.map-layer-toggle:hover{background:#f8fafc;border-color:#cbd5e1}.map-placeholder{text-align:center}.map-icon{width:120px;height:120px;background:#cbd5e1;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.location-pin{width:60px;height:60px;color:#10b981}.map-instruction{font-size:14px;color:#64748b;margin-bottom:24px}.map-actions{display:flex;gap:12px}.btn-secondary,.btn-primary{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;border:none}.btn-secondary{background:#fff;color:#334155;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-primary{background:#10b981;color:#fff}.btn-primary:hover{background:#059669}.iot-snapshot{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.iot-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.iot-title{font-size:18px;font-weight:700;color:#0f172a;margin:0}.iot-status{width:12px;height:12px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.iot-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.iot-metric{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.iot-metric-label{font-size:13px;color:#64748b;margin-bottom:8px;font-weight:500}.iot-metric-value{font-size:32px;font-weight:700;color:#0f172a;margin:0}.iot-footer{font-size:12px;color:#94a3b8;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.navigation-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.btn-back,.btn-save-draft,.btn-continue{padding:14px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-back{background:#fff;color:#334155;border:1px solid #e2e8f0}.btn-back:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn-back:disabled{opacity:.5;cursor:not-allowed}.btn-save-draft{background:#fff;color:#334155;border:1px solid #e2e8f0;display:flex;align-items:center;gap:8px}.btn-save-draft:hover{background:#f8fafc;border-color:#cbd5e1}.btn-continue{background:#10b981;color:#fff;padding:14px 40px}.btn-continue:hover:not(:disabled){background:#059669}.btn-continue:disabled{opacity:.7;cursor:not-allowed}.file-upload-area{border:2px dashed #e2e8f0;border-radius:8px;padding:32px;text-align:center;cursor:pointer;transition:all .2s}.file-upload-area:hover{border-color:#10b981;background:#f0fdf4}.file-upload-icon{width:48px;height:48px;margin:0 auto 16px;color:#94a3b8}.file-upload-text{font-size:14px;color:#64748b;margin-bottom:8px}.file-upload-hint{font-size:12px;color:#94a3b8}.file-list{margin-top:16px;display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.file-item-info{display:flex;align-items:center;gap:12px}.file-icon{width:32px;height:32px;color:#10b981}.file-name{font-size:14px;color:#334155;font-weight:500}.file-remove{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:4px 8px;font-size:12px;font-weight:600;border-radius:4px;transition:all .2s}.file-remove:hover{background:#fef2f2}.preview-section{margin-bottom:32px}.preview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:16px}.preview-card-title{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:16px}.preview-row{display:flex;padding:12px 0;border-bottom:1px solid #e2e8f0}.preview-row:last-child{border-bottom:none}.preview-label{font-size:14px;color:#64748b;width:180px;flex-shrink:0}.preview-value{font-size:14px;color:#0f172a;font-weight:600}.crop-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:24px}.crop-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.crop-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.crop-card-title{font-size:14px;font-weight:600;color:#64748b}.crop-remove-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:18px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px}.crop-remove-btn:hover{background:#fef2f2}.crop-name{font-size:18px;font-weight:700;color:#0f172a}.add-crop-btn{background:#ecfeff;border:2px dashed #06b6d4;color:#0e7490;padding:16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;min-height:150px}.add-crop-btn:hover{background:#cffafe;border-color:#0891b2}.success-message{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46;padding:16px;border-radius:10px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-weight:600}.error-message{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:16px;border-radius:10px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-weight:600}.toggle-switch{display:inline-flex;align-items:center;background:#e2e8f0;border-radius:20px;padding:4px;width:60px;cursor:pointer;transition:background .3s}.toggle-switch.active{background:#10b981}.toggle-switch-knob{width:28px;height:28px;border-radius:50%;background:#fff;transition:transform .2s}.toggle-switch.active .toggle-switch-knob{transform:translate(28px)}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead tr{background:#f8fafc;border-bottom:2px solid #e2e8f0}.data-table th{padding:12px;text-align:left;font-size:13px;font-weight:600;color:#64748b}.data-table td{padding:12px;font-size:14px;color:#334155;border-bottom:1px solid #e2e8f0}.data-table tbody tr:last-child td{border-bottom:none}.card-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.card-header{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:16px;display:flex;align-items:center;gap:8px}.card-description{font-size:14px;color:#64748b;margin-bottom:20px}.sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:20px}.sidebar-header{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:16px;display:flex;align-items:center;gap:8px}.upload-area{border:2px dashed #e2e8f0;border-radius:10px;padding:40px;text-align:center;background:#f8fafc;transition:all .2s}.upload-area:hover{border-color:#10b981;background:#f0fdf4}.timeline-card{background:#f8fafc;padding:16px;border-radius:10px;border:1px solid #e2e8f0}.timeline-label{font-size:13px;color:#64748b;margin-bottom:4px}.timeline-value{font-size:16px;font-weight:700;color:#0f172a}.kpi-item{display:flex;flex-direction:column}.kpi-label{font-size:12px;color:#64748b;margin-bottom:4px}.kpi-value{font-size:20px;font-weight:700;color:#0f172a}@media (max-width: 1024px){.farm-onboarding-content{padding:24px 16px}.form-grid{grid-template-columns:1fr}.iot-metrics{grid-template-columns:repeat(2,1fr)}.crop-plan-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.farm-onboarding-header{padding:12px 16px}.farm-onboarding-title{font-size:16px}.farm-onboarding-sync-status{font-size:12px}.farm-onboarding-content{padding:20px 12px}.step-indicator{padding:12px 16px}.breadcrumb-steps{gap:6px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.breadcrumb-step{flex-shrink:0;padding:6px 10px;font-size:13px}.breadcrumb-number{width:20px;height:20px;font-size:12px}.breadcrumb-label{font-size:13px}.step-content-card{padding:24px;min-height:400px}.step-content-title{font-size:20px}.step-content-description{font-size:13px}.form-grid{gap:16px}.map-container{height:300px}.map-controls{top:12px;left:12px;gap:6px}.map-layer-toggle{padding:6px 10px;font-size:12px}.map-icon{width:100px;height:100px}.location-pin{width:50px;height:50px}.map-actions{flex-direction:column;width:100%}.btn-secondary,.btn-primary{width:100%;justify-content:center}.iot-metrics{grid-template-columns:1fr;gap:12px}.iot-metric-value{font-size:28px}.navigation-buttons{flex-direction:column;gap:12px}.btn-back,.btn-save-draft,.btn-continue{width:100%;text-align:center;justify-content:center}.preview-row{flex-direction:column;gap:4px;padding:10px 0}.preview-label{width:100%;font-weight:600}.crop-plan-grid{grid-template-columns:1fr}}@media (max-width: 640px){.farm-onboarding-header{padding:10px 12px}.farm-onboarding-title{font-size:14px}.farm-onboarding-content{padding:16px 8px}.step-content-card{padding:16px}.step-content-title{font-size:18px}.form-input,.form-select,.form-textarea{padding:10px 14px;font-size:16px}.map-container{height:250px}.btn-secondary,.btn-primary,.btn-back,.btn-save-draft,.btn-continue{padding:12px 20px;font-size:14px}.file-upload-area{padding:24px 16px}.file-upload-icon{width:40px;height:40px}.upload-area{padding:32px 16px}.data-table{font-size:13px}.data-table th,.data-table td{padding:10px 8px}}@media (max-width: 480px){.farm-onboarding-content{padding:12px 4px}.step-content-card{padding:12px}.step-content-title{font-size:16px}.form-label{font-size:13px}.form-input,.form-select,.form-textarea{padding:10px 12px;font-size:16px}.map-container{height:200px}.map-controls{top:8px;left:8px;flex-direction:column;width:calc(100% - 16px)}.map-layer-toggle{width:100%;justify-content:center}.btn-secondary,.btn-primary,.btn-back,.btn-save-draft,.btn-continue{padding:10px 16px;font-size:13px}.iot-metric-value{font-size:24px}.crop-card{padding:12px}.add-crop-btn{min-height:120px;font-size:13px}}@media (max-width: 768px){.btn-secondary,.btn-primary,.btn-back,.btn-save-draft,.btn-continue,.map-layer-toggle,.breadcrumb-step,.crop-remove-btn,.file-remove{min-height:44px}}@media (max-width: 768px){.farm-onboarding-container{overflow-x:hidden}*{max-width:100%}}.services-container{background-color:#f8fafc;min-height:100vh}.services-content{max-width:960px;margin:24px auto;padding:0 16px}.services-back-button-container{display:flex;justify-content:flex-start;margin-bottom:12px}.services-back-button{padding:8px 14px;background:#f3f4f6;color:#111827;border:1px solid #e5e7eb;border-radius:10px;font-weight:600;cursor:pointer;transition:background-color .2s}.services-back-button:hover{background-color:#e5e7eb}.services-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f}.services-title{font-size:22px;font-weight:800;color:#0f172a;margin:0}.services-description{color:#64748b;margin-top:6px}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.services-link{text-decoration:none}.services-service-card{border-radius:16px;padding:20px;cursor:pointer;transition:all .2s ease}.services-service-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.services-service-card-advisory{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.services-service-card-disease{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.services-service-title{font-size:18px;font-weight:700;margin-bottom:8px}.services-service-description{font-size:14px;margin-bottom:0}.services-service-description-advisory{color:#065f46}.services-service-description-disease{color:#1e3a8a}@media (max-width: 768px){.services-content{padding:0 12px;margin:16px auto}.services-back-button-container{margin-bottom:10px}.services-back-button{padding:6px 12px;font-size:14px}.services-card{padding:20px}.services-title{font-size:20px}.services-description{font-size:14px}.services-grid{grid-template-columns:1fr;gap:12px}.services-service-card{padding:16px}.services-service-title{font-size:16px}.services-service-description{font-size:13px}}@media (max-width: 640px){.services-content{padding:0 8px;margin:12px auto}.services-card{padding:16px}.services-title{font-size:18px}.services-description{font-size:13px}.services-service-card{padding:14px}.services-service-title{font-size:15px}.services-service-description{font-size:12px}}@media (max-width: 480px){.services-content{padding:0 4px}.services-card{padding:12px;border-radius:12px}.services-title{font-size:16px}.services-back-button{padding:6px 10px;font-size:13px}.services-service-card{padding:12px}}@media (max-width: 768px){.services-back-button,.services-service-card{min-height:44px}}.smart-advisory-container{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.smart-advisory-header{background:#fff;border-bottom:1px solid #e9ecef;padding:16px 24px;position:sticky;top:70px;z-index:100}.smart-advisory-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.smart-advisory-brand{display:flex;align-items:center;gap:12px}.smart-advisory-logo{width:32px;height:32px;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff}.smart-advisory-title{font-size:18px;font-weight:700;color:#1f2937;margin:0}.smart-advisory-controls{display:flex;align-items:center;gap:12px}.smart-advisory-farm-select,.smart-advisory-block-select,.smart-advisory-lang-select{padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;font-weight:500;color:#374151;display:flex;align-items:center;gap:8px;transition:all .2s}.smart-advisory-farm-select:hover,.smart-advisory-block-select:hover,.smart-advisory-lang-select:hover{background:#f9fafb;border-color:#d1d5db}.smart-advisory-filters{background:#fff;padding:16px 24px;border-bottom:1px solid #e9ecef;position:sticky;top:134px;z-index:99}.smart-advisory-filters{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.smart-advisory-filters-left,.smart-advisory-filters-right{display:flex;align-items:center;gap:16px}.filter-group{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.filter-select{padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:14px;color:#374151;cursor:pointer}.filter-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer}.filter-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.filter-label{font-size:14px;color:#6b7280;font-weight:500}.smart-advisory-diseases{background:#fff;padding:16px 24px;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:12px;overflow-x:auto;flex-wrap:wrap}.disease-tag{padding:8px 16px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.disease-tag:hover{background:#f9fafb;border-color:#d1d5db}.disease-tag.active{background:#ecfdf5;border-color:#10b981;color:#059669;font-weight:600}.disease-toggle{padding:8px 16px;border:none;background:transparent;font-size:13px;color:#9ca3af;cursor:pointer;font-style:italic}.smart-advisory-content{max-width:1400px;margin:0 auto;padding:24px}.advisory-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:24px}.advisory-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .2s}.advisory-card:hover{box-shadow:0 4px 12px #00000014}.advisory-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.advisory-icon{font-size:28px;flex-shrink:0}.advisory-card-title{font-size:16px;font-weight:700;color:#1f2937;margin:0;line-height:1.4}.advisory-card-subtitle{font-size:18px;font-weight:700;color:#111827;margin:0 0 12px}.advisory-card-description{font-size:14px;color:#4b5563;margin:0 0 16px;line-height:1.6}.advisory-card-bullets{list-style:disc;margin:0 0 16px 20px;padding:0}.advisory-card-bullets li{font-size:14px;color:#4b5563;margin-bottom:8px;line-height:1.5}.advisory-card-tags{display:flex;flex-wrap:wrap;gap:8px}.advisory-tag{padding:4px 12px;background:#f3f4f6;border-radius:12px;font-size:12px;color:#6b7280;font-weight:500}.smart-advisory-footer{background:#fff;border-top:1px solid #e9ecef;padding:24px;margin-top:40px;display:flex;justify-content:space-between;align-items:center}.smart-advisory-footer p{margin:0;font-size:14px;color:#6b7280}.footer-links a{font-size:14px;color:#6b7280;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#374151;text-decoration:underline}@media (max-width: 1024px){.advisory-cards-grid{grid-template-columns:1fr}.smart-advisory-content{padding:20px 16px}}@media (max-width: 768px){.smart-advisory-header{padding:12px 16px;top:60px}.smart-advisory-header-content{flex-direction:column;align-items:flex-start;gap:12px}.smart-advisory-brand{gap:10px}.smart-advisory-logo{width:28px;height:28px}.smart-advisory-title{font-size:16px}.smart-advisory-controls{width:100%;flex-wrap:wrap;gap:10px}.smart-advisory-farm-select,.smart-advisory-block-select,.smart-advisory-lang-select{padding:6px 12px;font-size:13px;flex:1;min-width:120px}.smart-advisory-filters{padding:12px 16px;top:120px}.smart-advisory-filters{flex-direction:column;align-items:flex-start;gap:12px}.smart-advisory-filters-left,.smart-advisory-filters-right{width:100%;flex-wrap:wrap;gap:10px}.filter-group{font-size:13px}.filter-select{padding:6px 10px;font-size:13px}.smart-advisory-diseases{padding:12px 16px;gap:10px}.disease-tag{padding:6px 12px;font-size:13px}.smart-advisory-content{padding:16px 12px}.advisory-cards-grid{grid-template-columns:1fr;gap:16px}.advisory-card{padding:20px}.advisory-icon{font-size:24px}.advisory-card-title{font-size:15px}.advisory-card-subtitle{font-size:16px}.advisory-card-description,.advisory-card-bullets li{font-size:13px}.advisory-tag{padding:4px 10px;font-size:11px}.smart-advisory-footer{flex-direction:column;gap:16px;text-align:center;padding:20px 16px}.footer-links{flex-direction:column;gap:12px}}@media (max-width: 640px){.smart-advisory-header{padding:10px 12px;top:100px}.smart-advisory-logo{width:24px;height:24px}.smart-advisory-title{font-size:14px}.smart-advisory-controls{gap:8px}.smart-advisory-farm-select,.smart-advisory-block-select,.smart-advisory-lang-select{padding:5px 10px;font-size:12px;min-width:100px}.smart-advisory-filters{padding:10px 12px}.filter-select{padding:5px 8px;font-size:12px}.filter-checkbox{font-size:13px}.filter-checkbox input[type=checkbox]{width:16px;height:16px}.smart-advisory-diseases{padding:10px 12px}.disease-tag{padding:5px 10px;font-size:12px}.smart-advisory-content{padding:12px 8px}.advisory-card{padding:16px}.advisory-icon{font-size:22px}.advisory-card-title{font-size:14px}.advisory-card-subtitle{font-size:15px}.advisory-card-description{font-size:12px}.advisory-card-bullets li{font-size:12px;margin-bottom:6px}.advisory-tag{padding:3px 8px;font-size:10px}}@media (max-width: 480px){.smart-advisory-header{padding:8px 10px;top:110px}.smart-advisory-title{font-size:13px}.smart-advisory-controls{flex-direction:column;align-items:stretch;gap:6px}.smart-advisory-farm-select,.smart-advisory-block-select,.smart-advisory-lang-select{width:100%;min-width:auto;justify-content:space-between}.smart-advisory-filters{padding:8px 10px}.smart-advisory-content{padding:10px 6px}.advisory-card{padding:12px}.advisory-card-header{gap:10px}}@media (max-width: 768px){.smart-advisory-header{z-index:100}.smart-advisory-filters{z-index:99}.smart-advisory-diseases{z-index:98}}@media (max-width: 768px){.smart-advisory-farm-select,.smart-advisory-block-select,.smart-advisory-lang-select,.filter-select,.disease-tag,.filter-checkbox{min-height:44px}.disease-tag{display:inline-flex;align-items:center}}@media (max-width: 768px){.smart-advisory-container{overflow-x:hidden}.smart-advisory-diseases{overflow-x:auto;-webkit-overflow-scrolling:touch}}.disease-detection-container{min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.disease-detection-header{background:#fff;border-bottom:1px solid #e9ecef;padding:16px 24px;position:sticky;top:70px;z-index:100}.disease-detection-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.disease-detection-brand{display:flex;align-items:center;gap:12px}.disease-detection-logo{width:32px;height:32px;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff}.disease-detection-title{font-size:18px;font-weight:700;color:#1f2937;margin:0}.add-images-btn{padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.add-images-btn:hover{background:#f9fafb;border-color:#d1d5db}.disease-detection-steps{background:#fff;padding:16px 24px;border-bottom:1px solid #e9ecef;position:sticky;top:134px;z-index:99}.steps-breadcrumb{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:12px}.step-item{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;cursor:pointer;transition:all .2s;background:transparent;color:#6b7280}.step-item.active{background:#d1fae5;color:#059669;font-weight:600}.step-item.completed{color:#374151}.step-item.disabled{color:#9ca3af;cursor:not-allowed}.step-item:not(.disabled):hover{background:#f3f4f6}.step-number{font-weight:700}.step-arrow{color:#d1d5db;flex-shrink:0}.disease-detection-content{max-width:1400px;margin:0 auto;padding:32px 24px}.detection-layout{display:grid;grid-template-columns:1fr 350px;gap:32px}.detection-main{background:#fff;border-radius:12px;padding:32px;border:1px solid #e5e7eb}.sample-type-section{margin-bottom:32px}.section-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.sample-type-buttons{display:flex;gap:12px;flex-wrap:wrap}.sample-type-btn{padding:10px 20px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.sample-type-btn:hover{background:#f9fafb;border-color:#d1d5db}.sample-type-btn.active{background:#d1fae5;border-color:#10b981;color:#059669;font-weight:600}.upload-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.upload-option-btn{padding:24px;border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;font-size:15px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.upload-option-btn:hover{background:#fff;border-color:#10b981}.upload-option-btn svg{color:#6b7280}.uploaded-images{margin-bottom:32px}.uploaded-images-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:16px}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.image-preview{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-image-btn:hover{background:#ef4444;transform:scale(1.1)}.analyze-btn{width:100%;padding:16px 24px;background:#10b981;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px}.analyze-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.analyze-btn:disabled{background:#d1d5db;cursor:not-allowed}.detection-sidebar{position:sticky;top:200px;height:fit-content}.tips-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb}.tips-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.tips-header svg{color:#10b981;flex-shrink:0}.tips-header h3{font-size:16px;font-weight:700;color:#1f2937;margin:0}.tips-list{list-style:none;padding:0;margin:0}.tips-list li{font-size:14px;color:#4b5563;margin-bottom:12px;padding-left:20px;position:relative;line-height:1.5}.tips-list li:before{content:"•";position:absolute;left:0;color:#10b981;font-weight:700}.review-step,.results-step{display:flex;justify-content:center;padding:40px 0}.review-card,.results-card{background:#fff;border-radius:12px;padding:40px;border:1px solid #e5e7eb;max-width:800px;width:100%;text-align:center}.review-card h2,.results-card h2{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 12px}.review-card p,.results-card p{font-size:16px;color:#6b7280;margin:0 0 32px}.disease-detection-footer{background:#fff;border-top:1px solid #e9ecef;padding:24px;margin-top:40px;display:flex;justify-content:space-between;align-items:center}.disease-detection-footer p{margin:0;font-size:14px;color:#6b7280}.footer-links a,.footer-links button{font-size:14px;color:#6b7280;text-decoration:none;background:none;border:none;cursor:pointer;transition:color .2s}.footer-links a:hover,.footer-links button:hover{color:#374151;text-decoration:underline}@media (max-width: 1024px){.detection-layout{grid-template-columns:1fr}.detection-sidebar{position:static}.disease-detection-content{padding:24px 16px}}@media (max-width: 768px){.disease-detection-header{padding:12px 16px;top:60px}.disease-detection-header-content{flex-direction:column;gap:12px}.disease-detection-brand{gap:10px}.disease-detection-logo{width:28px;height:28px}.disease-detection-title{font-size:16px}.add-images-btn{width:100%;padding:8px 14px;font-size:13px}.disease-detection-steps{padding:12px 16px;top:120px}.steps-breadcrumb{gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.step-item{flex-shrink:0;padding:6px 12px;font-size:13px}.disease-detection-content{padding:16px 12px}.detection-main{padding:24px}.section-label{font-size:13px}.sample-type-btn{padding:8px 16px;font-size:13px}.upload-option-btn{padding:20px;font-size:14px}.uploaded-images-title{font-size:15px}.images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.analyze-btn{padding:14px 20px;font-size:15px}.tips-card{padding:20px}.tips-header h3{font-size:15px}.tips-list li{font-size:13px;margin-bottom:10px}.review-card,.results-card{padding:32px}.review-card h2,.results-card h2{font-size:22px}.review-card p,.results-card p{font-size:15px}.disease-detection-footer{flex-direction:column;gap:16px;text-align:center;padding:20px 16px}.footer-links{flex-direction:column;gap:12px}}@media (max-width: 640px){.disease-detection-header{padding:10px 12px;top:100px}.disease-detection-logo{width:24px;height:24px}.disease-detection-title{font-size:14px}.add-images-btn{padding:6px 12px;font-size:12px}.disease-detection-steps{padding:10px 12px}.step-item{padding:5px 10px;font-size:12px}.disease-detection-content{padding:12px 8px}.detection-main{padding:16px}.sample-type-btn{padding:6px 12px;font-size:12px}.upload-options{grid-template-columns:1fr;gap:12px}.upload-option-btn{padding:16px;font-size:13px}.sample-type-buttons{grid-template-columns:repeat(2,1fr);gap:8px}.images-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.analyze-btn{padding:12px 18px;font-size:14px}.tips-card{padding:16px}.tips-header h3{font-size:14px}.tips-list li{font-size:12px;padding-left:16px}.review-card,.results-card{padding:24px}.review-card h2,.results-card h2{font-size:20px}.review-card p,.results-card p{font-size:14px}}@media (max-width: 480px){.disease-detection-header{padding:8px 10px;top:110px}.disease-detection-title{font-size:13px}.disease-detection-steps{padding:8px 10px}.disease-detection-content{padding:10px 6px}.detection-main{padding:12px}.sample-type-buttons{grid-template-columns:1fr}.images-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.tips-card{padding:12px}.review-card,.results-card{padding:20px}}@media (max-width: 768px){.disease-detection-header{z-index:100}.disease-detection-steps{z-index:99}}@media (max-width: 768px){.add-images-btn,.sample-type-btn,.upload-option-btn,.analyze-btn,.step-item{min-height:44px}.remove-image-btn{min-width:32px;min-height:32px}}@media (max-width: 768px){.disease-detection-container{overflow-x:hidden}.steps-breadcrumb{scrollbar-width:thin}.steps-breadcrumb::-webkit-scrollbar{height:4px}.steps-breadcrumb::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}}.disease-detection-container{background-color:#f8fafc;min-height:100vh}.disease-detection-content{max-width:960px;margin:24px auto;padding:0 16px}.disease-detection-back-button-container{display:flex;justify-content:flex-start;margin-bottom:12px}.disease-detection-back-button{padding:8px 14px;background:#f3f4f6;color:#111827;border:1px solid #e5e7eb;border-radius:10px;font-weight:600;cursor:pointer;transition:background-color .2s}.disease-detection-back-button:hover{background-color:#e5e7eb}.disease-detection-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f}.disease-detection-title{font-size:22px;font-weight:800;color:#0f172a;margin:0}.disease-detection-description{color:#64748b;margin-top:6px}.disease-detection-subject-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.disease-detection-subject-button{padding:8px 12px;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s ease}.disease-detection-subject-button-active{border:2px solid #22c55e;background:#ecfdf5;color:#166534}.disease-detection-subject-button-inactive{border:2px solid #e5e7eb;background:#fff;color:#0f172a}.disease-detection-error{margin-top:10px;padding:10px 12px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-weight:600}.disease-detection-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.disease-detection-upload-section{display:flex;flex-direction:column}.disease-detection-upload-title{font-weight:700;color:#0f172a;margin-bottom:8px}.disease-detection-file-input{margin-bottom:12px}.disease-detection-image-preview{margin-top:12px;width:100%;max-height:320px;object-fit:contain;border-radius:12px;border:1px solid #e5e7eb}.disease-detection-camera-section{display:flex;flex-direction:column;gap:10px}.disease-detection-start-camera-button{padding:10px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#f8fafc;font-weight:700;cursor:pointer;transition:all .2s ease}.disease-detection-start-camera-button:disabled{cursor:not-allowed;opacity:.6}.disease-detection-video{width:100%;max-height:320px;background:#000;border-radius:12px}.disease-detection-camera-controls{display:flex;gap:10px}.disease-detection-capture-button{padding:10px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#e0f2fe;font-weight:700;cursor:pointer;color:#075985}.disease-detection-stop-button{padding:10px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#f1f5f9;font-weight:700;cursor:pointer}.disease-detection-canvas{display:none}.disease-detection-analyze-section{margin-top:16px;display:flex;gap:12px;align-items:center}.disease-detection-analyze-button{padding:10px 16px;border-radius:10px;border:none;font-weight:700;cursor:pointer;transition:all .2s ease}.disease-detection-analyze-button-enabled{background:#059669;color:#fff}.disease-detection-analyze-button-disabled{background:#94a3b8;color:#fff;cursor:not-allowed}.disease-detection-status-text{color:#64748b;font-size:14px}@media (max-width: 1024px){.disease-detection-content{padding:0 12px;margin:20px auto}}@media (max-width: 768px){.disease-detection-content{padding:0 10px;margin:16px auto}.disease-detection-back-button-container{margin-bottom:10px}.disease-detection-back-button{padding:8px 12px;font-size:13px;min-height:44px;display:flex;align-items:center;justify-content:center}.disease-detection-card{padding:20px}.disease-detection-title{font-size:20px;letter-spacing:-.5px}.disease-detection-description{font-size:14px}.disease-detection-subject-buttons{gap:8px}.disease-detection-subject-button{padding:8px 14px;font-size:14px;min-height:44px}.disease-detection-upload-grid{grid-template-columns:1fr;gap:20px}.disease-detection-upload-title{font-size:15px}.disease-detection-image-preview,.disease-detection-video{max-height:240px}.disease-detection-start-camera-button,.disease-detection-capture-button,.disease-detection-stop-button{padding:10px 16px;font-size:14px;min-height:44px}.disease-detection-camera-controls{flex-direction:column;gap:8px}.disease-detection-camera-controls button{width:100%}.disease-detection-analyze-section{flex-direction:column;align-items:stretch}.disease-detection-analyze-button{padding:12px 18px;min-height:44px;width:100%;text-align:center}.disease-detection-status-text{text-align:center;font-size:13px}}@media (max-width: 640px){.disease-detection-content{padding:0 8px;margin:12px auto}.disease-detection-card{padding:16px}.disease-detection-title{font-size:18px}.disease-detection-description{font-size:13px}.disease-detection-back-button{padding:6px 10px;font-size:12px}.disease-detection-subject-button{padding:6px 12px;font-size:13px}.disease-detection-upload-title{font-size:14px}.disease-detection-image-preview,.disease-detection-video{max-height:200px}.disease-detection-start-camera-button,.disease-detection-capture-button,.disease-detection-stop-button{padding:8px 14px;font-size:13px}.disease-detection-analyze-button{padding:10px 16px;font-size:14px}.disease-detection-error{padding:8px 10px;font-size:13px}}@media (max-width: 480px){.disease-detection-content{padding:0 6px}.disease-detection-card{padding:12px}.disease-detection-title{font-size:16px}.disease-detection-description{font-size:12px}.disease-detection-image-preview,.disease-detection-video{max-height:180px}}@media (max-width: 768px){.disease-detection-back-button,.disease-detection-subject-button,.disease-detection-start-camera-button,.disease-detection-capture-button,.disease-detection-stop-button,.disease-detection-analyze-button{min-height:44px}}@media (max-width: 768px){.disease-detection-container{overflow-x:hidden}}@media (max-width: 768px){.disease-detection-card{box-shadow:0 4px 12px #00000014;transition:all .25s ease}.disease-detection-subject-button-active{box-shadow:0 2px 8px #22c55e33}.disease-detection-analyze-button-enabled{box-shadow:0 2px 8px #0596694d}.disease-detection-analyze-button-enabled:active,.disease-detection-subject-button:active{transform:scale(.98)}}.dashboard-container{min-height:100vh;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;width:100%}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px;position:sticky;top:70px;z-index:100;width:100%;box-sizing:border-box}.dashboard-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.dashboard-brand{display:flex;align-items:center;gap:12px}.dashboard-logo{width:32px;height:32px;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff}.dashboard-title{font-size:20px;font-weight:700;color:#1f2937;margin:0}.dashboard-controls{display:flex;align-items:center;gap:16px}.online-status{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280;padding:6px 12px;background:#f9fafb;border-radius:6px}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s}.icon-btn:hover{background:#f9fafb;border-color:#d1d5db}.dashboard-content{max-width:1400px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:24px;width:100%;box-sizing:border-box}.dashboard-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb;width:100%;box-sizing:border-box}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.card-icon{width:24px;height:24px;color:#2563eb}.card-title{font-size:18px;font-weight:700;color:#1f2937;margin:0}.advisories-list{display:flex;flex-direction:column;gap:12px}.advisory-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s}.advisory-item:hover{background:#f3f4f6;transform:translate(4px)}.advisory-icon{width:24px;height:24px;flex-shrink:0}.advisory-text{font-size:15px;color:#374151;line-height:1.6;margin:0}.tasks-list{display:flex;flex-direction:column;gap:12px}.task-item{display:flex;align-items:center;gap:14px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s}.task-icon{width:24px;height:24px;flex-shrink:0}.task-icon.completed{color:#10b981}.task-icon.warning{color:#f59e0b}.task-text{flex:1;font-size:15px;color:#374151;line-height:1.5}.task-text.completed{text-decoration:line-through;color:#9ca3af}.task-action-btn{padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.task-action-btn:hover{background:#1d4ed8}.weather-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.weather-stat{padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px}.weather-stat-label{font-size:13px;color:#6b7280;margin-bottom:8px;font-weight:500}.weather-stat-value{font-size:20px;font-weight:700;color:#1f2937}.weather-chart{position:relative;height:200px;background:linear-gradient(to top,#fef3c7,#fef9e7);border-radius:12px;padding:20px;overflow:hidden}.weather-tooltip{position:absolute;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;box-shadow:0 4px 12px #0000001a;transform:translate(-50%);pointer-events:none;top:10px}.tooltip-time{font-size:12px;color:#6b7280}.tooltip-temp{font-size:14px;font-weight:600;color:#1f2937}.iot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.iot-sensor-card{padding:18px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s}.iot-sensor-card:hover{background:#f3f4f6;border-color:#d1d5db}.iot-sensor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.iot-sensor-title{font-size:14px;color:#374151;font-weight:600;line-height:1.4}.iot-status-icon{width:12px;height:12px;flex-shrink:0}.iot-sensor-value{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:4px}.iot-sensor-time{font-size:12px;color:#9ca3af}.traceability-content{display:flex;flex-direction:column;gap:20px}.traceability-info{display:flex;gap:24px;flex-wrap:wrap}.info-item{flex:1;min-width:200px}.info-label{font-size:13px;color:#6b7280;margin-bottom:6px;font-weight:500}.info-value{font-size:16px;color:#1f2937;font-weight:600}.traceability-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.trace-btn{padding:14px 20px;background:#2563eb;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}.trace-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.dashboard-footer{max-width:1400px;margin:0 auto;padding:32px 24px;border-top:1px solid #e5e7eb;background:#fff}.dashboard-footer p{margin:0 0 12px;color:#6b7280;font-size:14px}.footer-links{display:flex;gap:24px}.footer-links a{color:#2563eb;text-decoration:none;font-size:14px;transition:color .2s}.footer-links a:hover{color:#1d4ed8}@media (max-width: 768px){.dashboard-container{background:#f8f9fa}.dashboard-header{padding:12px;top:60px;border-bottom:2px solid #f3f4f6}.dashboard-header-content{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.dashboard-brand{gap:8px;justify-content:flex-start;flex:1;min-width:200px}.dashboard-logo{width:26px;height:26px}.dashboard-title{font-size:16px;font-weight:600}.dashboard-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}.online-status{font-size:10px;padding:6px 10px;min-height:32px;background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;border-radius:6px;font-weight:500}.icon-btn{width:32px;height:32px;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:6px}.icon-btn svg{width:16px;height:16px}.icon-btn:active{background:#f3f4f6;transform:scale(.95)}.dashboard-content{padding:80px 14px 14px;gap:14px}.dashboard-card{padding:16px;border-radius:14px;background:#fff;box-shadow:0 2px 8px #0000000a;border:1px solid #e5e7eb;margin-bottom:0}.card-header{margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid #f3f4f6;gap:10px}.card-icon{width:20px;height:20px}.card-title{font-size:15px;font-weight:600;letter-spacing:-.2px}.advisory-item{padding:13px;gap:10px;border-radius:10px;background:#fafbfc;border:1px solid #f0f1f3;margin-bottom:10px}.advisory-item:active{transform:scale(.98);background:#f5f6f8}.advisory-icon{width:18px;height:18px}.advisory-text{font-size:13px;line-height:1.6;color:#374151}.task-item{padding:13px;gap:10px;border-radius:10px;background:#fafbfc;border:1px solid #f0f1f3}.task-icon{width:18px;height:18px}.task-text{font-size:13px;line-height:1.5}.task-action-btn{padding:6px 12px;font-size:11px;border-radius:6px;min-height:32px;font-weight:500}.task-action-btn:active{transform:scale(.95)}.weather-stats{grid-template-columns:1fr;gap:10px;margin-bottom:14px}.weather-stat{padding:12px 14px;background:#fafbfc;border:1px solid #f0f1f3;border-radius:10px}.weather-stat-label{font-size:11px;margin-bottom:4px;color:#6b7280}.weather-stat-value{font-size:16px;font-weight:600}.weather-chart{height:160px;padding:14px;margin-top:10px}.iot-grid{grid-template-columns:1fr;gap:10px}.iot-sensor-card{padding:14px;background:#fafbfc;border:1px solid #f0f1f3;border-radius:10px}.iot-sensor-title{font-size:12px;line-height:1.4}.iot-sensor-value{font-size:20px;margin:6px 0 4px}.iot-sensor-time{font-size:10px}.traceability-info{gap:12px;flex-direction:column}.info-item{min-width:100%;padding:10px 0;border-bottom:1px solid #f3f4f6}.info-item:last-child{border-bottom:none}.info-label{font-size:11px;margin-bottom:4px}.info-value{font-size:14px}.traceability-actions{grid-template-columns:1fr;gap:10px;margin-top:14px}.trace-btn{padding:12px 16px;font-size:13px;border-radius:8px;min-height:44px;font-weight:500}.trace-btn:active{transform:scale(.98)}.dashboard-footer{padding:20px 12px;background:#f9fafb;margin-top:20px}.dashboard-footer p{font-size:11px;margin-bottom:10px;text-align:center}.footer-links{justify-content:center;gap:16px;font-size:11px}}@media (max-width: 640px){.dashboard-header{top:70px;padding:10px}.dashboard-content{padding:90px 12px 12px;gap:12px}.dashboard-card{padding:16px;border-radius:14px}.card-title{font-size:14px}.advisory-text,.task-text{font-size:12px}.task-action-btn{font-size:10px;padding:5px 10px;min-height:30px}.weather-stat-value{font-size:15px}.iot-sensor-value{font-size:18px}.trace-btn{font-size:12px;padding:11px 14px}}@media (max-width: 480px){.dashboard-header{top:64px;padding:8px}.dashboard-content{padding:85px 10px 10px}.dashboard-card{padding:14px}.card-header{margin-bottom:12px}.card-title{font-size:13px}.advisory-item,.task-item{padding:11px}.online-status{font-size:10px;padding:6px 10px}.icon-btn{width:32px;height:32px}}.msme-dashboard-container{min-height:100vh;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.msme-dashboard-content{max-width:1400px;margin:0 auto;padding:90px 24px 24px}.supplier-welcome-card{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:16px;padding:28px;color:#fff;box-shadow:0 4px 16px #2563eb33;margin-bottom:24px}.supplier-welcome-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:16px}.supplier-welcome-label{font-size:14px;opacity:.9;margin-bottom:4px}.supplier-welcome-name{font-size:28px;font-weight:700;margin-bottom:6px}.supplier-welcome-id{font-size:13px;opacity:.85}.supplier-status-indicator{text-align:right}.supplier-status-label{font-size:12px;opacity:.85;margin-bottom:6px}.supplier-status-badge{display:inline-block;padding:6px 16px;background:#ffffff40;border:1px solid rgba(255,255,255,.4);border-radius:20px;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.supplier-status-badge.active{background:#10b981;border-color:#10b981}.supplier-controls{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.supplier-business-info{flex:1;min-width:200px}.supplier-business-label{font-size:12px;opacity:.85;margin-bottom:4px}.supplier-business-name{font-size:16px;font-weight:600;margin-bottom:4px}.supplier-business-details{font-size:12px;opacity:.85}.supplier-add-product-button{padding:12px 24px;background:#fff;color:#2563eb;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a}.supplier-add-product-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.supplier-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.supplier-kpi-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb;transition:all .2s}.supplier-kpi-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.supplier-kpi-title{font-size:13px;color:#6b7280;margin-bottom:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.supplier-kpi-value{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px}.supplier-kpi-delta{font-size:14px;font-weight:600;padding:4px 10px;border-radius:6px;display:inline-block}.supplier-kpi-delta-positive{background:#d1fae5;color:#065f46}.supplier-kpi-delta-negative{background:#fee2e2;color:#991b1b}.supplier-orders-container{background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb;margin-bottom:24px}.supplier-orders-title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:20px}.supplier-orders-list{display:flex;flex-direction:column;gap:12px}.supplier-order-item{display:grid;grid-template-columns:2fr 1fr auto;gap:16px;align-items:center;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s}.supplier-order-item:hover{background:#f3f4f6;border-color:#d1d5db}.supplier-order-info{display:flex;flex-direction:column;gap:4px}.supplier-order-id{font-size:13px;color:#6b7280;font-weight:500}.supplier-order-customer{font-size:15px;font-weight:700;color:#1f2937}.supplier-order-product{font-size:13px;color:#6b7280}.supplier-order-amount{font-size:18px;font-weight:700;color:#1f2937;text-align:right}.supplier-order-status{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-align:center;white-space:nowrap}.supplier-order-status.processing{background:#fef3c7;color:#92400e}.supplier-order-status.shipped{background:#dbeafe;color:#1e40af}.supplier-order-status.delivered{background:#d1fae5;color:#065f46}.supplier-actions-container{background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb}.supplier-actions-title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:20px}.supplier-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.supplier-action-btn{padding:20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;color:#1f2937;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.supplier-action-btn:hover{background:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.supplier-action-icon{font-size:32px}@media (max-width: 768px){.msme-dashboard-content{padding:140px 14px 14px}.supplier-welcome-card{padding:20px;border-radius:14px;margin-bottom:14px}.supplier-welcome-header{flex-direction:column;gap:14px}.supplier-welcome-label{font-size:12px}.supplier-welcome-name{font-size:22px;margin-bottom:4px}.supplier-welcome-id{font-size:11px}.supplier-status-indicator{text-align:left}.supplier-status-label{font-size:11px}.supplier-status-badge{padding:5px 12px;font-size:11px}.supplier-controls{flex-direction:column;align-items:stretch;gap:14px}.supplier-business-info{min-width:100%}.supplier-business-label{font-size:11px}.supplier-business-name{font-size:14px}.supplier-business-details{font-size:11px}.supplier-add-product-button{width:100%;padding:14px 20px;font-size:14px;min-height:48px;border-radius:10px}.supplier-add-product-button:active{transform:scale(.98)}.supplier-kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}.supplier-kpi-card{padding:16px;border-radius:12px}.supplier-kpi-title{font-size:11px;margin-bottom:8px}.supplier-kpi-value{font-size:24px;margin-bottom:6px}.supplier-kpi-delta{font-size:12px;padding:3px 8px}.supplier-orders-container{padding:18px;border-radius:14px;margin-bottom:14px}.supplier-orders-title{font-size:16px;margin-bottom:14px}.supplier-orders-list{gap:10px}.supplier-order-item{grid-template-columns:1fr;gap:10px;padding:14px;border-radius:10px}.supplier-order-info{gap:4px}.supplier-order-id{font-size:11px}.supplier-order-customer{font-size:14px}.supplier-order-product{font-size:12px}.supplier-order-amount{font-size:16px;text-align:left}.supplier-order-status{padding:5px 12px;font-size:11px;align-self:flex-start}.supplier-actions-container{padding:18px;border-radius:14px}.supplier-actions-title{font-size:16px;margin-bottom:14px}.supplier-actions-grid{grid-template-columns:repeat(2,1fr);gap:10px}.supplier-action-btn{padding:16px;border-radius:10px;font-size:12px;min-height:100px;gap:8px}.supplier-action-btn:active{transform:scale(.95)}.supplier-action-icon{font-size:28px}}@media (max-width: 640px){.msme-dashboard-content{padding:170px 12px 12px}.supplier-welcome-card{padding:18px}.supplier-welcome-name{font-size:20px}.supplier-kpi-grid{grid-template-columns:1fr;gap:10px}.supplier-kpi-card{padding:14px}.supplier-kpi-value{font-size:28px}.supplier-orders-container{padding:16px}.supplier-order-item{padding:12px}.supplier-actions-grid{grid-template-columns:1fr;gap:10px}.supplier-action-btn{flex-direction:row;justify-content:flex-start;padding:14px;gap:12px;min-height:auto}.supplier-action-icon{font-size:24px}}@media (max-width: 480px){.msme-dashboard-content{padding:160px 10px 10px}.supplier-welcome-card{padding:16px;border-radius:12px}.supplier-welcome-name{font-size:18px}.supplier-kpi-card{padding:12px}.supplier-kpi-value{font-size:24px}.supplier-orders-container,.supplier-actions-container{padding:14px;border-radius:12px}.supplier-orders-title,.supplier-actions-title{font-size:15px}.supplier-order-customer{font-size:13px}.supplier-order-amount{font-size:15px}.supplier-action-btn{padding:12px;font-size:11px}}.product-management-container{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #0000001a;border:1px solid #e9ecef}.product-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.product-management-title h2{font-size:24px;font-weight:600;color:#212529;margin:0 0 4px}.product-management-title p{font-size:14px;color:#6c757d;margin:0}.add-product-btn{background:#007bff;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;gap:8px}.add-product-btn:hover{background:#0056b3}.add-product-btn span{font-size:18px;font-weight:700}.product-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#f8f9fa;border-radius:12px;padding:20px;text-align:center;border:1px solid #e9ecef}.stat-number{font-size:28px;font-weight:600;color:#212529;margin-bottom:4px}.stat-label{font-size:12px;color:#6c757d;font-weight:500}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.product-card{background:#fff;border-radius:12px;border:1px solid #e9ecef;overflow:hidden;transition:all .2s ease;box-shadow:0 2px 8px #0000000d}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.product-image{position:relative;height:200px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.stock-badge{position:absolute;top:12px;right:12px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500}.stock-badge.in-stock{background:#d4edda;color:#155724}.stock-badge.out-of-stock{background:#f8d7da;color:#721c24}.product-info{padding:16px}.product-name{font-size:16px;font-weight:600;color:#212529;margin:0 0 8px;line-height:1.3}.product-description{font-size:13px;color:#6c757d;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.product-price{font-size:16px;font-weight:600;color:#28a745}.product-category{font-size:12px;color:#6c757d;background:#f8f9fa;padding:4px 8px;border-radius:4px}.product-metrics{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.eco-score{display:flex;align-items:center;gap:4px}.eco-label{font-size:11px;color:#6c757d}.eco-value{font-size:12px;font-weight:600;color:#28a745}.product-rating{display:flex;align-items:center;gap:4px}.rating-stars{font-size:12px}.rating-value{font-size:12px;font-weight:600;color:#212529}.rating-reviews{font-size:11px;color:#6c757d}.product-stock{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stock-label{font-size:12px;color:#6c757d}.stock-value{font-size:12px;font-weight:500;color:#212529}.product-actions{display:flex;gap:8px;padding:0 16px 16px}.edit-btn,.delete-btn{flex:1;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.edit-btn{background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.edit-btn:hover{background:#bbdefb}.delete-btn{background:#ffebee;color:#d32f2f;border:1px solid #ffcdd2}.delete-btn:hover{background:#ffcdd2}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:20px;font-weight:600;color:#212529;margin:0 0 8px}.empty-state p{font-size:14px;color:#6c757d;margin:0 0 24px}.add-first-product-btn{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.add-first-product-btn:hover{background:#0056b3}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e9ecef;margin-bottom:24px}.modal-header h3{font-size:20px;font-weight:600;color:#212529;margin:0}.close-btn{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.close-btn:hover{background:#f8f9fa}.product-form{padding:0 24px 24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#212529;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:1px solid #e9ecef;border-radius:8px;font-size:14px;transition:border-color .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #e9ecef}.cancel-btn,.submit-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn{background:#f8f9fa;color:#6c757d;border:1px solid #e9ecef}.cancel-btn:hover{background:#e9ecef}.submit-btn{background:#007bff;color:#fff;border:none}.submit-btn:hover{background:#0056b3}@media (max-width: 768px){.product-management-container{padding:16px}.product-management-header{flex-direction:column;gap:16px;align-items:stretch}.product-stats{grid-template-columns:repeat(2,1fr)}.products-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.modal-header,.product-form{padding-left:16px;padding-right:16px}}@media (max-width: 480px){.product-stats{grid-template-columns:1fr}.product-actions{flex-direction:column}.product-details,.product-metrics{flex-direction:column;align-items:flex-start;gap:8px}}.image-upload-container{margin-bottom:16px}.file-input{display:none}.file-input-label{display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px dashed #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#f8f9fa;text-align:center;justify-content:center}.file-input-label:hover{border-color:#007bff;background:#e3f2fd}.upload-icon{font-size:20px}.upload-text{font-size:14px;font-weight:500;color:#495057}.image-preview{position:relative;margin-top:12px;display:inline-block}.image-preview img{width:120px;height:120px;object-fit:cover;border-radius:8px;border:1px solid #e9ecef}.remove-image-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#dc3545;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:background .2s ease}.remove-image-btn:hover{background:#c82333}.submit-btn:disabled{background:#6c757d;cursor:not-allowed}.submit-btn:disabled:hover{background:#6c757d}.role-error-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px 20px}.role-error-message{text-align:center;background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 20px #0000001a;border:1px solid #e9ecef;max-width:500px}.role-error-message h3{color:#dc3545;font-size:24px;margin:0 0 16px}.role-error-message p{color:#6c757d;font-size:16px;margin:0 0 24px;line-height:1.5}.login-redirect-btn{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s ease}.login-redirect-btn:hover{background:#0056b3}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:16px;color:#6c757d}.supplier-products-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:0}.supplier-products-content{padding:20px;max-width:1200px;margin:0 auto}.supplier-products-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a;border:1px solid #e9ecef}.supplier-products-title h1{font-size:28px;font-weight:600;color:#212529;margin:0 0 8px}.supplier-products-title p{font-size:16px;color:#6c757d;margin:0}.supplier-products-actions{display:flex;align-items:center;gap:12px}.back-to-dashboard-btn{background:#6c757d;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;gap:8px}.back-to-dashboard-btn:hover{background:#5a6268}@media (max-width: 768px){.supplier-products-content{padding:15px}.supplier-products-header{flex-direction:column;gap:16px;align-items:stretch}.supplier-products-title h1{font-size:24px}.supplier-products-title p{font-size:14px}.supplier-products-actions{justify-content:flex-start}}@media (max-width: 480px){.supplier-products-content{padding:10px}.supplier-products-header{padding:16px}.supplier-products-title h1{font-size:20px}.back-to-dashboard-btn{padding:10px 16px;font-size:13px}}.analytics-page-container{min-height:100vh;background:#f5f5f5}.analytics-page-content{max-width:1400px;margin:0 auto;padding:24px}.analytics-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.analytics-page-header h1{font-size:28px;font-weight:700;color:#1f2937;margin:0}.analytics-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.analytics-stat-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.analytics-stat-title{font-size:14px;color:#6c757d;margin-bottom:12px;font-weight:500}.analytics-stat-value{font-size:32px;font-weight:700;color:#212529;margin-bottom:8px}.analytics-stat-trend{font-size:13px;font-weight:500}.analytics-stat-trend.positive{color:#28a745}.analytics-stat-trend.negative{color:#dc3545}.analytics-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.analytics-section h4{font-size:18px;font-weight:600;color:#212529;margin:0 0 20px}.analytics-table{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.analytics-table-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:16px 20px;border-bottom:1px solid #e9ecef}.analytics-table-row:last-child{border-bottom:none}.analytics-table-row.header{background:#f8f9fa;font-weight:600;font-size:14px;color:#495057}.analytics-table-row:not(.header){font-size:14px;color:#212529;transition:background .2s}.analytics-table-row:not(.header):hover{background:#f8f9fa}.analytics-chart{height:250px;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:12px;background:#f8f9fa}.analytics-chart svg{width:100%;height:100%}.analytics-months{display:flex;justify-content:space-between;padding:0 20px;font-size:13px;color:#6c757d;font-weight:500}.category-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.category-stat-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center}.category-name{font-size:14px;color:#6c757d;margin-bottom:8px;font-weight:500}.category-value{font-size:24px;font-weight:700;color:#212529;margin-bottom:4px}.category-percentage{font-size:16px;color:#10b981;font-weight:600}@media (max-width: 1024px){.analytics-page-content{padding:20px 16px}.analytics-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.analytics-page-content{padding:16px 12px}.analytics-page-header{flex-direction:column;align-items:flex-start;gap:12px}.analytics-page-header h1{font-size:24px;letter-spacing:-.5px}.back-to-dashboard-btn{width:100%;text-align:center;justify-content:center;display:flex;padding:12px 20px;min-height:44px}.analytics-stats-grid{grid-template-columns:1fr;gap:16px}.analytics-stat-card{padding:20px}.analytics-stat-value{font-size:28px}.analytics-section{padding:20px}.analytics-section h4{font-size:16px}.analytics-table-row{grid-template-columns:1fr;gap:8px;padding:12px 16px}.analytics-chart{height:200px;padding:16px}.analytics-months{padding:0 16px;font-size:12px}.category-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-stat-card{padding:16px}.category-value{font-size:20px}}@media (max-width: 640px){.analytics-page-content{padding:12px 8px}.analytics-page-header h1{font-size:20px}.back-to-dashboard-btn{padding:10px 16px;font-size:13px}.analytics-stat-card{padding:16px}.analytics-stat-title{font-size:13px}.analytics-stat-value{font-size:24px}.analytics-section{padding:16px}.analytics-section h4{font-size:15px}.analytics-table-row{padding:10px 12px}.analytics-table-row.header{font-size:13px}.analytics-table-row:not(.header){font-size:13px}.analytics-chart{height:180px;padding:12px}.analytics-months{padding:0 12px;font-size:11px}.category-stats-grid{grid-template-columns:1fr;gap:10px}.category-stat-card{padding:14px}.category-name{font-size:13px}.category-value{font-size:18px}.category-percentage{font-size:14px}}@media (max-width: 480px){.analytics-page-content{padding:10px 6px}.analytics-page-header h1{font-size:18px}.back-to-dashboard-btn{padding:8px 14px;font-size:12px}.analytics-stat-card{padding:12px}.analytics-stat-value{font-size:20px}.analytics-section{padding:12px}.analytics-chart{height:150px;padding:10px}}@media (max-width: 768px){.back-to-dashboard-btn,.analytics-table-row{min-height:44px}}@media (max-width: 768px){.analytics-page-container{overflow-x:hidden}}@media (max-width: 768px){.analytics-stat-card,.analytics-section,.category-stat-card{box-shadow:0 4px 12px #00000014;transition:all .25s ease}.analytics-stat-card:active,.category-stat-card:active{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}}.payment-history-page-container{min-height:100vh;background:#f5f5f5}.payment-history-page-content{max-width:1400px;margin:0 auto;padding:24px}.payment-history-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.payment-history-page-header h1{font-size:28px;font-weight:700;color:#1f2937;margin:0}.payments-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.payment-summary-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.payment-summary-label{font-size:14px;color:#6c757d;margin-bottom:12px;font-weight:500}.payment-summary-value{font-size:32px;font-weight:700;color:#212529}.payment-summary-value.pending{color:#ffc107}.payments-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.payments-section h3{font-size:20px;font-weight:600;color:#212529;margin:0 0 20px}.payments-list{display:flex;flex-direction:column;gap:12px}.payment-item{display:grid;grid-template-columns:120px 1fr 120px 120px;gap:20px;padding:20px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;align-items:center;transition:all .2s}.payment-item:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.payment-date{font-size:14px;color:#6c757d;font-weight:500}.payment-details{display:flex;flex-direction:column;gap:6px}.payment-order{font-size:15px;font-weight:600;color:#212529}.payment-customer{font-size:14px;color:#6c757d}.payment-amount{font-size:18px;font-weight:700;color:#212529;text-align:right}.payment-status{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;text-align:center}.payment-status.completed{background:#d4edda;color:#155724}.payment-status.pending{background:#fff3cd;color:#856404}@media (max-width: 1024px){.payment-history-page-content{padding:20px 16px}.payments-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.payment-history-page-content{padding:16px 12px}.payment-history-page-header{flex-direction:column;align-items:flex-start;gap:12px}.payment-history-page-header h1{font-size:24px;letter-spacing:-.5px}.back-to-dashboard-btn{width:100%;text-align:center;justify-content:center;display:flex;padding:12px 20px;min-height:44px}.payments-summary{grid-template-columns:1fr;gap:16px}.payment-summary-card{padding:20px}.payment-summary-value{font-size:28px}.payments-section{padding:20px}.payments-section h3{font-size:18px}.payment-item{grid-template-columns:1fr;gap:12px;padding:16px}.payment-date{font-size:13px}.payment-order{font-size:14px}.payment-customer{font-size:13px}.payment-amount{text-align:left;font-size:16px}.payment-status{width:fit-content}}@media (max-width: 640px){.payment-history-page-content{padding:12px 8px}.payment-history-page-header h1{font-size:20px}.back-to-dashboard-btn{padding:10px 16px;font-size:13px}.payment-summary-card{padding:16px}.payment-summary-label{font-size:13px}.payment-summary-value{font-size:24px}.payments-section{padding:16px}.payments-section h3{font-size:17px}.payment-item{padding:14px}.payment-date{font-size:12px}.payment-order{font-size:13px}.payment-customer{font-size:12px}.payment-amount{font-size:15px}.payment-status{padding:6px 12px;font-size:12px}}@media (max-width: 480px){.payment-history-page-content{padding:10px 6px}.payment-history-page-header h1{font-size:18px}.back-to-dashboard-btn{padding:8px 14px;font-size:12px}.payment-summary-card{padding:12px}.payment-summary-value{font-size:20px}.payments-section{padding:12px}.payments-section h3{font-size:16px}.payment-item{padding:12px}}@media (max-width: 768px){.back-to-dashboard-btn,.payment-item{min-height:44px}}@media (max-width: 768px){.payment-history-page-container{overflow-x:hidden}}@media (max-width: 768px){.payment-summary-card,.payments-section,.payment-item{box-shadow:0 4px 12px #00000014;transition:all .25s ease}.payment-summary-card:active,.payment-item:active{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}}.customer-support-page-container{min-height:100vh;background:#f5f5f5}.customer-support-page-content{max-width:1400px;margin:0 auto;padding:24px}.customer-support-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.customer-support-page-header h1{font-size:28px;font-weight:700;color:#1f2937;margin:0}.back-to-dashboard-btn{padding:10px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.back-to-dashboard-btn:hover{background:#f9fafb;border-color:#d1d5db}.support-contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.support-info-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:28px;text-align:center;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 8px #0000000d;transition:all .2s}.support-info-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.support-icon{font-size:40px}.support-info-label{font-size:14px;color:#6c757d;font-weight:600}.support-info-value{font-size:18px;color:#212529;font-weight:600}.support-action-btn{background:#007bff;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.support-action-btn:hover{background:#0056b3}.support-section{background:#fff;border-radius:12px;padding:28px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.support-section h3{font-size:20px;font-weight:600;color:#212529;margin:0 0 24px}.support-tickets-list{display:flex;flex-direction:column;gap:12px}.support-ticket{display:grid;grid-template-columns:120px 1fr 140px 120px;gap:20px;padding:20px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;align-items:center;transition:all .2s}.support-ticket:hover{background:#e9ecef;transform:translate(4px)}.ticket-id{font-size:14px;color:#6c757d;font-weight:600}.ticket-subject{font-size:15px;color:#212529;font-weight:500}.ticket-date{font-size:13px;color:#6c757d}.ticket-status{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;text-align:center}.ticket-status.open{background:#fff3cd;color:#856404}.ticket-status.resolved{background:#d4edda;color:#155724}.support-form{display:flex;flex-direction:column;gap:20px}.support-form .form-group{display:flex;flex-direction:column;gap:8px}.support-form label{font-size:14px;font-weight:600;color:#495057}.support-form input,.support-form select,.support-form textarea{padding:12px 16px;border:1px solid #ced4da;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.support-form input:focus,.support-form select:focus,.support-form textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.submit-ticket-btn{background:#28a745;color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;align-self:flex-start}.submit-ticket-btn:hover{background:#218838}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{padding:20px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;transition:all .2s}.faq-item:hover{background:#e9ecef}.faq-question{font-size:16px;font-weight:600;color:#212529;margin-bottom:8px}.faq-answer{font-size:14px;color:#6c757d;line-height:1.6}@media (max-width: 1024px){.customer-support-page-content{padding:20px 16px}.support-contact-info{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.customer-support-page-content{padding:16px 12px}.customer-support-page-header{flex-direction:column;align-items:flex-start;gap:12px}.customer-support-page-header h1{font-size:24px;letter-spacing:-.5px}.back-to-dashboard-btn{width:100%;text-align:center;justify-content:center;display:flex;padding:12px 20px;min-height:44px}.support-contact-info{grid-template-columns:1fr;gap:16px}.support-info-card{padding:24px}.support-icon{font-size:36px}.support-info-value{font-size:16px}.support-action-btn{padding:12px 18px;min-height:44px}.support-section{padding:24px}.support-section h3{font-size:18px}.support-ticket{grid-template-columns:1fr;gap:12px;padding:16px}.ticket-id,.ticket-subject,.ticket-date{text-align:left}.ticket-status{width:fit-content}.support-form input,.support-form select,.support-form textarea{font-size:16px}.submit-ticket-btn{width:100%;padding:14px 24px;min-height:44px}.faq-item{padding:16px}.faq-question{font-size:15px}.faq-answer{font-size:13px}}@media (max-width: 640px){.customer-support-page-content{padding:12px 8px}.customer-support-page-header h1{font-size:20px}.back-to-dashboard-btn{padding:10px 16px;font-size:13px}.support-info-card{padding:20px}.support-icon{font-size:32px}.support-info-label{font-size:13px}.support-info-value{font-size:15px}.support-action-btn{padding:10px 16px;font-size:13px}.support-section{padding:20px}.support-section h3{font-size:17px}.support-ticket{padding:14px}.ticket-id,.ticket-subject{font-size:14px}.ticket-date{font-size:12px}.ticket-status{padding:6px 12px;font-size:12px}.support-form input,.support-form select,.support-form textarea{padding:10px 14px}.submit-ticket-btn{padding:12px 20px}.faq-item{padding:14px}.faq-question{font-size:14px}.faq-answer{font-size:12px}}@media (max-width: 480px){.customer-support-page-content{padding:10px 6px}.customer-support-page-header h1{font-size:18px}.back-to-dashboard-btn{padding:8px 14px;font-size:12px}.support-info-card{padding:16px}.support-icon{font-size:28px}.support-section{padding:16px}.support-section h3{font-size:16px}.support-ticket,.faq-item{padding:12px}}@media (max-width: 768px){.back-to-dashboard-btn,.support-action-btn,.submit-ticket-btn,.support-ticket,.faq-item{min-height:44px}}@media (max-width: 768px){.customer-support-page-container{overflow-x:hidden}}@media (max-width: 768px){.support-info-card,.support-section,.faq-item{box-shadow:0 4px 12px #00000014;transition:all .25s ease}.support-info-card:active,.faq-item:active{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.support-action-btn,.submit-ticket-btn{box-shadow:0 2px 8px #007bff33}.support-action-btn:active,.submit-ticket-btn:active{transform:scale(.98)}}@tailwind base;@tailwind components;@tailwind utilities;*{-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@media screen and (max-width: 768px){input[type=text],input[type=email],input[type=number],input[type=tel],input[type=password],input[type=search],select,textarea{font-size:16px!important}}img{max-width:100%;height:auto}@media (max-width: 768px){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}button,.button,[role=button]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}@media (max-width: 768px){body{padding:0;margin:0}}