@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--bg: #f4f6f9;--surface: #ffffff;--border: #e2e8f0;--text: #1e293b;--text-muted: #64748b;--primary: #0f766e;--primary-hover: #0d9488;--primary-light: #ccfbf1;--secondary: #334155;--danger: #dc2626;--warning: #d97706;--success: #059669;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--radius: 10px;--sidebar-w: 240px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header-brand{display:flex;align-items:center;gap:.75rem}.header-brand h1{font-size:1.25rem;font-weight:700;color:var(--primary)}.brand-tagline{font-size:.75rem;color:var(--text-muted)}.brand-icon{font-size:1.5rem}.brand-icon.lg{font-size:2.5rem}.header-user{display:flex;align-items:center;gap:1rem}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.app-body{display:flex;flex:1}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem}.nav-link{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;border-radius:var(--radius);color:var(--text-muted);font-weight:500;transition:all .15s}.nav-link:hover{background:var(--bg);color:var(--text);text-decoration:none}.nav-link-active{background:var(--primary-light);color:var(--primary)}.main-content{flex:1;padding:1.5rem;overflow-y:auto}.page{max-width:1100px}.page-header{margin-bottom:1.5rem}.page-header h2{font-size:1.5rem;margin-bottom:.25rem}.page-header p{color:var(--text-muted)}.flex-between{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#0f766e,#134e4a,#1e293b)}.auth-card{background:var(--surface);border-radius:16px;padding:2rem;width:100%;max-width:440px;box-shadow:var(--shadow-lg)}.auth-card-wide{max-width:560px}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-header h1{font-size:1.75rem;color:var(--primary);margin:.5rem 0}.auth-header p{color:var(--text-muted);font-size:.9rem}.role-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.5rem}.role-card{border:2px solid var(--border);border-radius:var(--radius);padding:.75rem .5rem;background:var(--surface);cursor:pointer;text-align:center;transition:all .15s;display:flex;flex-direction:column;gap:.15rem}.role-card:hover{border-color:var(--primary)}.role-card-active{border-color:var(--primary);background:var(--primary-light)}.role-icon{font-size:1.5rem}.role-card strong{font-size:.85rem}.role-card small{font-size:.65rem;color:var(--text-muted);line-height:1.2}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-footer{text-align:center;margin-top:1.25rem;font-size:.9rem;color:var(--text-muted)}.demo-hint{font-size:.8rem;color:var(--text-muted);background:var(--bg);padding:.5rem .75rem;border-radius:6px}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.85rem;font-weight:600;color:var(--secondary)}.form-input{padding:.6rem .85rem;border:1px solid var(--border);border-radius:8px;font:inherit;background:var(--surface);transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0f766e26}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:.75rem;margin-top:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.1rem;border:none;border-radius:8px;font:inherit;font-weight:600;cursor:pointer;transition:all .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:#475569}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg);color:var(--text)}.btn-sm{padding:.35rem .75rem;font-size:.85rem}.btn-block{width:100%}.alert{padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.alert-error{background:#fef2f2;color:var(--danger);border:1px solid #fecaca}.alert-success{background:#ecfdf5;color:var(--success);border:1px solid #a7f3d0}.alert-warning{background:#fffbeb;color:var(--warning);border:1px solid #fde68a}.status-pill{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-pending{background:#fef3c7;color:#b45309}.status-approved{background:#d1fae5;color:#047857}.status-rejected{background:#fee2e2;color:#b91c1c}.status-text{font-weight:700;font-size:1.1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow)}.card-section h3,.card h3{margin-bottom:.75rem;font-size:1.05rem}.section-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;gap:1rem;align-items:flex-start}.stat-icon{font-size:2rem}.stat-card strong{display:block;margin-bottom:.25rem}.stat-card p{font-size:.85rem;color:var(--text-muted)}.enquiry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.enquiry-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.enquiry-card.clickable{cursor:pointer;transition:box-shadow .15s,transform .15s}.enquiry-card.clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.enquiry-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.enquiry-card-header h3{font-size:1.05rem}.quality-badge{background:var(--primary-light);color:var(--primary);padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.enquiry-desc{font-size:.9rem;color:var(--text-muted);margin-bottom:.75rem}.enquiry-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8rem;color:var(--text-muted);margin-top:.75rem}.card-actions{display:flex;gap:.5rem;margin-top:.75rem}.filters-bar{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.importer-preview{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.image-upload{margin-bottom:.75rem}.image-grid{display:flex;flex-wrap:wrap;gap:.5rem}.image-grid.compact .inline-thumb,.inline-thumb{width:72px;height:72px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.image-thumb{position:relative;width:80px;height:80px}.image-thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.thumb-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--danger);color:#fff;border:none;cursor:pointer;font-size:.85rem;line-height:1}.image-add{width:80px;height:80px;border:2px dashed var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);font-size:.85rem}.image-add:hover{border-color:var(--primary);color:var(--primary)}.goods-list,.license-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.goods-card,.license-card{background:var(--bg);border-radius:8px;padding:.85rem}.goods-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.license-card{display:flex;align-items:center;gap:1rem}.license-info{flex:1;display:flex;flex-direction:column}.license-thumb,.license-preview{width:80px;height:60px;object-fit:cover;border-radius:4px;border:1px solid var(--border)}.add-good-form,.add-license-form{border-top:1px solid var(--border);padding-top:1rem;margin-top:.5rem}.rating-display{display:flex;align-items:center;gap:.15rem}.star{color:#d1d5db;font-size:1.1rem}.star.filled{color:#f59e0b}.rating-value{font-size:.85rem;color:var(--text-muted);margin-left:.35rem}.review-block{display:flex;flex-direction:column;gap:.75rem}.review-quote{background:var(--bg);border-left:3px solid var(--primary);padding:.75rem 1rem;font-style:italic;font-size:.9rem;margin:.5rem 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.modal{background:var(--surface);border-radius:12px;padding:1.5rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}.detail-grid strong{font-size:.8rem;color:var(--text-muted)}.contact-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.contact-actions a{text-decoration:none}.tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.tab{padding:.5rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;font:inherit;display:flex;align-items:center;gap:.5rem}.tab-active{background:var(--primary);color:#fff;border-color:var(--primary)}.tab-count{background:#fff3;padding:.1rem .45rem;border-radius:999px;font-size:.75rem}.tab:not(.tab-active) .tab-count{background:var(--bg)}.admin-list{display:flex;flex-direction:column;gap:1rem}.admin-card-header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.admin-card-status{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.role-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;margin-bottom:.35rem}.role-importer{background:#dbeafe;color:#1d4ed8}.role-exporter{background:#fce7f3;color:#be185d}.admin-details{margin:.75rem 0;padding:.75rem;background:var(--bg);border-radius:8px}.admin-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.rating-set{display:flex;align-items:center;gap:.35rem;flex:1}.rating-set label{font-size:.85rem;font-weight:600}.mini-list{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.5rem 0}.tag{background:var(--primary-light);color:var(--primary);padding:.15rem .5rem;border-radius:4px;font-size:.8rem}.license-preview-row{display:flex;flex-wrap:wrap;gap:.75rem}.license-mini{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem}.license-mini img{width:100px;height:70px;object-fit:cover;border-radius:4px}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--text-muted);grid-column:1 / -1}.empty-state.locked{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.lock-icon{font-size:3rem;display:block;margin-bottom:.75rem}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-form{display:flex;flex-direction:column;gap:0}.enquiry-form h3{margin-bottom:1rem}.importer-detail h3{margin-bottom:.5rem}@media (max-width: 768px){.app-body{flex-direction:column}.sidebar{width:100%;flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}.nav-link{white-space:nowrap}.form-row,.filters-bar,.detail-grid,.role-selector{grid-template-columns:1fr}.admin-card-header{flex-direction:column}.admin-card-status{align-items:flex-start}.public-nav{display:none}.footer-grid,.home-stats-grid{grid-template-columns:1fr}.table-wrapper{overflow-x:auto}}.home-page{min-height:100vh;display:flex;flex-direction:column}.public-header{background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.public-header .header-brand{text-decoration:none;color:inherit}.public-nav{display:flex;align-items:center;gap:1.25rem}.public-nav a{color:var(--text-muted);font-weight:500;font-size:.9rem;text-decoration:none}.public-nav a:hover{color:var(--primary)}.hero-banner{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f766eeb,#1e293be0),url(https://images.unsplash.com/photo-1578575437130-527eed3abbcd?w=1600&q=80) center/cover no-repeat;color:#fff;text-align:center;padding:4rem 2rem}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(255,153,51,.15),transparent 50%),radial-gradient(circle at 70% 50%,rgba(0,115,47,.15),transparent 50%);pointer-events:none}.hero-content{position:relative;max-width:780px;z-index:1}.hero-badge{display:inline-block;background:#ffffff26;border:1px solid rgba(255,255,255,.3);padding:.4rem 1rem;border-radius:999px;font-size:.85rem;margin-bottom:1.25rem}.hero-content h1{font-size:2.5rem;line-height:1.2;margin-bottom:1rem}.hero-content p{font-size:1.1rem;opacity:.92;margin-bottom:2rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-lg{padding:.85rem 1.75rem;font-size:1rem}.home-section{padding:4rem 2rem}.home-section.alt{background:var(--surface)}.section-inner{max-width:900px;margin:0 auto}.section-title{text-align:center;font-size:1.75rem;margin-bottom:.5rem}.section-subtitle{text-align:center;color:var(--text-muted);margin-bottom:2rem}.info-card{text-align:center}.info-icon{font-size:3rem;display:block;margin-bottom:1rem}.info-card h2{font-size:1.5rem;margin-bottom:1rem;color:var(--primary)}.info-card p{color:var(--text-muted);margin-bottom:1rem;line-height:1.7;text-align:left}.home-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.home-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.5rem;text-align:center;box-shadow:var(--shadow)}.home-stat-number{display:block;font-size:2.75rem;font-weight:700;color:var(--primary);line-height:1;margin-bottom:.5rem}.home-stat-label{display:block;font-weight:600;font-size:1.05rem;margin-bottom:.5rem}.home-stat-card p{font-size:.85rem;color:var(--text-muted)}.stats-section{background:linear-gradient(180deg,var(--bg) 0%,var(--primary-light) 100%)}.enroll-cta{text-align:center}.enroll-cta h2{font-size:1.75rem;margin-bottom:.5rem}.enroll-cta p{color:var(--text-muted);margin-bottom:1.5rem}.contact-section .contact-form{max-width:640px;margin:0 auto}.site-footer{background:#1e293b;color:#cbd5e1;margin-top:auto}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:3rem 2rem;max-width:1100px;margin:0 auto}.footer-col h4{color:#fff;margin-bottom:.75rem;font-size:.95rem}.footer-col p,.footer-col li{font-size:.85rem;line-height:1.7;list-style:none}.footer-col ul{display:flex;flex-direction:column;gap:.35rem}.footer-col a{color:#94a3b8;text-decoration:none}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #334155;padding:1rem 2rem;text-align:center;font-size:.8rem;color:#64748b}.home-link{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem;text-decoration:none}.home-link:hover{color:var(--primary)}.confirm-dialog{max-width:400px;text-align:center}.confirm-dialog h3{margin-bottom:.75rem}.confirm-dialog p{color:var(--text-muted);margin-bottom:1.25rem}.confirm-actions{display:flex;gap:.75rem;justify-content:center}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.data-table th{background:var(--bg);font-weight:600;color:var(--secondary);white-space:nowrap}.data-table tbody tr:hover{background:var(--bg)}.link-btn{background:none;border:none;color:var(--primary);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.link-btn:hover{color:var(--primary-hover)}.logo-upload{margin-bottom:1.25rem}.logo-upload-row{display:flex;align-items:center;gap:1rem}.logo-preview{width:100px;height:100px;border:2px dashed var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg)}.logo-preview img{width:100%;height:100%;object-fit:contain}.logo-placeholder{font-size:.8rem;color:var(--text-muted)}.logo-actions{display:flex;flex-direction:column;gap:.5rem}.modal-wide{max-width:720px}.exporter-profile-view{display:flex;flex-direction:column;gap:1rem}.profile-view-header{display:flex;align-items:center;gap:1rem}.profile-view-logo{width:72px;height:72px;object-fit:contain;border-radius:8px;border:1px solid var(--border)}.profile-view-sub{color:var(--text-muted);font-size:.9rem}.profile-view-section h4{margin-bottom:.5rem;color:var(--secondary)}.goods-view-list{display:flex;flex-direction:column;gap:.75rem}.goods-view-card{background:var(--bg);padding:.75rem;border-radius:8px}.modal-footer-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.interested-badge{color:var(--success);font-weight:600;font-size:.9rem}