@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background .3s,color .3s}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body.dark-mode{background:#111;color:#eee}.home-container{align-items:center;background:#f8fafc;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center;transition:background .3s,color .3s}.home-logo{color:#16a34a;font-size:48px}.home-tagline{color:#111827;font-size:22px;margin-top:10px}.home-desc{color:#6b7280;margin-top:15px;width:400px}.home-buttons{margin-top:30px}.home-login-btn{background:#16a34a;border:none;border-radius:8px;box-shadow:0 4px 14px #16a34a4d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-right:15px;padding:12px 30px;transition:background .2s,transform .1s}.home-login-btn:hover{background:#15803d;transform:scale(1.02)}.home-register-btn{background:#fff;border:2px solid #16a34a;border-radius:8px;color:#16a34a;cursor:pointer;font-size:15px;font-weight:700;padding:12px 30px;transition:background .2s}.home-register-btn:hover{background:#f0fdf4}body.dark-mode .home-container{background:#0f172a}body.dark-mode .home-logo{color:#16a34a}body.dark-mode .home-tagline{color:#e2e8f0}body.dark-mode .home-desc{color:#94a3b8}body.dark-mode .home-register-btn{background:#0000;border-color:#4ade80;color:#4ade80}body.dark-mode .home-register-btn:hover{background:#1a2e1f}.auth-container{background-color:#f8fafc;font-family:Nunito,sans-serif;justify-content:center;min-height:100vh;padding:24px;transition:background .3s,color .3s}.auth-card,.auth-container{align-items:center;display:flex}.auth-card{background:#fff;border-radius:20px;box-shadow:0 8px 32px #00000014;flex-direction:column;gap:18px;max-width:440px;padding:36px 40px 32px;transition:background .3s,box-shadow .3s;width:100%}.auth-logo{align-items:center;background:#dcfce7;border-radius:16px;display:flex;height:96px;justify-content:center;overflow:hidden;width:96px}.auth-logo img{height:100%;object-fit:contain;width:100%}.auth-logo:after{color:#15803d;content:attr(data-initials);font-size:28px;font-weight:800}.auth-tagline{color:#16a34a;font-size:15px;font-weight:600;letter-spacing:.01em;margin:0;text-align:center}.auth-tabs{background:#f1f5f9;border-radius:999px;display:flex;gap:0;padding:4px;transition:background .3s;width:100%}.auth-tab{border-radius:999px;color:#6b7280;flex:1 1;font-size:14px;font-weight:700;padding:10px 0;text-align:center;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s}.auth-tab.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#111827}.auth-field{display:flex;flex-direction:column;gap:6px;width:100%}.auth-field label{color:#111827;font-size:13px;font-weight:700;transition:color .3s}.auth-field input{background:#f1f5f9;border:none;border-radius:10px;box-sizing:border-box;color:#111827;font-family:Nunito,sans-serif;font-size:14px;outline:none;padding:12px 16px;transition:box-shadow .2s,background .3s,color .3s;width:100%}.auth-field input::placeholder{color:#9ca3af}.auth-field input:focus{background:#f0fdf4;box-shadow:0 0 0 2.5px #16a34a55}.password-wrapper{position:relative;width:100%}.password-wrapper input{padding-right:44px}.toggle-eye{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s}.toggle-eye:hover{color:#16a34a}.auth-btn{align-items:center;background:#16a34a;border:none;border-radius:12px;box-shadow:0 4px 14px #16a34a59;color:#fff;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.01em;padding:14px;transition:background .2s,transform .1s,box-shadow .2s;width:100%}.auth-btn:hover{background:#15803d;box-shadow:0 6px 18px #16a34a73}.auth-btn:active{transform:scale(.98)}.auth-banner{align-items:flex-start;background:#f0fdf4;border-radius:12px;box-sizing:border-box;display:flex;gap:10px;padding:14px 16px;width:100%}.banner-icon{flex-shrink:0;font-size:18px;margin-top:1px}.auth-banner p{color:#15803d;font-size:13px;line-height:1.6;margin:0;text-align:left}.auth-banner strong{color:#14532d}.auth-forgot-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;margin-top:8px;padding:4px 0;text-align:center;transition:opacity .2s;width:100%}.auth-forgot-btn:hover{opacity:.7}.forgot-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.forgot-back{background:none;border:none;color:#2563eb;cursor:pointer;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;padding:0}.forgot-title{color:#111827;font-size:18px;font-weight:800;margin:0}.forgot-steps{gap:8px;justify-content:center;margin-bottom:20px}.forgot-step,.forgot-steps{align-items:center;display:flex}.forgot-step{flex-direction:column;gap:4px}.forgot-step span{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;transition:all .3s;width:28px}.forgot-step.active span{background:#16a34a;color:#fff}.forgot-step label{color:#6b7280;font-size:10px;font-weight:600}.forgot-step.active label{color:#16a34a}.forgot-step-line{background:#e5e7eb;height:2px;margin-bottom:14px;width:40px}.forgot-desc{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 14px}.forgot-question-box{background:#f0fdf4;border:1px solid #16a34a;border-radius:10px;color:#14532d;font-size:13px;font-weight:600;line-height:1.5;padding:12px 14px}.forgot-error{background:#fff0f0;border:1px solid #fca5a5;border-radius:8px;color:#ef4444;font-size:13px;font-weight:600;margin:0 0 12px;padding:10px 14px}.forgot-success{align-items:center;display:flex;flex-direction:column;gap:10px;padding:20px 0;text-align:center}.forgot-success span{font-size:48px}.forgot-success h3{color:#16a34a;font-size:20px;font-weight:800;margin:0}.forgot-success p{color:#6b7280;font-size:14px;margin:0}.auth-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#111827;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;outline:none;padding:12px 14px;transition:border-color .2s;width:100%}.auth-select:focus{border-color:#16a34a}body.dark-mode .auth-container{background-color:#0f172a}body.dark-mode .auth-card{background:#1e293b;box-shadow:0 8px 32px #0006}body.dark-mode .auth-tagline{color:#16a34a}body.dark-mode .auth-tabs{background:#334155}body.dark-mode .auth-tab{color:#94a3b8}body.dark-mode .auth-tab.active{background:#0f172a;color:#e2e8f0}body.dark-mode .auth-field label{color:#e2e8f0}body.dark-mode .auth-field input{background:#334155;color:#e2e8f0}body.dark-mode .auth-field input::placeholder{color:#64748b}body.dark-mode .auth-field input:focus{background:#1e3a2e;box-shadow:0 0 0 2.5px #16a34a55}body.dark-mode .auth-banner{background:#1a2e1f}body.dark-mode .auth-banner p{color:#4ade80}body.dark-mode .auth-banner strong{color:#86efac}.dash-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:12px 30px;position:sticky;top:0;transition:background .3s,border-color .3s;z-index:100}.dash-header,.dash-left{align-items:center;display:flex}.dash-left{flex:1 1;gap:30px}.logo{cursor:pointer;object-fit:contain;transition:.2s}.logo:hover{transform:scale(1.05)}.dash-nav{display:flex;gap:20px;margin-left:auto;margin-right:20px}.dash-nav a{color:#374151;font-weight:600;text-decoration:none;transition:color .2s}.dash-nav a:hover{color:#16a34a}.dash-right{position:relative}.profile img{object-fit:cover}.initials,.profile img{border-radius:50%;cursor:pointer;height:38px;width:38px}.initials{align-items:center;background:#16a34a;color:#fff;display:flex;font-weight:700;justify-content:center}.dropdown{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;padding:10px 0;position:absolute;right:0;top:50px;transition:background .3s;width:180px}.dropdown p{color:#111827;cursor:pointer;font-size:14px;padding:10px 15px;transition:background .2s}.dropdown p:hover{background:#f0fdf4;color:#16a34a}body.dark-mode .dash-header{background:#1e293b;border-bottom:1px solid #334155}body.dark-mode .dash-nav a{color:#cbd5e1}body.dark-mode .dash-nav a:hover{color:#16a34a}body.dark-mode .dropdown{background:#1e293b;box-shadow:0 4px 20px #0006}body.dark-mode .dropdown p{color:#cbd5e1}body.dark-mode .dropdown p:hover{background:#334155}.footer{background:#000;color:#fff;margin-top:0;padding:20px;text-align:center}.dash-layout{background-color:#f8fafc;display:flex;flex-direction:column;min-height:100vh;transition:background .3s}.dash-content{flex:1 1;padding:20px}body.dark-mode .dash-layout{background-color:#0f172a}.dash-page{display:flex;flex-direction:column;font-family:Nunito,sans-serif;gap:24px;margin:0 auto;max-width:1200px;padding:30px 20px}.dash-hero{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:20px;color:#fff;display:flex;justify-content:space-between;padding:36px 40px}.dash-hero-left h1{font-size:28px;font-weight:800;margin:0 0 8px}.dash-hero-left p{font-size:15px;margin:0 0 20px;opacity:.9}.dash-hero-btns{display:flex;flex-wrap:wrap;gap:12px}.dash-btn-primary{background:#fff;border:none;border-radius:10px;color:#16a34a;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:11px 24px;transition:transform .1s}.dash-btn-primary:hover{transform:scale(1.03)}.dash-btn-secondary{background:#fff3;border:2px solid #fff9;border-radius:10px;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:11px 24px;transition:background .2s}.dash-btn-secondary:hover{background:#ffffff4d}.dash-hero-icon{font-size:80px;opacity:.3}.dash-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.dash-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 10px #0000000f;cursor:pointer;display:flex;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s}.dash-stat-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.dash-stat-icon{font-size:32px}.dash-stat-num{display:block;font-size:28px;font-weight:800}.dash-stat-label{color:#6b7280;font-size:12px;font-weight:600}.dash-stat-card.green .dash-stat-num{color:#16a34a}.dash-stat-card.blue .dash-stat-num{color:#2563eb}.dash-stat-card.teal .dash-stat-num{color:#0891b2}.dash-stat-card.amber .dash-stat-num{color:#d97706}.dash-bottom{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 340px}.dash-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 10px #0000000f;padding:24px}.dash-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.dash-card h2{color:#111827;font-size:17px;font-weight:800;margin:0 0 16px}.dash-card-header h2{margin:0}.dash-card-header button{background:none;border:none;color:#2563eb;cursor:pointer;font-family:Nunito,sans-serif;font-size:13px;font-weight:700}.dash-recent-list{display:flex;flex-direction:column;gap:10px}.dash-recent-item{align-items:center;border:1px solid #f1f5f9;border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:12px;transition:background .2s}.dash-recent-img,.dash-recent-item:hover{background:#f0fdf4}.dash-recent-img{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:22px;height:52px;justify-content:center;overflow:hidden;width:52px}.dash-recent-img img{height:100%;object-fit:cover;width:100%}.dash-recent-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.dash-recent-info strong{color:#111827;font-size:14px}.dash-recent-info span{color:#6b7280;font-size:12px}.dash-eco-tag{background:#f0fdf4;border-radius:999px;color:#16a34a;flex-shrink:0;font-size:11px;font-weight:700;padding:3px 10px}.dash-right-col{gap:20px}.dash-actions,.dash-right-col{display:flex;flex-direction:column}.dash-actions{gap:8px}.dash-actions button{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:12px 16px;text-align:left;transition:background .2s,border-color .2s}.dash-actions button:hover{background:#f0fdf4;border-color:#16a34a;color:#16a34a}.dash-impact-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.dash-impact-row{align-items:center;background:#f8fafc;border-radius:8px;color:#6b7280;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.dash-impact-row strong{color:#16a34a;font-size:16px}.dash-impact-note{background:#f0fdf4;border-radius:8px;color:#6b7280;font-size:12px;margin:0;padding:10px;text-align:center}.dash-loading{display:flex;justify-content:center;padding:30px}.dash-spinner{animation:spin .7s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#16a34a;height:30px;width:30px}.dash-empty{color:#6b7280;font-size:14px;padding:20px 0;text-align:center}body.dark-mode .dash-hero{background:linear-gradient(135deg,#14532d,#0f3d20)}body.dark-mode .dash-stat-card{background:#1e293b;border-color:#334155}body.dark-mode .dash-stat-label{color:#64748b}body.dark-mode .dash-card{background:#1e293b;border-color:#334155}body.dark-mode .dash-card h2{color:#e2e8f0}body.dark-mode .dash-recent-item{border-color:#334155}body.dark-mode .dash-recent-item:hover{background:#1a2e1f}body.dark-mode .dash-recent-info strong{color:#e2e8f0}body.dark-mode .dash-recent-info span{color:#64748b}body.dark-mode .dash-actions button{background:#334155;border-color:#475569;color:#cbd5e1}body.dark-mode .dash-actions button:hover{background:#1a2e1f;border-color:#16a34a;color:#16a34a}body.dark-mode .dash-impact-row{background:#0f172a;color:#94a3b8}body.dark-mode .dash-impact-note{background:#1a2e1f;color:#64748b}@media (max-width:900px){.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-bottom{grid-template-columns:1fr}.dash-hero{flex-direction:column;gap:16px}.dash-hero-icon{display:none}}.admin-page{display:flex;flex-direction:column;font-family:Nunito,sans-serif;gap:24px;margin:0 auto;max-width:1200px;padding:30px 20px}.admin-hero{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;color:#fff;display:flex;justify-content:space-between;padding:32px 36px}.admin-hero-left h1{font-size:26px;font-weight:800;margin:0 0 8px}.admin-hero-left p{font-size:14px;margin:0;opacity:.7}.admin-hero-badge{background:#16a34a;border-radius:999px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.12em;padding:8px 20px}.admin-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(6,1fr)}@media (max-width:1000px){.admin-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.admin-stats{grid-template-columns:repeat(2,1fr)}}.admin-stat-box{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:18px 14px;text-align:center;transition:transform .2s,box-shadow .2s}.admin-stat-box:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.admin-stat-icon{font-size:22px}.admin-stat-num{color:#374151;font-size:26px;font-weight:800}.admin-stat-label{color:#6b7280;font-size:11px;font-weight:600}.admin-stat-box.green .admin-stat-num{color:#16a34a}.admin-stat-box.teal .admin-stat-num{color:#0891b2}.admin-stat-box.amber .admin-stat-num{color:#d97706}.admin-stat-box.red .admin-stat-num{color:#ef4444}.admin-tabs{display:flex;gap:10px}.admin-tab{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:11px 28px;transition:all .2s}.admin-tab.active{background:#1e293b;border-color:#1e293b;color:#fff}.admin-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 10px #0000000f;overflow:hidden}.admin-search-wrap{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:10px;padding:16px 20px}.admin-search-wrap input{background:#0000;border:none;color:#111827;flex:1 1;font-family:Nunito,sans-serif;font-size:14px;outline:none}.admin-count{color:#6b7280;font-size:12px;font-weight:600;white-space:nowrap}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;font-size:14px;width:100%}.admin-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#6b7280;font-weight:700;padding:14px 16px;text-align:left;white-space:nowrap}.admin-table td{border-bottom:1px solid #f8fafc;color:#374151;padding:13px 16px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background:#f0fdf4}.admin-user-cell{gap:10px}.admin-avatar,.admin-user-cell{align-items:center;display:flex}.admin-avatar{background:#16a34a;border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:800;height:34px;justify-content:center;width:34px}.admin-avatar.large{font-size:20px;height:48px;width:48px}.admin-item-cell{align-items:center;display:flex;gap:10px}.admin-item-thumb{align-items:center;background:#f0fdf4;border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;overflow:hidden;width:40px}.admin-item-thumb img{height:100%;object-fit:cover;width:100%}.admin-role-badge{border-radius:999px;font-size:12px;font-weight:700;padding:4px 12px;text-transform:capitalize}.admin-role-badge.admin{background:#fef3c7;color:#d97706}.admin-role-badge.user{background:#f0fdf4;color:#16a34a}.admin-role-badge.driver{background:#eff6ff;color:#2563eb}.admin-condition-badge{border-radius:999px;font-size:11px;font-weight:700;padding:3px 10px;text-transform:capitalize}.admin-condition-badge.excellent,.admin-condition-badge.new{background:#dcfce7;color:#16a34a}.admin-condition-badge.good{background:#eff6ff;color:#2563eb}.admin-condition-badge.fair{background:#fef3c7;color:#d97706}.admin-condition-badge.worn{background:#fee2e2;color:#dc2626}.admin-status-badge{border-radius:999px;font-size:12px;font-weight:700;padding:4px 12px;text-transform:capitalize}.admin-status-badge.available{background:#f0fdf4;color:#16a34a}.admin-status-badge.taken{background:#fee2e2;color:#ef4444}.admin-action-btns{display:flex;flex-wrap:wrap;gap:8px}.admin-reset-btn{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#d97706;cursor:pointer;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;padding:7px 14px;transition:background .2s;white-space:nowrap}.admin-reset-btn:hover{background:#fde68a}.admin-delete-btn{background:#fff0f0;border:1px solid #fca5a5;border-radius:8px;color:#e53e3e;cursor:pointer;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;padding:7px 14px;transition:background .2s;white-space:nowrap}.admin-delete-btn:hover{background:#fee2e2}.admin-loading{display:flex;justify-content:center;padding:60px}.admin-spinner{animation:spin .7s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#16a34a;height:36px;width:36px}.admin-reset-user-info{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:14px;margin-bottom:16px;padding:14px}.admin-reset-user-info strong{color:#111827;display:block;font-size:15px}.admin-reset-user-info span{color:#6b7280;font-size:13px}.admin-password-input{background:#f8fafc;border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#111827;font-family:Nunito,sans-serif;font-size:14px;margin-top:6px;outline:none;padding:12px 14px;transition:border-color .2s;width:100%}.admin-password-input:focus{border-color:#16a34a}.admin-reset-msg{border-radius:8px;font-size:13px;font-weight:600;margin:8px 0 0;padding:8px 12px}.admin-reset-msg.success{background:#f0fdf4;color:#16a34a}.admin-reset-msg.error{background:#fff0f0;color:#ef4444}.admin-role-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;padding:6px 10px}.modal{max-width:480px;overflow:hidden}.modal-body{gap:10px}.modal-submit{transition:background .2s}body.dark-mode .admin-hero{background:linear-gradient(135deg,#0f172a,#1e293b)}body.dark-mode .admin-stat-box{background:#1e293b;border-color:#334155}body.dark-mode .admin-stat-num{color:#e2e8f0}body.dark-mode .admin-stat-label{color:#64748b}body.dark-mode .admin-tab{background:#1e293b;border-color:#334155;color:#cbd5e1}body.dark-mode .admin-tab.active{background:#0f172a;border-color:#0f172a}body.dark-mode .admin-table-card{background:#1e293b;border-color:#334155}body.dark-mode .admin-search-wrap{border-color:#334155}body.dark-mode .admin-search-wrap input{color:#e2e8f0}body.dark-mode .admin-table th{background:#0f172a;border-color:#334155;color:#94a3b8}body.dark-mode .admin-table td{border-color:#334155;color:#cbd5e1}body.dark-mode .admin-table tbody tr:hover td{background:#1a2e1f}body.dark-mode .admin-reset-user-info{background:#0f172a}body.dark-mode .admin-reset-user-info strong{color:#e2e8f0}body.dark-mode .admin-password-input{background:#334155;border-color:#475569;color:#e2e8f0}.items-page{font-family:Inter,sans-serif;margin:0 auto;max-width:1280px;padding:32px 24px 60px}.items-topbar{align-items:center;display:flex;gap:12px;margin-bottom:20px}.items-search-wrap{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;display:flex;flex:1 1;gap:10px;height:48px;padding:0 16px;transition:border-color .2s,box-shadow .2s}.items-search-wrap:focus-within{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.search-icon{color:#6b7280;flex-shrink:0;font-size:17px}.items-search{background:#0000;border:none;color:#111827;flex:1 1;font-family:Inter,sans-serif;font-size:14px;outline:none}.items-search::placeholder{color:#9ca3af}.search-clear-btn{background:none;border:none;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:16px;font-weight:600;line-height:1;padding:0 4px;transition:color .2s}.search-clear-btn:hover{color:#ef4444}.add-item-btn{background:#16a34a;border:none;border-radius:12px;box-shadow:0 2px 8px #16a34a40;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;height:48px;padding:0 22px;transition:background .2s,transform .1s;white-space:nowrap}.add-item-btn:hover{background:#15803d}.add-item-btn:active{transform:scale(.97)}.view-toggle{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;display:flex;height:48px;overflow:hidden}.view-toggle button{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:18px;height:100%;transition:background .2s,color .2s;width:46px}.view-toggle button.active{background:#f0fdf4;color:#16a34a}.view-toggle button:hover:not(.active){background:#f8fafb;color:#6b7280}.category-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.cat-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:8px 18px;transition:all .18s;white-space:nowrap}.cat-btn:hover{background:#f0fdf4;border-color:#16a34a;color:#16a34a}.cat-btn.active{background:#16a34a;border-color:#16a34a;box-shadow:0 2px 8px #16a34a40;color:#fff}.results-count{color:#6b7280;font-size:13px;font-weight:500;margin-bottom:20px}.items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.items-list{gap:14px}.item-card,.items-list{display:flex;flex-direction:column}.item-card{background:#fff;border:1.5px solid #f3f4f6;border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.item-card:hover{border-color:#bbf7d0;box-shadow:0 12px 32px #00000014;transform:translateY(-3px)}.items-list .item-card{flex-direction:row}.items-list .item-img-wrap{aspect-ratio:unset;flex-shrink:0;height:auto;min-height:140px;width:160px}.item-img-wrap{aspect-ratio:4/3;background:#f0fdf4;overflow:hidden;position:relative;width:100%}.item-img-wrap img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.item-card:hover .item-img-wrap img{transform:scale(1.04)}.item-img-placeholder{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);display:flex;font-size:52px;height:100%;justify-content:center;width:100%}.item-free-badge{background:#16a34a;border-radius:999px;color:#fff;font-size:11px;font-weight:600;left:10px;letter-spacing:.02em;padding:3px 10px;position:absolute;top:10px}.item-like-btn{align-items:center;background:#ffffffeb;border:none;border-radius:50%;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:background .2s,transform .15s;width:32px}.item-like-btn:hover{transform:scale(1.15)}.item-like-btn.liked{background:#fff0f0;color:#ef4444}.item-body{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:16px}.item-title-row{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.item-title{color:#111827;flex:1 1;font-size:15px;font-weight:600;line-height:1.3;margin:0}.item-condition-badge{border-radius:999px;flex-shrink:0;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.item-tags{display:flex;flex-wrap:wrap;gap:6px}.item-tag{border-radius:999px;font-size:11px;font-weight:500;padding:3px 10px}.item-tag.green{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.item-tag.teal{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.item-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.55;margin:0;overflow:hidden}.item-meta-row{display:flex;flex-wrap:wrap;gap:12px}.item-meta{color:#9ca3af;font-size:12px;gap:3px}.item-meta,.item-owner-row{align-items:center;display:flex}.item-owner-row{background:#f8fafb;border-radius:8px;gap:6px;padding:8px 10px}.item-owner-icon{font-size:13px}.item-owner-name{color:#374151;flex:1 1;font-size:13px;font-weight:500}.item-yours-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;color:#2563eb;font-size:11px;font-weight:600;padding:2px 8px}.item-actions{display:flex;gap:8px;margin-top:2px}.item-msg-btn{background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:10px;color:#2563eb;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:9px 12px;text-align:center;transition:background .2s,border-color .2s}.item-msg-btn:hover{background:#dbeafe;border-color:#2563eb}.item-view-btn{background:#16a34a;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:9px 12px;text-align:center;transition:background .2s}.item-view-btn:hover{background:#15803d}.item-delete-btn{background:#fff7ed;border:1.5px solid #fed7aa;border-radius:10px;color:#ea580c;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:9px 12px;text-align:center;transition:background .2s}.item-delete-btn:hover{background:#ffedd5}.item-footer{align-items:center;border-top:1px solid #f3f4f6;color:#9ca3af;display:flex;font-size:12px;justify-content:space-between;padding-top:10px}.item-order-btn{background:none;border:none;color:#16a34a;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;padding:0;transition:color .2s}.item-order-btn:hover{color:#15803d}.item-eco-tag{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;color:#16a34a;font-size:11px;font-weight:500;padding:2px 8px}.items-loading{align-items:center;display:flex;justify-content:center;min-height:300px}.lazy-spinner{animation:spin .75s linear infinite;height:38px;width:38px}.items-empty{align-items:center;display:flex;flex-direction:column;gap:14px;padding:80px 20px;text-align:center}.items-empty span{display:block;font-size:56px}.items-empty p{color:#6b7280;font-size:15px;line-height:1.6;max-width:320px}.lazy-sentinel{display:flex;justify-content:center;padding:32px 0}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006}.modal{box-shadow:0 24px 64px #00000024}.modal-header{padding:22px 26px 0}.modal-header h2{font-size:18px;font-weight:700}.modal-close{background:#f3f4f6;color:#6b7280;font-size:15px}.modal-close:hover{color:#111827}.modal-body{gap:12px;padding:18px 26px}.modal-body label{font-weight:600;margin-bottom:-6px}.modal-body textarea{background:#f8fafb;border:1.5px solid #e5e7eb;font-family:Inter,sans-serif;min-height:110px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.modal-body textarea:focus{background:#fff;box-shadow:0 0 0 3px #16a34a1a}.modal-footer{padding:0 26px 22px}.modal-cancel{border:1.5px solid #e5e7eb;font-family:Inter,sans-serif;font-weight:600;padding:11px 20px}.modal-cancel:hover{background:#f8fafb}.modal-submit{box-shadow:0 2px 8px #16a34a40;font-family:Inter,sans-serif;font-weight:600;padding:11px 22px}.modal-submit:disabled{background:#9ca3af;box-shadow:none;cursor:default}.msg-sent{padding:16px 0}.msg-sent span{display:block;margin-bottom:10px}.msg-about{color:#9ca3af}.order-modal{max-width:560px!important}.order-item-preview{align-items:center;background:#f8fafb;border:1px solid #f3f4f6;border-radius:10px;display:flex;gap:14px;padding:14px}.order-item-thumb{align-items:center;background:#f0fdf4;border-radius:10px;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;overflow:hidden;width:56px}.order-item-thumb img{height:100%;object-fit:cover;width:100%}.order-item-preview>div{display:flex;flex-direction:column;gap:3px}.order-item-preview strong{color:#111827;font-size:15px;font-weight:600}.order-item-preview span{color:#6b7280;font-size:12px}.order-question{color:#111827;font-size:15px;font-weight:600;margin:0}.order-type-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.order-type-card{align-items:center;border:1.5px solid #e5e7eb;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:7px;padding:18px 14px;text-align:center;transition:all .18s}.order-type-card.selected,.order-type-card:hover{background:#f0fdf4;border-color:#16a34a}.order-type-card.selected{box-shadow:0 0 0 3px #16a34a1a}.order-type-card span{font-size:30px}.order-type-card strong{color:#111827;font-size:14px;font-weight:600}.order-type-card p{color:#6b7280;font-size:12px;line-height:1.4;margin:0}.order-address-grid{grid-gap:0 16px;display:grid;gap:0 16px;grid-template-columns:1fr 1fr}.order-nav-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.order-success{align-items:center;display:flex;flex-direction:column;gap:12px;padding:20px 0;text-align:center}.order-success span{display:block;font-size:52px}.order-success h3{color:#16a34a;font-size:20px;font-weight:700;margin:0}.order-success p{color:#6b7280;font-size:14px;margin:0}.order-success-note{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#15803d!important;font-size:13px;padding:10px 14px}.img-search-btn{align-items:center;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:48px;justify-content:center;transition:background .2s;width:48px}.img-search-btn:hover{background:#dcfce7}body.dark-mode .items-page{background:#0000}body.dark-mode .items-search-wrap{background:#1f2937;border-color:#374151}body.dark-mode .items-search-wrap:focus-within{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a26}body.dark-mode .items-search{color:#f9fafb}body.dark-mode .items-search::placeholder{color:#6b7280}body.dark-mode .add-item-btn{background:#16a34a;box-shadow:0 2px 8px #16a34a4d}body.dark-mode .view-toggle{background:#1f2937;border-color:#374151}body.dark-mode .view-toggle button{color:#6b7280}body.dark-mode .view-toggle button.active{background:#052e16;color:#4ade80}body.dark-mode .cat-btn{background:#1f2937;border-color:#374151;color:#9ca3af}body.dark-mode .cat-btn:hover{background:#052e16;border-color:#16a34a;color:#4ade80}body.dark-mode .cat-btn.active{background:#16a34a;border-color:#16a34a;color:#fff}body.dark-mode .results-count{color:#6b7280}body.dark-mode .item-card{background:#1f2937;border-color:#374151}body.dark-mode .item-card:hover{border-color:#16a34a;box-shadow:0 12px 32px #0000004d}body.dark-mode .item-img-placeholder{background:linear-gradient(135deg,#052e16,#064e3b)}body.dark-mode .item-title{color:#f9fafb}body.dark-mode .item-desc{color:#9ca3af}body.dark-mode .item-meta{color:#6b7280}body.dark-mode .item-owner-row{background:#111827}body.dark-mode .item-owner-name{color:#d1d5db}body.dark-mode .item-tag.green{background:#052e16;border-color:#166534;color:#4ade80}body.dark-mode .item-tag.teal{background:#1e3a5f;border-color:#1d4ed8;color:#93c5fd}body.dark-mode .item-footer{border-color:#374151}body.dark-mode .item-eco-tag{background:#052e16;border-color:#166534;color:#4ade80}body.dark-mode .item-order-btn{color:#4ade80}body.dark-mode .item-order-btn:hover{color:#86efac}body.dark-mode .item-msg-btn{background:#1e3a5f;border-color:#1d4ed8;color:#93c5fd}body.dark-mode .item-msg-btn:hover{background:#1d4ed8;color:#fff}body.dark-mode .item-view-btn{background:#16a34a}body.dark-mode .item-view-btn:hover{background:#15803d}body.dark-mode .item-delete-btn{background:#431407;border-color:#c2410c;color:#fb923c}body.dark-mode .modal{background:#1f2937}body.dark-mode .modal-header h2{color:#f9fafb}body.dark-mode .modal-close{background:#374151;color:#9ca3af}body.dark-mode .modal-close:hover{background:#4b5563;color:#f9fafb}body.dark-mode .modal-body label{color:#d1d5db}body.dark-mode .modal-body textarea{background:#111827;border-color:#374151;color:#f9fafb}body.dark-mode .modal-body textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a26}body.dark-mode .modal-cancel{background:#374151;border-color:#4b5563;color:#d1d5db}body.dark-mode .modal-cancel:hover{background:#4b5563}body.dark-mode .msg-sent p{color:#d1d5db}body.dark-mode .msg-about{color:#6b7280}body.dark-mode .order-item-preview{background:#111827;border-color:#374151}body.dark-mode .order-item-preview strong{color:#f9fafb}body.dark-mode .order-type-card{background:#1f2937;border-color:#374151}body.dark-mode .order-type-card strong{color:#f9fafb}body.dark-mode .order-type-card.selected,body.dark-mode .order-type-card:hover{background:#052e16;border-color:#16a34a}body.dark-mode .order-success h3{color:#4ade80}body.dark-mode .order-success p{color:#9ca3af}body.dark-mode .order-success-note{background:#052e16;border-color:#166534;color:#4ade80!important}@media (max-width:768px){.items-page{padding:20px 14px 40px}.items-topbar{flex-wrap:wrap}.items-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.items-list .item-card{flex-direction:column}.items-list .item-img-wrap{min-height:0;min-height:auto;width:100%}.order-address-grid,.order-type-cards{grid-template-columns:1fr}}@media (max-width:480px){.items-grid{grid-template-columns:1fr}.category-bar{gap:6px}.cat-btn{font-size:12px;padding:7px 14px}}.detail-page{margin:0 auto;max-width:1100px;padding:30px 20px}.detail-back,.detail-page{font-family:Nunito,sans-serif}.detail-back{background:none;border:none;color:#2563eb;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;margin-bottom:24px;padding:0;transition:opacity .2s}.detail-back:hover{opacity:.7}.detail-layout{grid-gap:48px;align-items:start;display:grid;gap:48px;grid-template-columns:1fr 1fr}@media (max-width:768px){.detail-layout{gap:24px;grid-template-columns:1fr}}.detail-images{display:flex;flex-direction:column;gap:12px}.detail-main-img{aspect-ratio:4/3;background:#f0fdf4;border-radius:20px;overflow:hidden;position:relative;width:100%}.detail-main-img img{height:100%;object-fit:cover;width:100%}.detail-img-placeholder{align-items:center;display:flex;font-size:64px;height:100%;justify-content:center;width:100%}.detail-condition{background:#16a34ae0;border-radius:999px;color:#fff;font-size:12px;font-weight:700;left:14px;letter-spacing:.05em;padding:4px 12px;position:absolute;text-transform:uppercase;top:14px}.detail-thumbs{display:flex;flex-wrap:wrap;gap:10px}.detail-thumbs img{border:2px solid #0000;border-radius:10px;cursor:pointer;height:72px;object-fit:cover;transition:border-color .2s,transform .2s;width:72px}.detail-thumbs img.active,.detail-thumbs img:hover{border-color:#16a34a;transform:scale(1.05)}.detail-info{display:flex;flex-direction:column;gap:14px}.detail-category{color:#16a34a;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.detail-title{color:#111827;font-size:30px;font-weight:800;line-height:1.2;margin:0}.detail-meta{color:#6b7280;font-size:14px}.detail-meta strong{color:#374151}.detail-description{color:#6b7280;font-size:15px;line-height:1.7;margin:0}.detail-badge-row{display:flex;flex-wrap:wrap;gap:10px}.detail-badge{background:#f0fdf4;border-radius:999px;color:#16a34a;font-size:13px;font-weight:700;padding:6px 14px}.detail-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.detail-claim-btn{background:#16a34a;border:none;border-radius:12px;box-shadow:0 4px 14px #16a34a4d;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;padding:14px;transition:background .2s,transform .1s}.detail-claim-btn:hover{background:#15803d}.detail-claim-btn.claimed{background:#9ca3af;box-shadow:none;cursor:default}.detail-msg-btn{background:#f0fdf4;border:2px solid #16a34a;border-radius:12px;color:#16a34a;cursor:pointer;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;padding:13px;transition:background .2s}.detail-msg-btn:hover{background:#dcfce7}.detail-share-btn{background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:13px;transition:background .2s}.detail-share-btn:hover{background:#f1f5f9}.detail-delete-btn{background:#fff0f0;border:2px solid #fca5a5;border-radius:12px;color:#e53e3e;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:13px;transition:background .2s}.detail-delete-btn:hover{background:#fee2e2}.detail-loading{align-items:center;display:flex;justify-content:center;min-height:60vh}.lazy-spinner{animation:spin .7s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#16a34a;height:36px;width:36px}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 28px 0}.modal-header h2{color:#111827;font-size:20px;font-weight:800;margin:0}.modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:background .2s;width:32px}.modal-close:hover{background:#e5e7eb}.modal-body{display:flex;flex-direction:column;gap:14px;padding:20px 28px}.modal-body label{color:#374151;font-size:13px;font-weight:700;margin-bottom:-8px}.modal-body textarea{background:#f8fafc;border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#111827;font-family:Nunito,sans-serif;font-size:14px;outline:none;padding:11px 14px;resize:vertical;transition:border-color .2s;width:100%}.modal-body textarea:focus{border-color:#16a34a}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:0 28px 24px}.modal-cancel{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:12px 22px;transition:background .2s}.modal-cancel:hover{background:#f8fafc}.modal-submit{background:#16a34a;border:none;border-radius:10px;box-shadow:0 4px 14px #16a34a4d;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:12px 22px;transition:background .2s,transform .1s}.modal-submit:hover{background:#15803d}.modal-submit:active{transform:scale(.97)}.msg-sent{padding:20px 0;text-align:center}.msg-sent span{font-size:40px}.msg-sent p{color:#374151;font-size:15px;margin-top:12px}.msg-about{color:#6b7280;font-size:13px;margin:0}body.dark-mode .detail-title{color:#e2e8f0}body.dark-mode .detail-description{color:#94a3b8}body.dark-mode .detail-meta{color:#64748b}body.dark-mode .detail-meta strong{color:#cbd5e1}body.dark-mode .detail-main-img{background:#0f172a}body.dark-mode .detail-badge{background:#1a2e1f;color:#4ade80}body.dark-mode .detail-msg-btn{background:#1a2e1f}body.dark-mode .detail-share-btn{background:#1e293b;border-color:#334155;color:#cbd5e1}body.dark-mode .modal{background:#1e293b}body.dark-mode .modal-header h2{color:#e2e8f0}body.dark-mode .modal-close{background:#334155;color:#e2e8f0}body.dark-mode .modal-body label{color:#cbd5e1}body.dark-mode .modal-body textarea{background:#334155;border-color:#475569;color:#e2e8f0}body.dark-mode .modal-cancel{background:#334155;border-color:#475569;color:#cbd5e1}body.dark-mode .msg-sent p{color:#cbd5e1}body.dark-mode .msg-about{color:#64748b}.additem-page{font-family:Nunito,sans-serif;margin:0 auto;max-width:1200px;padding:30px 20px}.additem-title-row{align-items:center;display:flex;gap:16px;margin-bottom:28px}.additem-back{background:#f1f5f9;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;padding:8px 16px;transition:background .2s;white-space:nowrap}.additem-back:hover{background:#e5e7eb}.additem-heading{color:#16a34a;font-size:26px;font-weight:800;margin:0}.additem-subheading{color:#16a34a;font-size:13px;font-weight:600;margin:2px 0 0}.additem-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 420px}@media (max-width:900px){.additem-layout{grid-template-columns:1fr}}.additem-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000012;margin-bottom:20px;padding:24px}.additem-card-title{color:#111827;font-size:16px;font-weight:800;margin:0 0 20px}.additem-field,.additem-left{display:flex;flex-direction:column}.additem-field{gap:6px;margin-bottom:16px}.additem-field label{color:#374151;font-size:13px;font-weight:700}.required{color:#e53e3e}.optional{color:#9ca3af;font-size:12px;font-weight:600}.additem-field input,.additem-field select,.additem-field textarea{background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#111827;font-family:Nunito,sans-serif;font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s,background .2s;width:100%}.additem-field input:focus,.additem-field select:focus,.additem-field textarea:focus{background:#f0fdf4;border-color:#16a34a}.additem-field textarea{min-height:90px;resize:vertical}.additem-hint{color:#9ca3af;font-size:12px;margin:2px 0 0}.additem-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:600px){.additem-row{grid-template-columns:1fr}}.additem-checks{background:#f0fdf4;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:16px}.additem-check{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px}.additem-check input[type=checkbox]{accent-color:#16a34a;cursor:pointer;height:16px;width:16px}.additem-eco-note{color:#16a34a;font-size:12px;font-weight:600;margin:4px 0 0}.additem-submit{background:#16a34a;border:none;border-radius:12px;box-shadow:0 4px 14px #16a34a4d;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;padding:14px;transition:background .2s,transform .1s;width:100%}.additem-submit:hover{background:#15803d}.additem-submit:active{transform:scale(.98)}.additem-submit:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.additem-upload{align-items:center;border:2px dashed #d1d5db;border-radius:14px;box-sizing:border-box;color:#9ca3af;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:600;justify-content:center;min-height:160px;padding:24px;text-align:center;transition:border-color .2s,color .2s}.additem-upload:hover{border-color:#16a34a;color:#16a34a}.upload-icon{font-size:36px;margin-bottom:8px}.upload-sub{color:#9ca3af;font-size:12px;margin-top:4px}.additem-preview-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);width:100%}.additem-preview-grid img{border-radius:8px;height:80px;object-fit:cover;width:100%}.myitems-list{display:flex;flex-direction:column;gap:0}.myitem-row{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;justify-content:space-between;padding:16px 0}.myitem-row:last-child{border-bottom:none}.myitem-info{display:flex;flex:1 1;flex-direction:column;gap:5px}.myitem-top{align-items:center;display:flex;justify-content:space-between}.myitem-title{color:#111827;font-size:15px;font-weight:800}.myitem-condition{font-size:12px;font-weight:700}.myitem-meta{color:#6b7280;display:flex;font-size:12px;gap:12px}.myitem-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;margin:0;overflow:hidden}.myitem-tags{display:flex;flex-wrap:wrap;gap:6px}.myitem-tag{border-radius:999px;font-size:11px;font-weight:700;padding:3px 10px}.myitem-tag.green{background:#dcfce7;color:#16a34a}.myitem-tag.blue{background:#eff6ff;color:#2563eb}.myitem-request{background:#f0fdf4;border:1.5px solid #16a34a;border-radius:8px;color:#16a34a;cursor:pointer;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;padding:7px 14px;transition:background .2s;white-space:nowrap}.myitem-request:hover{background:#dcfce7}.additem-empty{color:#9ca3af;font-size:14px;padding:20px 0;text-align:center}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.stat-box{align-items:center;background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px}.stat-num{color:#16a34a;font-size:28px;font-weight:800}.stat-label{color:#6b7280;font-size:12px;font-weight:600;text-align:center}body.dark-mode .additem-card{background:#1e293b;box-shadow:0 2px 12px #0000004d}body.dark-mode .additem-card-title{color:#e2e8f0}body.dark-mode .additem-heading,body.dark-mode .additem-subheading{color:#4ade80}body.dark-mode .additem-field label{color:#cbd5e1}body.dark-mode .additem-field input,body.dark-mode .additem-field select,body.dark-mode .additem-field textarea{background:#334155;border-color:#475569;color:#e2e8f0}body.dark-mode .additem-field input:focus,body.dark-mode .additem-field select:focus,body.dark-mode .additem-field textarea:focus{background:#1a2e1f;border-color:#16a34a}body.dark-mode .additem-checks{background:#1a2e1f}body.dark-mode .additem-check{color:#cbd5e1}body.dark-mode .additem-upload{border-color:#475569;color:#64748b}body.dark-mode .additem-back{background:#334155;color:#cbd5e1}body.dark-mode .myitem-title{color:#e2e8f0}body.dark-mode .myitem-desc{color:#94a3b8}body.dark-mode .myitem-row{border-bottom-color:#334155}body.dark-mode .stat-box{background:#334155}body.dark-mode .stat-label{color:#94a3b8}.msg-page{background:#f8fafc;font-family:Nunito,sans-serif;height:calc(100vh - 65px)}.msg-page,.msg-sidebar{display:flex;overflow:hidden}.msg-sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;min-width:280px;width:320px}.msg-sidebar-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:10px;padding:20px 20px 12px}.msg-sidebar-header h2{color:#111827;flex:1 1;font-size:20px;font-weight:800;margin:0}.msg-count{background:#16a34a;border-radius:999px;color:#fff;font-size:12px;font-weight:700;padding:2px 8px}.msg-search-wrap{border-bottom:1px solid #f1f5f9;padding:12px 16px;position:relative}.msg-search-icon{font-size:13px;left:28px;position:absolute;top:50%;transform:translateY(-50%)}.msg-search{background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#111827;font-family:Nunito,sans-serif;font-size:13px;outline:none;padding:9px 12px 9px 34px;transition:border-color .2s;width:100%}.msg-search:focus{border-color:#16a34a}.msg-convo-list{flex:1 1;overflow-y:auto}.msg-convo-empty{color:#9ca3af;font-size:13px;font-weight:600;padding:40px 20px;text-align:center}.msg-convo-item{align-items:center;border-bottom:1px solid #f8fafc;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background .15s}.msg-convo-item:hover{background:#f8fafc}.msg-convo-item.active{background:#f0fdf4;border-left:3px solid #16a34a}.msg-avatar{align-items:center;background:#16a34a;border-radius:50%;color:#fff;display:flex;font-size:15px;font-weight:800;height:44px;justify-content:center;min-width:44px;width:44px}.msg-convo-info{flex:1 1;min-width:0}.msg-convo-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:3px}.msg-convo-name{color:#111827;font-size:14px;font-weight:700}.msg-convo-time{color:#9ca3af;font-size:11px;white-space:nowrap}.msg-convo-bottom{align-items:center;display:flex;gap:6px;justify-content:space-between}.msg-convo-preview{color:#6b7280;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-unread-badge{background:#16a34a;border-radius:999px;color:#fff;font-size:11px;font-weight:700;min-width:18px;padding:2px 7px;text-align:center}.msg-chat{background:#f8fafc;overflow:hidden}.msg-chat,.msg-empty{display:flex;flex:1 1;flex-direction:column}.msg-empty{align-items:center;color:#9ca3af;gap:12px;justify-content:center;padding:40px;text-align:center}.msg-empty-icon{font-size:56px}.msg-empty h3{color:#374151;font-size:20px;font-weight:800;margin:0}.msg-empty p{color:#6b7280;font-size:14px;line-height:1.6;margin:0;max-width:280px}.msg-empty-btn{background:#16a34a;border:none;border-radius:10px;box-shadow:0 4px 14px #16a34a4d;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;margin-top:8px;padding:11px 24px;transition:background .2s}.msg-empty-btn:hover{background:#15803d}.msg-chat-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 4px #0000000a;display:flex;gap:12px;padding:16px 24px}.msg-chat-avatar{align-items:center;background:#16a34a;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:800;height:40px;justify-content:center;width:40px}.msg-chat-partner-info{display:flex;flex-direction:column;gap:2px}.msg-chat-partner-name{color:#111827;font-size:15px;font-weight:800}.msg-chat-status{color:#16a34a;font-size:12px;font-weight:600}.msg-chat-body{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:20px 24px}.msg-date-divider{align-items:center;display:flex;justify-content:center;margin:16px 0 8px}.msg-date-divider span{background:#e5e7eb;border-radius:999px;color:#6b7280;font-size:11px;font-weight:700;padding:3px 12px}.msg-bubble-row{align-items:flex-end;display:flex;gap:8px;margin-bottom:4px}.msg-bubble-row.mine{flex-direction:row-reverse}.msg-bubble-avatar{align-items:center;background:#d1d5db;border-radius:50%;color:#6b7280;display:flex;font-size:10px;font-weight:800;height:28px;justify-content:center;margin-bottom:18px;min-width:28px;width:28px}.msg-bubble-wrap{display:flex;flex-direction:column;gap:3px;max-width:65%}.msg-bubble-row.mine .msg-bubble-wrap{align-items:flex-end}.msg-item-context{background:#f0fdf4;border-left:2px solid #16a34a;border-radius:8px;color:#16a34a;font-size:11px;font-weight:600;margin-bottom:2px;padding:3px 10px}.msg-bubble{border-radius:18px;box-shadow:0 1px 3px #00000014;font-size:14px;line-height:1.5;padding:10px 14px;word-break:break-word}.msg-bubble.mine{background:#16a34a;border-bottom-right-radius:4px;color:#fff}.msg-bubble.theirs{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;color:#111827}.msg-time{color:#9ca3af;font-size:10px;padding:0 4px}.msg-input-row{align-items:flex-end;background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:10px;padding:14px 20px}.msg-input{background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:24px;color:#111827;flex:1 1;font-family:Nunito,sans-serif;font-size:14px;line-height:1.5;max-height:120px;outline:none;padding:11px 16px;resize:none;transition:border-color .2s}.msg-input:focus{background:#fff;border-color:#16a34a}.msg-send-btn{align-items:center;background:#d1d5db;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:44px;justify-content:center;transition:background .2s,transform .1s;width:44px}.msg-send-btn.active{background:#16a34a;box-shadow:0 4px 12px #16a34a4d}.msg-send-btn.active:hover{background:#15803d}.msg-send-btn.active:active{transform:scale(.93)}@media (max-width:640px){.msg-sidebar{height:100%;position:absolute;width:100%;z-index:10}.msg-chat{width:100%}}body.dark-mode .msg-page{background:#0f172a}body.dark-mode .msg-sidebar{background:#1e293b;border-right-color:#334155}body.dark-mode .msg-sidebar-header h2{color:#e2e8f0}body.dark-mode .msg-sidebar-header{border-bottom-color:#334155}body.dark-mode .msg-search{background:#334155;border-color:#475569;color:#e2e8f0}body.dark-mode .msg-convo-item{border-bottom-color:#334155}body.dark-mode .msg-convo-item:hover{background:#334155}body.dark-mode .msg-convo-item.active{background:#1a2e1f;border-left-color:#16a34a}body.dark-mode .msg-convo-name{color:#e2e8f0}body.dark-mode .msg-chat{background:#0f172a}body.dark-mode .msg-chat-header{background:#1e293b;border-bottom-color:#334155}body.dark-mode .msg-chat-partner-name,body.dark-mode .msg-empty h3{color:#e2e8f0}body.dark-mode .msg-date-divider span{background:#334155;color:#94a3b8}body.dark-mode .msg-bubble.theirs{background:#1e293b;border-color:#334155;color:#e2e8f0}body.dark-mode .msg-input-row{background:#1e293b;border-top-color:#334155}body.dark-mode .msg-input{background:#334155;border-color:#475569;color:#e2e8f0}body.dark-mode .msg-input:focus{background:#1e3a2e;border-color:#16a34a}.courier-page{font-family:Nunito,sans-serif;margin:0 auto;max-width:1200px;padding:30px 20px}.courier-hero{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:20px;color:#fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px;padding:32px 36px}.courier-hero-text h1{font-size:28px;font-weight:800;margin:0 0 8px}.courier-hero-text p{font-size:15px;margin:0;opacity:.9}.courier-hero-stats{display:flex;gap:24px}.courier-hero-stat{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:14px;padding:14px 22px;text-align:center}.courier-hero-stat span{display:block;font-size:32px;font-weight:800}.courier-hero-stat label{font-size:12px;font-weight:600;opacity:.85}.courier-eco-banner{align-items:flex-start;background:#f0fdf4;border-left:4px solid #16a34a;border-radius:12px;display:flex;gap:14px;margin-bottom:24px;padding:16px 20px}.courier-eco-banner span{flex-shrink:0;font-size:28px}.courier-eco-banner strong{color:#14532d;display:block;font-size:15px;margin-bottom:4px}.courier-eco-banner p{color:#6b7280;font-size:13px;margin:0}.courier-filter-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.courier-filter-tab{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:10px 22px;transition:all .2s}.courier-filter-tab.active{background:#16a34a;border-color:#16a34a;box-shadow:0 4px 12px #16a34a4d;color:#fff}.courier-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.courier-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 2px 12px #00000012;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.courier-card:hover{box-shadow:0 8px 24px #16a34a26;transform:translateY(-3px)}.courier-card.confirmed{background:#f0fdf4;border-color:#16a34a}.courier-ribbon{background:#16a34a;border-radius:4px 0 0 4px;box-shadow:0 2px 6px #00000026;color:#fff;font-size:11px;font-weight:700;padding:4px 14px 4px 10px;position:absolute;right:-8px;top:14px;z-index:10}.courier-img{aspect-ratio:16/9;background:#f0fdf4;overflow:hidden;position:relative;width:100%}.courier-img img{height:100%;object-fit:cover;width:100%}.courier-img-placeholder{align-items:center;display:flex;font-size:52px;height:100%;justify-content:center;width:100%}.courier-eco-badge{background:#16a34ae0;color:#fff;top:10px}.courier-condition-badge,.courier-eco-badge{border-radius:999px;font-size:11px;font-weight:700;left:10px;padding:3px 10px;position:absolute}.courier-condition-badge{bottom:10px;text-transform:capitalize}.courier-condition-badge.excellent,.courier-condition-badge.new{background:#dcfce7;color:#16a34a}.courier-condition-badge.good{background:#eff6ff;color:#2563eb}.courier-condition-badge.fair{background:#fef3c7;color:#d97706}.courier-condition-badge.worn{background:#fee2e2;color:#dc2626}.courier-body{display:flex;flex-direction:column;gap:10px;padding:18px}.courier-cat-tag{color:#16a34a;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.courier-item-title{color:#111827;font-size:18px;font-weight:800;margin:0}.courier-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.6;margin:0;overflow:hidden}.courier-details{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:12px}.courier-detail-row{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px}.courier-actions{display:flex;flex-direction:column;gap:8px}.courier-confirm-btn{background:#16a34a;border:none;border-radius:10px;box-shadow:0 4px 12px #16a34a4d;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:12px;transition:background .2s,transform .1s}.courier-confirm-btn:hover{background:#15803d}.courier-confirm-btn:active{transform:scale(.97)}.courier-confirmed-btn{background:#9ca3af;border:none;border-radius:10px;color:#fff;cursor:default;padding:12px}.courier-confirmed-btn,.courier-msg-btn{font-family:Nunito,sans-serif;font-size:14px;font-weight:700}.courier-msg-btn{background:#f0fdf4;border:2px solid #16a34a;border-radius:10px;color:#16a34a;cursor:pointer;padding:11px;transition:background .2s}.courier-msg-btn:hover{background:#dcfce7}.courier-view-btn{background:#f8fafc;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:11px;transition:background .2s}.courier-view-btn:hover{background:#f1f5f9}.courier-loading{display:flex;justify-content:center;padding:60px}.courier-spinner{animation:spin .7s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#16a34a;height:36px;width:36px}.courier-empty{color:#6b7280;padding:60px 20px;text-align:center}.courier-empty span{font-size:48px}.courier-empty p{font-size:16px;margin-top:12px}body.dark-mode .courier-hero{background:linear-gradient(135deg,#14532d,#0f3d20)}body.dark-mode .courier-card{background:#1e293b;border-color:#334155}body.dark-mode .courier-card.confirmed{background:#1a2e1f;border-color:#16a34a}body.dark-mode .courier-item-title{color:#e2e8f0}body.dark-mode .courier-desc{color:#94a3b8}body.dark-mode .courier-details{background:#0f172a}body.dark-mode .courier-detail-row{color:#94a3b8}body.dark-mode .courier-eco-banner{background:#1a2e1f}body.dark-mode .courier-filter-tab{background:#1e293b;border-color:#334155;color:#cbd5e1}body.dark-mode .courier-view-btn{background:#334155;border-color:#475569;color:#cbd5e1}body.dark-mode .courier-msg-btn{background:#1a2e1f}.courier-orders-list{display:flex;flex-direction:column;gap:16px}.courier-order-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:14px;padding:20px;transition:box-shadow .2s}.courier-order-card:hover{box-shadow:0 4px 16px #16a34a1f}.courier-order-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.courier-order-header div{display:flex;flex-direction:column;gap:3px}.courier-order-header strong{color:#111827;font-size:16px}.courier-order-header span{color:#6b7280;font-size:13px}.courier-order-status{border-radius:999px;flex-shrink:0;font-size:12px;font-weight:700;padding:5px 14px;white-space:nowrap}.courier-order-status.active{background:#eff6ff;color:#2563eb}.courier-order-status.delivered{background:#f0fdf4;color:#16a34a}.courier-order-address{background:#f8fafc;border-radius:10px;display:flex;flex-direction:column;font-size:13px;gap:4px;padding:12px 14px}.courier-order-address span{color:#6b7280}.courier-order-address strong{color:#111827;font-size:14px}.courier-order-meta{color:#9ca3af;display:flex;font-size:12px;gap:16px}.courier-order-actions{display:flex;flex-wrap:wrap;gap:8px}.courier-claim-btn{background:#16a34a;border:none;border-radius:10px;box-shadow:0 4px 12px #16a34a4d;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:11px 20px;transition:background .2s}.courier-claim-btn:hover{background:#15803d}.courier-update-btn{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:11px 20px;transition:background .2s}.courier-update-btn:hover{background:#1d4ed8}.courier-update-btn:disabled{background:#9ca3af;cursor:default}body.dark-mode .courier-order-card{background:#1e293b;border-color:#334155}body.dark-mode .courier-order-header strong{color:#e2e8f0}body.dark-mode .courier-order-address{background:#0f172a}body.dark-mode .courier-order-address strong{color:#e2e8f0}@media (max-width:768px){.courier-hero{flex-direction:column}.courier-grid{grid-template-columns:1fr}.courier-hero-stats{gap:12px}}.myorders-page{display:flex;flex-direction:column;font-family:Nunito,sans-serif;gap:24px;margin:0 auto;max-width:1100px;padding:30px 20px}.myorders-header{align-items:center;display:flex;gap:20px}.myorders-back{background:none;border:none;color:#2563eb;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:0}.myorders-header h1{color:#111827;font-size:26px;font-weight:800;margin:0 0 4px}.myorders-header p{color:#6b7280;font-size:14px;margin:0}.myorders-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:380px 1fr}@media (max-width:768px){.myorders-layout{grid-template-columns:1fr}}.myorders-list{display:flex;flex-direction:column;gap:12px}.myorder-card{background:#fff;border:2px solid #e5e7eb;border-radius:14px;cursor:pointer;padding:16px;transition:all .2s}.myorder-card:hover{border-color:#16a34a;transform:translateY(-1px)}.myorder-card.active{background:#f0fdf4;border-color:#16a34a}.myorder-card-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.myorder-card-top div{display:flex;flex-direction:column;gap:3px}.myorder-card-top strong{color:#111827;font-size:15px}.myorder-card-top span{color:#6b7280;font-size:12px}.myorder-status-badge{border-radius:999px;flex-shrink:0;font-size:11px;font-weight:700;padding:4px 12px;white-space:nowrap}.myorder-status-badge.active{background:#eff6ff;color:#2563eb}.myorder-status-badge.delivered{background:#f0fdf4;color:#16a34a}.myorder-status-badge.selfcollect{background:#fef3c7;color:#d97706}.myorder-card-bottom{color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:10px}.myorder-detail{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 10px #0000000f;padding:24px}.myorder-detail h2{color:#111827;font-size:18px;font-weight:800;margin:0 0 16px}.myorder-info-card{background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:16px}.myorder-info-row{align-items:flex-start;display:flex;font-size:14px;gap:10px;justify-content:space-between}.myorder-info-row span{color:#6b7280;flex-shrink:0}.myorder-info-row strong{color:#111827;text-align:right}.myorder-tracker h3{color:#111827;font-size:16px;font-weight:800;margin:0 0 16px}.tracker-steps{display:flex;flex-direction:column;gap:0}.tracker-step{align-items:flex-start;display:flex;gap:16px}.tracker-left{flex-direction:column}.tracker-dot,.tracker-left{align-items:center;display:flex;flex-shrink:0}.tracker-dot{background:#e5e7eb;border:2px solid #e5e7eb;border-radius:50%;color:#9ca3af;font-size:13px;font-weight:700;height:32px;justify-content:center;transition:all .3s;width:32px}.tracker-dot.done{background:#16a34a;border-color:#16a34a;color:#fff}.tracker-dot.current{background:#fff;border-color:#16a34a;box-shadow:0 0 0 4px #16a34a26;color:#16a34a}.tracker-line{background:#e5e7eb;height:36px;margin:4px 0;transition:background .3s;width:2px}.tracker-line.done{background:#16a34a}.tracker-right{display:flex;flex-direction:column;gap:3px;padding:4px 0 32px}.tracker-right strong{color:#9ca3af;font-size:14px;font-weight:700}.tracker-right strong.done{color:#111827}.tracker-right span{color:#16a34a;font-size:12px}.myorder-selfcollect{background:#fef3c7;border-radius:14px;display:flex;gap:16px;margin-top:16px;padding:18px}.myorder-selfcollect span{flex-shrink:0;font-size:32px}.myorder-selfcollect strong{color:#92400e;display:block;font-size:15px;margin-bottom:6px}.myorder-selfcollect p{color:#78350f;font-size:13px;line-height:1.5;margin:0 0 12px}.myorder-msg-btn{background:#16a34a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;padding:10px 18px}.myorders-loading{display:flex;justify-content:center;padding:60px}.myorders-spinner{animation:spin .7s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#16a34a;height:36px;width:36px}.myorders-empty{color:#6b7280;padding:60px;text-align:center}.myorders-empty span{display:block;font-size:48px;margin-bottom:12px}.myorders-browse-btn{background:#16a34a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;margin-top:16px;padding:12px 24px}@keyframes spin{to{transform:rotate(1turn)}}body.dark-mode .myorders-header h1{color:#e2e8f0}body.dark-mode .myorder-card{background:#1e293b;border-color:#334155}body.dark-mode .myorder-card.active{background:#1a2e1f;border-color:#16a34a}body.dark-mode .myorder-card-top strong{color:#e2e8f0}body.dark-mode .myorder-detail{background:#1e293b;border-color:#334155}body.dark-mode .myorder-detail h2{color:#e2e8f0}body.dark-mode .myorder-info-card{background:#0f172a}body.dark-mode .myorder-info-row strong,body.dark-mode .myorder-tracker h3,body.dark-mode .tracker-right strong.done{color:#e2e8f0}.header{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;padding:15px 40px}.header,.logo-container{align-items:center;display:flex}.logo-container{gap:10px}.logo{height:40px;width:40px}nav a{color:#0a8f3d;font-weight:700;margin-left:20px;text-decoration:none}nav a:hover{color:#2ecc71}body.dark-mode .header{background:#1f2937;border-bottom:1px solid #374151}
/*# sourceMappingURL=main.3d7ea4d4.css.map*/