:root{color-scheme:light;--ink:#16243b;--muted:#63738a;--line:#dce4ef;--accent:#146c5a;--bg:#f3f6fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.55}.wrap{max-width:780px;margin:5vh auto;padding:18px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;color:var(--muted);font-size:14px}.brand{font-size:24px;font-weight:800;color:var(--accent);text-decoration:none}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:clamp(20px,5vw,36px);box-shadow:0 12px 38px #13233b0b}h1{margin:0 0 18px;font-size:clamp(25px,5vw,34px)}p{margin:12px 0}label{display:block;margin:16px 0;font-weight:650}input{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #c8d3e2;border-radius:10px;font:inherit;color:var(--ink);background:white}input:focus{outline:3px solid #146c5a25;border-color:var(--accent)}button,.action{display:inline-block;border:0;border-radius:10px;background:var(--accent);color:white;padding:12px 17px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}button:hover,.action:hover{filter:brightness(.94)}a{color:var(--accent)}.notice{padding:12px 14px;border-radius:10px;background:#eef7f3;border:1px solid #cbe7dc}.muted,footer{font-size:13px;color:var(--muted)}footer{text-align:center;padding:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0}.stat{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}.secret{display:block;overflow-wrap:anywhere;background:#f2f5f9;padding:12px;border-radius:8px;font-size:16px}@media(max-width:520px){.top{align-items:flex-start;flex-direction:column}.wrap{margin:2vh auto;padding:12px}}
/* Phase 03 tables */
table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5e7eb;vertical-align:top}th{font-weight:700;background:#f8fafc}small{color:#64748b}

.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:20px 0}.catalog-item{border:1px solid #ddd;border-radius:12px;padding:16px;background:#fff}.catalog-item img{max-width:100%;height:160px;object-fit:cover;border-radius:8px}.catalog-item h2{font-size:1.1rem}.catalog-item strong{font-size:1.2rem}

/* Phase 17: professional Super Admin dashboard */
.admin-shell{display:grid;grid-template-columns:236px minmax(0,1fr);gap:0;margin:-36px;min-height:760px;background:#f4f7fb;border-radius:17px;overflow:hidden}.card:has(.admin-shell){padding:36px;overflow:hidden}.admin-sidebar{background:#0b1830;color:#d9e5f6;padding:20px 13px;display:flex;flex-direction:column;gap:18px}.admin-logo{display:flex;align-items:center;gap:10px;padding:4px 7px 18px;color:#fff;text-decoration:none;font-size:23px;font-weight:800;border-bottom:1px solid #263650}.logo-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#21c6b7,#2b8bf2);color:white;font-size:23px}.admin-logo small,.admin-profile small{display:block;font-size:10px;color:#8fa5c4;font-weight:500;letter-spacing:.3px}.admin-sidebar nav{display:grid;gap:4px}.admin-nav{display:flex;align-items:center;gap:10px;padding:10px 9px;border-radius:9px;color:#c0cde0;text-decoration:none;font-size:12px;transition:.15s}.admin-nav span{width:19px;text-align:center;color:#90a8ca;font-size:15px}.admin-nav:hover,.admin-nav.active{background:#123e5a;color:white}.admin-nav.active{box-shadow:inset 3px 0 #20c6b5}.sidebar-note{margin-top:auto;padding:13px;background:#122744;border:1px solid #29405f;border-radius:12px;font-size:12px}.sidebar-note p{color:#9db1cc;font-size:11px}.sidebar-note a{color:#5bd7d0;text-decoration:none}.admin-main{min-width:0;padding:24px;background:#f4f7fb}.admin-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.admin-topbar h1{font-size:25px;margin:3px 0 4px;letter-spacing:-.6px}.admin-topbar p{margin:0;color:#728199;font-size:12px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#168e91}.admin-profile{display:flex;align-items:center;gap:9px;background:white;border:1px solid #e2e9f2;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:750;white-space:nowrap}.status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 4px #dcfce7}.admin-warning{background:#fff8e8;border:1px solid #f5dfac;color:#78551b;padding:12px 14px;border-radius:11px;font-size:11px;margin-bottom:17px}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.admin-stat{background:white;border:1px solid #e5ebf3;border-radius:13px;padding:15px 13px;display:flex;gap:11px;align-items:center;min-width:0;box-shadow:0 3px 12px #1d355708}.stat-icon{display:grid;place-items:center;flex-shrink:0;width:41px;height:41px;border-radius:12px;background:#eaf2ff;color:#3278dc;font-size:20px}.admin-stat.purple .stat-icon{background:#f1eaff;color:#8856dc}.admin-stat.green .stat-icon{background:#e3f8ef;color:#14976b}.admin-stat.orange .stat-icon{background:#fff0db;color:#db8b1a}.admin-stat span,.admin-stat small{display:block;color:#74839a;font-size:10px}.admin-stat strong{display:block;font-size:23px;line-height:1.45;color:#12213b;overflow-wrap:anywhere}.admin-stat small{font-size:9px}.admin-two{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:14px;margin-bottom:14px}.admin-panel{background:#fff;border:1px solid #e4ebf3;border-radius:13px;padding:16px;min-width:0;box-shadow:0 3px 12px #1d355705}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.panel-head h2{font-size:14px;margin:0 0 4px;color:#1a2b46}.panel-head p{font-size:10px;color:#8390a3;margin:0}.panel-head>a{font-size:10px;text-decoration:none;white-space:nowrap}.panel-icon{display:grid;place-items:center;background:#eaf4ff;color:#2475cb;width:33px;height:33px;border-radius:10px}.overview-list>div{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f6;font-size:11px}.overview-list>div span{color:#687a93}.overview-list>div strong{color:#182b47}.admin-panel .muted{font-size:10px;line-height:1.6;margin-top:13px}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-actions a{display:flex;align-items:center;gap:8px;padding:11px 9px;border:1px solid #e5ebf3;border-radius:9px;text-decoration:none;font-size:11px;color:#30435f;min-width:0}.quick-actions a:hover,.module-grid a:hover{border-color:#7bd8d0;background:#f2fffd}.quick-actions span{flex:1}.quick-actions b{color:#90a0b4}.lower-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.table-wrap{overflow-x:auto}.admin-table{display:table;min-width:640px;font-size:10px}.admin-table th{font-size:9px;color:#73839a;background:#f7f9fc;white-space:nowrap}.admin-table td{font-size:10px;color:#33445e}.admin-table th,.admin-table td{padding:10px 8px}.pill{display:inline-block;background:#e7f8ee;color:#16734b;border-radius:20px;padding:3px 7px;font-size:9px}.activity-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f6}.activity-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#1db9ad;margin-top:5px}.activity-row strong{font-size:10px;color:#263a56}.activity-row p{font-size:10px;color:#6c7b91;margin:3px 0}.activity-row small{font-size:9px}.system-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.system-links a{font-size:9px;padding:6px 8px;background:#f2f6fb;border-radius:7px;text-decoration:none}.modules-panel{margin-bottom:14px}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.module-grid a{border:1px solid #e4eaf2;border-radius:8px;padding:10px;color:#40536e;text-decoration:none;font-size:10px}.admin-footer{display:flex;justify-content:space-between;gap:12px;color:#8a97a9;font-size:9px;padding:6px 2px}.logout-button{margin:16px 0 0;background:#273a55}.wrap:has(.admin-shell){max-width:1500px;margin:20px auto;padding:18px}.card:has(.admin-shell)>h1,.card:has(.admin-shell)>.notice{display:none}.card:has(.admin-shell){padding:0;border-radius:17px}.card:has(.admin-shell)~footer{padding:12px}@media(max-width:1100px){.admin-shell{grid-template-columns:205px minmax(0,1fr)}.admin-main{padding:17px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-two,.lower-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.wrap:has(.admin-shell){margin:0;padding:7px}.admin-shell{grid-template-columns:1fr;margin:-1px;border-radius:12px}.admin-sidebar{padding:12px}.admin-logo{padding-bottom:10px}.admin-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.admin-nav{font-size:10px;padding:9px 6px}.sidebar-note{display:none}.admin-main{padding:12px}.admin-topbar{align-items:flex-start;flex-direction:column}.admin-topbar h1{font-size:21px}.admin-profile{padding:7px 9px}.admin-stats{gap:8px}.admin-stat{padding:11px 9px;gap:8px}.stat-icon{width:33px;height:33px;font-size:16px}.admin-stat strong{font-size:18px}.quick-actions{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-footer{flex-direction:column}.card:has(.admin-shell){padding:0}}

/* Phase 18: Agent / Partner dashboard */
.agent-shell{display:grid;grid-template-columns:220px minmax(0,1fr);margin:-36px;border-radius:17px;overflow:hidden;background:#f4f8fd;min-height:760px}.card:has(.agent-shell){padding:36px;overflow:hidden}.agent-sidebar{background:#0b1830;color:#dce8f8;padding:20px 13px;display:flex;flex-direction:column;gap:17px}.agent-logo{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font-size:23px;font-weight:800;padding:4px 7px 17px;border-bottom:1px solid #263650}.agent-logo small{display:block;font-size:10px;color:#91a7c4;font-weight:500}.agent-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#20c6b7,#2b8bf2)}.agent-user{padding:11px;background:#122744;border:1px solid #29405f;border-radius:10px}.agent-user strong,.agent-user small{display:block;overflow-wrap:anywhere}.agent-user small{font-size:10px;color:#a4b8d2;margin-top:4px}.agent-sidebar nav{display:grid;gap:4px}.agent-nav{display:flex;align-items:center;gap:9px;padding:10px 9px;border-radius:8px;color:#c0cde0;text-decoration:none;font-size:11px}.agent-nav span{width:19px;text-align:center}.agent-nav.active,.agent-nav:hover{background:#123e5a;color:#fff}.agent-side-note{margin-top:auto;padding:12px;background:#122744;border:1px solid #29405f;border-radius:11px;font-size:11px}.agent-side-note p{color:#9db1cc;line-height:1.6}.agent-main{padding:24px;min-width:0}.agent-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:17px}.agent-header h1{font-size:24px;margin:5px 0}.agent-header p,.agent-table-head p{font-size:11px;color:#74839a;margin:0}.agent-eyebrow{font-size:9px;letter-spacing:1.3px;color:#138f91;font-weight:800}.agent-status{white-space:nowrap;background:#e3f8ed;color:#12805b;padding:8px 11px;border-radius:20px;font-size:10px}.agent-notice{background:#fff8e8;border:1px solid #f5dfac;color:#78551b;padding:12px 14px;border-radius:10px;font-size:11px;line-height:1.6;margin-bottom:15px}.agent-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.agent-stat{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3ebf5;border-radius:12px;padding:13px;min-width:0}.agent-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#e7f1ff;color:#2879db;font-size:18px}.agent-stat small{display:block;color:#73839a;font-size:10px}.agent-stat strong{display:block;color:#152744;font-size:17px;overflow-wrap:anywhere;margin-top:3px}.agent-two{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:14px}.agent-panel{background:white;border:1px solid #e3ebf5;border-radius:12px;padding:16px;margin-bottom:14px;min-width:0;box-shadow:0 3px 12px #1d355705}.agent-panel h2{font-size:14px;color:#1a2b46;margin:0 0 13px}.agent-info-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f6;font-size:11px}.agent-info-row span{color:#718198}.agent-info-row strong{text-align:right;overflow-wrap:anywhere}.agent-muted{font-size:10px;line-height:1.7;color:#78879c;margin:12px 0}.agent-primary{display:inline-block;background:#1678e8;color:#fff;text-decoration:none;padding:9px 12px;border-radius:8px;font-size:11px}.agent-actions{display:grid;gap:8px}.agent-actions a{display:flex;gap:9px;align-items:center;padding:11px;border:1px solid #e5ebf3;border-radius:9px;text-decoration:none;font-size:11px}.agent-actions span{flex:1;color:#30435f}.agent-actions b{color:#90a0b4}.agent-table-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.agent-table-head h2{margin-bottom:4px}.agent-pill{display:inline-block;background:#e7f8ee;color:#16734b;border-radius:20px;padding:4px 8px;font-size:9px}.agent-footer{font-size:9px;color:#8a97a9;padding:8px 2px}.wrap:has(.agent-shell){max-width:1450px;margin:20px auto;padding:18px}.card:has(.agent-shell)>h1,.card:has(.agent-shell)>.notice{display:none}.card:has(.agent-shell){padding:0}.card:has(.agent-shell)~footer{padding:12px}@media(max-width:1000px){.agent-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-two{grid-template-columns:1fr}.agent-main{padding:17px}}@media(max-width:650px){.wrap:has(.agent-shell){margin:0;padding:6px}.agent-shell{grid-template-columns:1fr;margin:-1px}.agent-sidebar{padding:12px}.agent-logo{padding-bottom:10px}.agent-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-nav{font-size:10px;padding:8px 5px}.agent-side-note{display:none}.agent-main{padding:11px}.agent-header{align-items:flex-start;flex-direction:column}.agent-header h1{font-size:21px}.agent-stats{gap:7px}.agent-stat{padding:9px;gap:7px}.agent-icon{width:30px;height:30px;font-size:15px}.agent-stat strong{font-size:14px}.card:has(.agent-shell){padding:0}}

/* Phase 19: Customer dashboard */
.customer-shell{display:grid;grid-template-columns:225px minmax(0,1fr);gap:0;background:#f4f8fc;border-radius:16px;overflow:hidden;color:#152d4e;min-height:760px}.customer-sidebar{background:#fff;border-right:1px solid #e3edf7;padding:18px 13px;display:flex;flex-direction:column;gap:18px}.customer-logo{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:25px;font-weight:850;color:#102c4e;padding:0 8px 12px;border-bottom:1px solid #edf2f7}.customer-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(140deg,#0caa9b,#0876a5);color:#fff;display:grid;place-items:center;font-size:24px}.customer-logo small{display:block;font-size:10px;font-weight:500;color:#71849e}.customer-user{display:flex;gap:9px;align-items:center;padding:5px}.customer-avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#dcf8f2;color:#008b82;font-size:22px}.customer-user strong,.customer-user small,.customer-user em{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis}.customer-user strong{font-size:13px}.customer-user small{font-size:10px;color:#7487a0;margin:3px 0}.customer-user em{font-size:10px;color:#07966d;font-style:normal}.customer-sidebar nav{display:grid;gap:4px}.customer-nav{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:9px;text-decoration:none;color:#38516f;font-size:12px}.customer-nav span{font-size:17px;width:20px;text-align:center}.customer-nav.active,.customer-nav:hover{background:#078f86;color:#fff}.customer-reward{margin-top:auto;background:linear-gradient(145deg,#087e77,#065b68);color:white;border-radius:12px;padding:15px}.customer-reward p{font-size:11px;line-height:1.6;color:#d6f7f2}.customer-reward a{color:#fff;font-size:11px;font-weight:700}.customer-main{padding:22px;min-width:0}.customer-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.customer-eyebrow{font-size:10px;letter-spacing:1.5px;color:#0b9a90;font-weight:800}.customer-top h1{font-size:25px;margin:8px 0;color:#122b4c}.customer-top p{font-size:12px;color:#6d8099;margin:0}.customer-search{white-space:nowrap;background:white;border:1px solid #e0eaf4;border-radius:10px;padding:12px 14px;text-decoration:none;font-size:12px;color:#2b557a}.customer-note{margin:18px 0;background:#eaf8f5;border:1px solid #d3f0e9;color:#17685f;padding:10px 13px;border-radius:9px;font-size:11px}.customer-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.customer-stat{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e4edf6;border-radius:12px;padding:16px;box-shadow:0 3px 12px #183b5a08;min-width:0}.customer-stat>span{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#dff7f3;display:grid;place-items:center;color:#078d85;font-size:22px}.customer-stat.pink>span{background:#ffe9f0;color:#e84d79}.customer-stat.blue>span{background:#e4f1ff;color:#227ad0}.customer-stat.gold>span{background:#fff2d8;color:#d99418}.customer-stat small{display:block;color:#6d8099;font-size:11px}.customer-stat strong{display:block;font-size:21px;margin-top:5px;overflow-wrap:anywhere}.customer-banner{margin:16px 0;background:linear-gradient(110deg,#087a70,#0ca88d 65%,#49c89b);border-radius:13px;padding:22px 26px;color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;min-height:145px}.customer-banner span{font-size:10px;letter-spacing:2px;font-weight:700;color:#bff5e8}.customer-banner h2{font-size:23px;margin:8px 0}.customer-banner p{font-size:12px;margin:0 0 15px;color:#e0fff7}.customer-banner a{display:inline-block;background:#ffcf59;color:#4d3c09;padding:9px 15px;border-radius:22px;text-decoration:none;font-size:12px;font-weight:800}.customer-banner-art{font-size:100px;font-weight:900;color:#ffffff30;line-height:1;padding:0 25px}.customer-panel{background:white;border:1px solid #e4edf6;border-radius:12px;padding:16px;margin:15px 0;min-width:0}.customer-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px}.customer-panel-head h2{font-size:15px;margin:0 0 4px}.customer-panel-head p{font-size:11px;color:#8292a7;margin:0}.customer-panel-head>a{font-size:11px;color:#087eaf;text-decoration:none;white-space:nowrap}.customer-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.customer-product{border:1px solid #e5edf5;border-radius:10px;padding:12px;min-width:0;display:flex;flex-direction:column;gap:7px}.customer-product-icon{height:70px;border-radius:8px;background:linear-gradient(145deg,#eaf6fc,#e1f7f1);display:grid;place-items:center;font-size:33px;color:#098e8a}.customer-product strong{font-size:12px;overflow-wrap:anywhere}.customer-product p{font-size:10px;color:#74869c;margin:0;min-height:24px}.customer-product b{font-size:14px}.customer-old{font-size:10px;color:#9aa7b7;text-decoration:line-through}.customer-product>a{font-size:10px;color:#087eaf;text-decoration:none;margin-top:auto}.customer-empty{grid-column:1/-1;padding:22px;color:#71849b;font-size:12px;background:#f7fafc;border-radius:8px}.customer-pill{background:#e5f5ee;color:#16754e;border-radius:20px;padding:4px 8px;font-size:10px}.customer-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.customer-shortcuts>a{display:grid;gap:7px;padding:15px;background:white;border:1px solid #e4edf6;border-radius:10px;text-decoration:none;color:#147c8b;font-size:20px}.customer-shortcuts strong{font-size:12px;color:#173553}.customer-shortcuts small{font-size:10px;color:#8191a4}.customer-footer{display:flex;justify-content:space-between;gap:12px;padding:18px 3px 4px;color:#8796a9;font-size:10px}.customer-shell~form .logout-button{position:fixed;right:20px;bottom:18px;border:0;border-radius:8px;background:#102b4b;color:#fff;padding:9px 14px;z-index:20}@media(max-width:900px){.customer-shell{grid-template-columns:180px minmax(0,1fr)}.customer-main{padding:14px}.customer-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-products{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-top{align-items:flex-start;flex-direction:column}.customer-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.customer-shell{grid-template-columns:1fr}.customer-sidebar{padding:10px;gap:10px}.customer-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-reward{display:none}.customer-logo{padding-bottom:8px}.customer-main{padding:11px}.customer-top h1{font-size:21px}.customer-stats{gap:7px}.customer-stat{padding:10px;gap:7px}.customer-stat>span{width:32px;height:32px;flex-basis:32px;font-size:17px}.customer-stat strong{font-size:16px}.customer-banner{padding:16px;min-height:120px}.customer-banner h2{font-size:18px}.customer-banner-art{font-size:60px;padding:0}.customer-products{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-footer{flex-direction:column}.customer-shell~form .logout-button{position:static;margin:10px}}
/* Phase 20: English Seller Dashboard and public shop QR storefront */
.seller-dashboard{max-width:1500px;margin:0 auto;padding:24px;color:#12213b}.seller-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.seller-header h1{margin:6px 0;font-size:clamp(1.6rem,3vw,2.3rem);color:#102342}.seller-header p,.seller-panel p{color:#61718b;line-height:1.55}.seller-header-actions,.seller-shop-links,.seller-qr-actions{display:flex;gap:10px;flex-wrap:wrap}.seller-header-actions a,.seller-shop-links a,.seller-quick-links a{display:inline-block;padding:10px 14px;border-radius:10px;background:#eaf4ff;color:#075fbd;text-decoration:none;font-weight:650}.seller-warning{padding:13px 16px;border:1px solid #f3d8a4;background:#fff9e9;border-radius:12px;color:#75521a;margin:16px 0}.seller-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.seller-metrics article,.seller-stat,.seller-panel{background:#fff;border:1px solid #e2ebf5;border-radius:16px;padding:20px;box-shadow:0 6px 20px rgba(20,56,95,.05)}.seller-metrics span,.seller-stat>span{display:block;color:#64748b;font-size:.9rem}.seller-metrics strong{display:block;font-size:1.8rem;color:#12213b;margin:8px 0}.seller-metrics small,.seller-stat small{color:#7b8aa0}.seller-panel{margin:18px 0}.seller-panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.seller-panel-title h2,.seller-qr-panel h2{margin:0;color:#142849}.seller-panel-title>a{color:#0876d1;text-decoration:none}.seller-shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.seller-stat strong{display:block;font-size:1.2rem;margin:8px 0}.seller-shop-links{margin-top:12px}.seller-shop-links a{font-size:.85rem;padding:8px 10px}.seller-qr-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.seller-qr-panel label{display:block;font-weight:650;margin:12px 0 6px}.seller-qr-panel select{width:100%;max-width:520px;padding:12px;border:1px solid #d7e2ef;border-radius:10px;background:white}.seller-qr-actions{margin:12px 0}.seller-qr-actions button{border:0;border-radius:10px;padding:11px 16px;background:#0878d8;color:white;font-weight:700;cursor:pointer}.seller-qr-actions button.secondary{background:#e8eff7;color:#243b5c}.seller-qr-url{overflow-wrap:anywhere;max-width:800px;font-size:.9rem}.seller-qr-panel #shopQrCode{display:flex;align-items:center;justify-content:flex-start;padding:12px 0;min-height:20px}.seller-qr-panel #shopQrCode img,.seller-qr-panel #shopQrCode canvas{padding:10px;background:#fff;border:1px solid #e3eaf2;border-radius:12px}.seller-quick-links{display:flex;gap:12px;flex-wrap:wrap}.seller-footer{color:#7c8aa0;padding:20px 0;text-align:center}.public-shop-head{background:linear-gradient(120deg,#e4fbf5,#eff7ff);border:1px solid #d7eee8;border-radius:18px;padding:24px;margin-bottom:20px}.public-shop-head h1{margin:.3em 0;color:#12304b}.public-shop-head p{color:#506781}.public-shop-cart{display:inline-block;background:#087f70;color:#fff;text-decoration:none;padding:11px 16px;border-radius:10px;font-weight:700}.public-shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.public-shop-item{background:#fff;border:1px solid #e2eaf3;border-radius:15px;padding:18px;box-shadow:0 5px 18px rgba(18,48,75,.05)}.public-shop-item h3{margin:0 0 8px;color:#183553}.public-shop-item p{color:#66778e;min-height:24px}.public-shop-item>strong{display:block;font-size:1.2rem;margin:10px 0}.public-shop-item label{display:block;margin:10px 0;color:#53647b}.public-shop-item input{display:block;width:100%;max-width:120px;padding:9px;border:1px solid #d4e0ec;border-radius:8px;margin-top:4px}.public-shop-item button{border:0;border-radius:9px;background:#087f70;color:white;padding:10px 14px;font-weight:700;cursor:pointer}.public-shop-item form{display:block}@media(max-width:850px){.seller-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.seller-header{flex-direction:column}.seller-dashboard{padding:14px}}@media(max-width:480px){.seller-metrics{grid-template-columns:1fr}.seller-panel{padding:15px}.seller-shop-grid,.public-shop-grid{grid-template-columns:1fr}}@media print{body>*{visibility:hidden}.seller-qr-panel,.seller-qr-panel *{visibility:visible}.seller-qr-panel{position:absolute;left:0;top:0;width:100%;box-shadow:none;border:0}.seller-qr-actions,.seller-qr-panel select,.seller-qr-panel label{display:none!important}}

/* Phase 22 customer delivery location */
.customer-location-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:20px 22px;border:1px solid #dbe5ef;border-radius:18px;background:#f8fbff}.customer-location-card h2{margin:6px 0;font-size:18px}.customer-location-card p{margin:0;color:#526173;overflow-wrap:anywhere}.customer-location-card>a{white-space:nowrap;background:#174f9c;color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:600}@media(max-width:600px){.customer-location-card{align-items:flex-start;flex-direction:column}}