.btn-primary{padding:.55rem 1rem;border:none;border-radius:8px;background:var(--blue);color:var(--white);font-weight:600;cursor:pointer}.btn-secondary{padding:.55rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--white);color:var(--text);font-weight:600;cursor:pointer}.hn-input{padding:.65rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--white);color:var(--text);width:100%}.cross-app-btn{padding:.45rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--white);cursor:pointer;font-weight:600}.cross-app-menu{position:absolute;right:0;top:calc(100% + 4px);min-width:160px;background:var(--white);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:100;display:flex;flex-direction:column;padding:.35rem}.cross-app-menu button{text-align:left;padding:.55rem .75rem;border:none;background:transparent;border-radius:6px;cursor:pointer}.cross-app-menu button:hover{background:var(--surface-2)}.cross-app-menu button.current{color:var(--blue);font-weight:700}.app-icon{display:inline-block;vertical-align:middle;flex-shrink:0}:root{--blue: #1877f2;--orange: #f97316;--brand-navy: #172d4f;--brand-gold: #c4a25b;--bg: #f0f2f5;--white: #fff;--text: #050505;--muted: #65676b;--border: #dddfe2;--danger: #e41e3f;--success: #16a34a;font-family:Segoe UI,system-ui,sans-serif}.ecom-app{max-width:1200px;margin:0 auto;min-height:100vh}.ecom-app.seller-mode{background:linear-gradient(180deg,#fff7ed 0%,var(--bg) 280px)}.ecom-app.seller-mode .ecom-header{background:#fff7edeb;border-bottom-color:#fdba7480}.mode-badge{margin-left:.5rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#9a3412;background:linear-gradient(135deg,#fed7aa,#fdba74);padding:.2rem .5rem;border-radius:999px;vertical-align:middle}.ecom-app.seller-mode .chat-section{border-color:#fdba74;box-shadow:0 4px 24px #f973161a}.ecom-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.65rem 1rem;background:#ffffffeb;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.brand-block{display:flex;align-items:center;min-width:0}.brand-link{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit;min-width:0}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}.brand-text{font-weight:800;color:var(--brand-navy, #172d4f);font-size:1.05rem;display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;min-width:0}.ecom-app.seller-mode .brand-text{color:#c2410c}.header-actions{display:flex;align-items:center;gap:.5rem}.header-icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--white);color:var(--muted);text-decoration:none;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.header-icon-btn:hover{background:#f7f8fa;color:var(--text)}.header-icon-btn.active{background:#e7f3ff;border-color:#93c5fd;color:var(--blue);box-shadow:0 2px 8px #1877f21f}.ecom-app.seller-mode .header-icon-btn.active{background:#ffedd5;border-color:#fdba74;color:#c2410c;box-shadow:0 2px 8px #f9731626}.mode-toggle{position:relative;display:inline-flex;padding:4px;border-radius:999px;background:#eef0f3;border:1px solid var(--border);gap:2px}.ecom-app.seller-mode .mode-toggle{background:#fff1e6;border-color:#fed7aa}.mode-toggle-slider{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--white);box-shadow:0 2px 8px #00000014;transition:left .22s cubic-bezier(.4,0,.2,1);pointer-events:none}.mode-toggle-slider.sell{left:50%}.mode-toggle-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.35rem;border:none;background:transparent;color:var(--muted);padding:.45rem .85rem;border-radius:999px;cursor:pointer;font-weight:600;font-size:.82rem;transition:color .15s}.mode-toggle-btn.active{color:var(--blue)}.ecom-app.seller-mode .mode-toggle-btn.active{color:#c2410c}.mode-toggle-btn span{white-space:nowrap}.shop-name-badge{font-size:.78rem;font-weight:600;color:#9a3412;background:#ffedd5;padding:.15rem .5rem;border-radius:999px}.brand{font-weight:800;color:var(--blue);font-size:1.2rem}.settings-page{padding:1rem;max-width:720px;margin:0 auto}.settings-hub{max-width:560px}.settings-hub-head h1,.settings-page-titles h1{margin:0;font-size:1.5rem}.settings-hub-head{margin-bottom:1.25rem}.settings-page-head{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.settings-back-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--white);color:var(--text);cursor:pointer;flex-shrink:0}.settings-page-titles{min-width:0}.settings-page-subtitle{margin-top:.25rem;font-size:.9rem}.settings-page-subtitle a{color:var(--blue)}.settings-section{margin-bottom:1.25rem}.settings-section-label{margin:0 0 .5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.settings-card{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000a}.settings-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;border:none;border-bottom:1px solid var(--border);background:var(--white);cursor:pointer;text-align:left;transition:background .12s}.settings-row:last-child{border-bottom:none}.settings-row:hover{background:#f7f8fa}.settings-row-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f0f2f5;color:var(--blue);flex-shrink:0}.ecom-app.seller-mode .settings-row-icon{background:#fff7ed;color:#c2410c}.settings-row-text{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.settings-row-text strong{font-size:.95rem}.settings-row-text .muted{font-size:.82rem}.settings-row-badge{font-size:.68rem;font-weight:700;text-transform:uppercase;padding:.15rem .45rem;border-radius:999px;background:#fef3c7;color:#92400e}.settings-row-chevron{color:var(--muted);flex-shrink:0}.settings-form{display:flex;flex-direction:column;gap:.65rem;background:var(--white);border:1px solid var(--border);border-radius:16px;padding:1.25rem;box-shadow:0 2px 12px #0000000a}.settings-form input,.settings-form select,.settings-form textarea{padding:.55rem .75rem;border:1px solid var(--border);border-radius:10px;font:inherit}.settings-form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.browse-page{background:#fafafa;min-height:calc(100vh - 64px);padding-bottom:2.5rem}.browse-hero{position:relative;background:#111;color:#fff}.browse-hero .promo-carousel{margin:0;border-radius:0}.browse-hero .promo-slide{height:320px}.browse-hero-copy{max-width:720px;margin:0 auto;padding:1.5rem 1rem 2rem;text-align:center}.browse-eyebrow{margin:0 0 .35rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.75}.browse-hero-copy h1{margin:0 0 .5rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:400;letter-spacing:.02em;font-family:Georgia,Times New Roman,serif}.browse-hero-sub{margin:0 auto 1.25rem;max-width:520px;opacity:.85;font-size:.95rem;line-height:1.5}.browse-search-form{display:flex;align-items:center;gap:.5rem;max-width:560px;margin:0 auto;padding:.35rem .35rem .35rem .85rem;background:#fff;border-radius:999px;color:var(--text)}.browse-search-form input{flex:1;border:none;outline:none;padding:.55rem .25rem;font-size:.95rem;background:transparent}.browse-search-form .btn-primary{border-radius:999px;padding:.55rem 1.1rem;background:#111}.browse-nav{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--border);background:#fff;padding:0 .5rem;scrollbar-width:none}.browse-nav::-webkit-scrollbar{display:none}.browse-nav-item{flex-shrink:0;border:none;background:transparent;padding:.9rem 1rem;font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.browse-nav-item:hover{color:var(--text)}.browse-nav-item.active{color:var(--text);border-bottom-color:#111}.browse-quick-links,.browse-results{max-width:1200px;margin:0 auto;padding:1.5rem 1rem 0}.browse-section-title{margin:0 0 1rem;font-size:1.1rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;font-family:Georgia,Times New Roman,serif}.browse-quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem}.browse-quick-card{display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:4px;background:#fff;cursor:pointer;font-size:.88rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.browse-quick-card:hover{border-color:#111;box-shadow:0 4px 16px #0000000f}.browse-results-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.browse-ai-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--blue);text-decoration:none;font-size:.88rem;font-weight:600}.browse-empty{text-align:center;padding:2.5rem 1rem;background:#fff;border:1px dashed var(--border);border-radius:8px}.browse-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.browse-product-card{background:#fff;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.browse-product-card:hover{box-shadow:0 8px 28px #00000014;transform:translateY(-2px)}.browse-product-image-wrap{position:relative;aspect-ratio:4 / 5;background:#f3f4f6;overflow:hidden}.browse-product-image-wrap img{width:100%;height:100%;object-fit:cover}.browse-product-tag{position:absolute;top:.65rem;left:.65rem;background:#ffffffeb;padding:.2rem .5rem;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.browse-product-body{padding:.85rem .9rem 1rem;display:flex;flex-direction:column;gap:.25rem;flex:1}.browse-product-body h3{margin:0;font-size:.95rem;font-weight:600;line-height:1.35}.browse-product-price{margin-top:.25rem;font-size:.92rem;font-weight:700}.browse-add-btn{margin-top:auto;padding-top:.75rem;border:none;background:transparent;color:#111;font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:left}.browse-add-btn:hover{opacity:.7}.browse-add-btn:disabled{opacity:.45;cursor:not-allowed}.category-field{display:flex;flex-direction:column;gap:.45rem}.category-label{font-size:.82rem;font-weight:600;color:var(--muted)}.category-field select{padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;font:inherit}.category-ai-row{display:flex;flex-direction:column;gap:.35rem}.category-ai-label{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;color:var(--blue)}.category-ai-chips{display:flex;flex-wrap:wrap;gap:.35rem}.category-ai-chip{border:1px solid #93c5fd;background:#eff6ff;color:#1d4ed8;padding:.3rem .65rem;border-radius:999px;font-size:.78rem;font-weight:600;cursor:pointer}.category-ai-chip.active{background:var(--blue);border-color:var(--blue);color:#fff}.order-history-page{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:1rem;box-shadow:0 2px 12px #0000000a}.thai-post-page-embedded{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:1rem;box-shadow:0 2px 12px #0000000a;max-height:none;width:100%}.thai-post-page-embedded .thai-post-section{max-height:none}.promo-carousel{position:relative;margin:1rem;border-radius:16px;overflow:hidden}.promo-slide{height:220px;background-size:cover;background-position:center;cursor:pointer}.promo-overlay{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem;background:linear-gradient(transparent,#000000a6);color:var(--white)}.promo-overlay h2{margin:0 0 .25rem}.promo-overlay p{margin:0;opacity:.9}.promo-cta{margin-top:.5rem;font-size:.85rem;color:var(--orange);font-weight:600}.promo-dots{display:flex;gap:.35rem;justify-content:center;padding:.5rem}.promo-dots button{width:8px;height:8px;border-radius:50%;border:none;background:var(--border);cursor:pointer}.promo-dots button.active{background:var(--blue)}.ecom-main{display:grid;grid-template-columns:1fr 300px;gap:1rem;padding:0 1rem 1rem}.chat-section{background:var(--white);border-radius:16px;border:1px solid var(--border);display:flex;flex-direction:column;min-height:520px;position:relative}.chat-section.drag-over{border-color:var(--blue);box-shadow:inset 0 0 0 2px #1877f240}.ecom-app.seller-mode .chat-section.drag-over{border-color:var(--orange);box-shadow:inset 0 0 0 2px #f9731659}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#1877f214;border-radius:16px;pointer-events:none;color:var(--blue);font-weight:600}.ecom-app.seller-mode .drop-overlay{background:#f973161a;color:#c2410c}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.chat-bubble{max-width:90%;padding:.65rem .85rem;border-radius:12px;font-size:.92rem}.chat-bubble.user{align-self:flex-end;background:var(--blue);color:var(--white)}.chat-bubble.assistant{align-self:flex-start;background:#f7f8fa;border:1px solid var(--border)}.chat-bubble.success-bubble{border-color:#86efac;background:#f0fdf4}.chat-bubble.error-bubble{border-color:#fecaca;background:#fef2f2;color:#991b1b}.product-chip{display:flex;gap:.5rem;align-items:center;margin-top:.5rem;padding:.5rem;background:var(--white);border-radius:8px;border:1px solid var(--border)}.product-chip img{width:48px;height:48px;object-fit:cover;border-radius:6px}.product-chip .muted{display:block;font-size:.75rem;color:var(--muted)}.product-shop-label{display:block;font-size:.78rem;font-weight:600;color:#1d4ed8;margin:.1rem 0}.ecom-app.seller-mode .product-shop-label{color:#c2410c}.budget-row .product-shop-label{font-size:.75rem}.product-chip button{margin-left:auto;border:none;background:var(--orange);color:var(--white);padding:.35rem .6rem;border-radius:6px;cursor:pointer}.chat-mode-tabs{display:flex;gap:.35rem;padding:.65rem 1rem 0;border-bottom:1px solid var(--border)}.chat-mode-tabs button{flex:1;border:1px solid var(--border);background:#f7f8fa;color:var(--muted);padding:.45rem .75rem;border-radius:8px 8px 0 0;cursor:pointer;font-weight:600;font-size:.85rem}.chat-mode-tabs button.active{background:var(--white);color:var(--blue);border-bottom-color:var(--white);margin-bottom:-1px}.ecom-app.seller-mode .chat-mode-tabs button.active{color:#c2410c;border-color:#fdba74}.category-chips{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem 1rem;border-top:1px solid var(--border)}.category-chip{border:1px solid var(--orange);background:#fff7ed;color:#c2410c;padding:.35rem .75rem;border-radius:999px;font-size:.82rem;cursor:pointer;font-weight:600}.chat-actions{display:flex;flex-wrap:wrap;gap:.35rem;padding:0 1rem}.action-chip{border:1px solid var(--blue);background:#e7f3ff;color:var(--blue);padding:.35rem .65rem;border-radius:999px;font-size:.8rem;cursor:pointer}.auth-hint{font-size:.85rem;margin-top:.75rem;text-align:center}.upload-bar{display:flex;gap:.5rem;padding:.5rem 1rem;border-top:1px solid var(--border);align-items:center}.upload-btn{background:var(--orange);color:var(--white);padding:.4rem .75rem;border-radius:8px;cursor:pointer;font-size:.85rem;display:inline-flex;align-items:center;gap:.35rem}.budget-panel h3{display:flex;align-items:center;gap:.4rem}.checkout-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.icon-only{display:inline-flex;padding:.25rem}.app-icon{display:block;flex-shrink:0}.slip-verify-btn{display:inline-flex;align-items:center;gap:.35rem}.pending-image{display:flex;align-items:center;gap:.5rem;padding:.35rem 1rem;font-size:.85rem;color:var(--muted)}.chat-input-row{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border)}.chat-input-row input{flex:1;padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px}.budget-panel{background:var(--white);border-radius:16px;border:1px solid var(--border);padding:1rem;height:fit-content;position:sticky;top:1rem}.budget-list{display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-y:auto;margin:.75rem 0}.budget-row{display:flex;gap:.5rem;align-items:center;font-size:.85rem}.budget-row img{width:40px;height:40px;object-fit:cover;border-radius:6px}.budget-total{margin:.75rem 0;padding-top:.75rem;border-top:1px solid var(--border)}.seller-panel{background:#fff7ed;border-radius:16px;border:1px solid #fdba74;padding:1rem;height:fit-content;position:sticky;top:1rem}.seller-panel-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.seller-panel-head h3{margin:0;color:#9a3412}.seller-product-list{display:flex;flex-direction:column;gap:.5rem;max-height:420px;overflow-y:auto;margin-top:.75rem}.seller-product-row{display:flex;gap:.5rem;align-items:center;padding:.5rem;background:var(--white);border-radius:8px;border:1px solid #fed7aa;font-size:.85rem}.seller-product-row img,.seller-product-placeholder{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0}.seller-product-placeholder{display:grid;place-items:center;background:#ffedd5;color:#9a3412;font-size:.65rem}.seller-product-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.seller-product-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seller-shop-label{margin:.15rem 0 0;font-size:.8rem}.seller-edit-btn{margin-left:auto;flex-shrink:0}.order-history-modal{max-height:85vh;overflow:auto}.order-history-head{display:flex;justify-content:space-between;align-items:center}.order-history-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.order-history-row{border:1px solid var(--border);border-radius:10px;padding:.75rem;background:#f7f8fa}.order-history-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.85rem}.order-item-lines{margin:.5rem 0 0;padding-left:1.1rem;font-size:.85rem}.order-history-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.status-pill{font-size:.72rem;font-weight:700;text-transform:uppercase;padding:.1rem .4rem;border-radius:999px;background:#e5e7eb}.status-pill.status-paid{background:#dcfce7;color:#166534}.status-pill.status-pending{background:#fef3c7;color:#92400e}.track-panel{margin-top:.5rem;padding:.65rem;background:var(--white);border-radius:8px;border:1px solid var(--border)}.track-events{margin:.35rem 0 0;padding-left:1.1rem;font-size:.85rem}.checkout-track h3{margin:0 0 .35rem;font-size:.95rem}.slip-thumb{max-width:100%;max-height:180px;border-radius:8px;margin-top:.5rem}.slip-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;display:grid;place-items:center;padding:1rem}.slip-preview-box{background:var(--white);border-radius:12px;padding:1rem;max-width:min(520px,96vw);display:flex;flex-direction:column;gap:.75rem;align-items:center}.slip-preview-box img{max-width:100%;max-height:70vh;object-fit:contain}.thai-post-modal{max-height:90vh;overflow-y:auto}.webhook-info-panel{background:#f7f8fa;border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.35rem}.webhook-code{display:block;font-size:.75rem;word-break:break-all;background:var(--white);border:1px solid var(--border);border-radius:6px;padding:.45rem}.thai-post-actions{flex-wrap:wrap;justify-content:flex-end}.thai-post-page{max-height:92vh;overflow:hidden;display:flex;flex-direction:column;width:min(960px,98vw)}.thai-post-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.thai-post-tabs{display:flex;flex-wrap:wrap;gap:.35rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.thai-post-tabs button{border:1px solid var(--border);background:#f7f8fa;padding:.35rem .65rem;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:600}.thai-post-tabs button.active{background:var(--orange);color:var(--white);border-color:var(--orange)}.thai-post-section{overflow-y:auto;max-height:55vh;display:flex;flex-direction:column;gap:.5rem}.thai-post-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:10px}.thai-post-table{width:100%;border-collapse:collapse;font-size:.78rem}.thai-post-table th,.thai-post-table td{border-bottom:1px solid var(--border);padding:.45rem .5rem;text-align:left;vertical-align:top}.thai-post-table th{background:#f7f8fa;position:sticky;top:0}.thai-post-table .desc-cell{max-width:180px}.mini-code{font-size:.7rem;word-break:break-all}.thai-post-api-link{padding:0;font-size:inherit}.thai-post-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.thai-post-actions-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.thai-post-actions-row.wrap{margin-top:.25rem}.thai-post-result{background:#0f172a;color:#e2e8f0;padding:.75rem;border-radius:8px;font-size:.72rem;max-height:200px;overflow:auto;margin:0}.thai-post-result.error{background:#fef2f2;color:var(--danger)}.thai-post-events{margin:.5rem 0 0;padding-left:1.1rem;font-size:.85rem}.btn-primary{border:none;background:var(--blue);color:var(--white);padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer}.btn-primary.full{width:100%}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{border:none;background:transparent;color:var(--muted);cursor:pointer}.btn-link{border:none;background:none;color:var(--blue);cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:100;padding:1rem}.modal{background:var(--white);border-radius:16px;padding:1.25rem;width:min(440px,96vw);display:flex;flex-direction:column;gap:.65rem}.modal-wide{width:min(560px,96vw)}.modal input,.modal select,.modal textarea{padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.muted{color:var(--muted);font-size:.88rem;margin:0}.error{color:var(--danger);font-size:.88rem;margin:0}.success{color:var(--success);font-size:.88rem}.product-preview{width:100%;max-height:160px;object-fit:cover;border-radius:8px}.bank-info,.checkout-summary,.slip-upload{background:#f7f8fa;padding:.75rem;border-radius:8px;font-size:.9rem}.auth-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#e7f3ff,#fff7ed)}.auth-card{width:min(400px,92vw);background:var(--white);padding:2rem;border-radius:16px;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 8px 32px #00000014}.auth-card input{padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px}@media (max-width: 800px){.ecom-main{grid-template-columns:1fr}.budget-panel{position:static}.mode-toggle-btn span{display:none}.mode-toggle-btn{padding:.45rem .65rem}.brand-text{font-size:.95rem}}.delivery-method-picker{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-right:.5rem}.delivery-method-picker .muted{font-size:.8rem}.cross-app-btn{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:.4rem .65rem;cursor:pointer;font-size:.8rem}.cross-app-menu{position:absolute;right:0;top:calc(100% + 4px);background:var(--white);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:150px;z-index:50}.cross-app-menu button{display:block;width:100%;text-align:left;padding:.5rem .75rem;border:none;background:none;cursor:pointer}:root{--green: #16a34a;--bg: #f0f2f5;--white: #fff;--text: #050505;--muted: #65676b;--border: #dddfe2;--danger: #e41e3f;font-family:Segoe UI,system-ui,sans-serif}body{margin:0;background:var(--bg);color:var(--text)}.app-shell{max-width:960px;margin:0 auto;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40}.brand{font-weight:800;color:var(--green);text-decoration:none;font-size:1.1rem}.nav-links{display:flex;gap:.5rem;flex-wrap:wrap}.nav-links a{text-decoration:none;color:var(--muted);padding:.35rem .65rem;border-radius:8px;font-size:.9rem}.nav-links a.active{background:#dcfce7;color:var(--green);font-weight:600}.page{padding:1rem}.page h1{margin:0 0 .75rem;font-size:1.35rem}.card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:.75rem}.card h2,.card h3{margin:0 0 .35rem;font-size:1rem}.muted{color:var(--muted);font-size:.875rem}.error{color:var(--danger);font-size:.875rem}.btn-primary{background:var(--green);color:var(--white);border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;cursor:pointer}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:.45rem .85rem;cursor:pointer}.btn-link{background:none;border:none;color:var(--green);cursor:pointer;font-weight:600;padding:0}input,select,textarea{width:100%;padding:.55rem .65rem;border:1px solid var(--border);border-radius:8px;font:inherit;margin-bottom:.5rem}.store-grid{display:grid;gap:.75rem}.store-card{cursor:pointer;transition:box-shadow .15s}.store-card:hover{box-shadow:0 4px 16px #00000014}.menu-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--border)}.menu-item:last-child{border-bottom:none}.menu-item-info{flex:1;min-width:0}.menu-item-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.cart-bar{position:sticky;bottom:0;background:var(--white);border-top:1px solid var(--border);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:1.5rem;width:100%;max-width:380px}.auth-card h1{margin:0 0 .5rem;color:var(--green)}.btn-primary.full{width:100%;margin-top:.25rem}.cross-app-btn{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:.4rem .65rem;cursor:pointer;font-size:.85rem}.cross-app-menu{position:absolute;right:0;top:calc(100% + 4px);background:var(--white);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:160px;z-index:50;overflow:hidden}.cross-app-menu button{display:block;width:100%;text-align:left;padding:.55rem .85rem;border:none;background:none;cursor:pointer;font:inherit}.cross-app-menu button:hover{background:#f7f8fa}.cross-app-menu button.current{background:#dcfce7;font-weight:600}.badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.15rem .45rem;border-radius:999px;background:#e5e7eb;color:#374151}.badge.online{background:#dcfce7;color:#166534}.badge.offline{background:#fee2e2;color:#991b1b}.loading-page{min-height:100vh;display:grid;place-items:center}:root{--delivery-blue: #2563eb;--delivery-bg: #f0f2f5;--delivery-white: #fff;--delivery-text: #050505;--delivery-muted: #65676b;--delivery-border: #dddfe2;--delivery-danger: #e41e3f}.feature-delivery .app-shell{max-width:960px;margin:0 auto;min-height:100vh;background:var(--delivery-bg);color:var(--delivery-text);font-family:Segoe UI,system-ui,sans-serif}.feature-delivery .app-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:var(--delivery-white);border-bottom:1px solid var(--delivery-border);position:sticky;top:0;z-index:40}.feature-delivery .brand{font-weight:800;color:var(--delivery-blue);text-decoration:none;font-size:1.1rem}.feature-delivery .nav-links{display:flex;gap:.5rem;flex-wrap:wrap}.feature-delivery .nav-links a{text-decoration:none;color:var(--delivery-muted);padding:.35rem .65rem;border-radius:8px;font-size:.9rem}.feature-delivery .nav-links a.active{background:#dbeafe;color:var(--delivery-blue);font-weight:600}.feature-delivery .page{padding:1rem}.feature-delivery .page h1{margin:0 0 .75rem;font-size:1.35rem}.feature-delivery .card{background:var(--delivery-white);border:1px solid var(--delivery-border);border-radius:12px;padding:1rem;margin-bottom:.75rem}.feature-delivery .card h2,.feature-delivery .card h3{margin:0 0 .35rem;font-size:1rem}.feature-delivery .muted{color:var(--delivery-muted);font-size:.875rem}.feature-delivery .error{color:var(--delivery-danger);font-size:.875rem}.feature-delivery .btn-primary{background:var(--delivery-blue);color:var(--delivery-white);border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;cursor:pointer}.feature-delivery .btn-primary:disabled{opacity:.6;cursor:not-allowed}.feature-delivery .btn-secondary{background:var(--delivery-white);border:1px solid var(--delivery-border);border-radius:8px;padding:.45rem .85rem;cursor:pointer}.feature-delivery input,.feature-delivery select,.feature-delivery textarea{width:100%;padding:.55rem .65rem;border:1px solid var(--delivery-border);border-radius:8px;font:inherit;margin-bottom:.5rem}.feature-delivery .row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.feature-delivery .job-card .job-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0}.feature-delivery .auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem;background:var(--delivery-bg)}.feature-delivery .auth-card{background:var(--delivery-white);border:1px solid var(--delivery-border);border-radius:12px;padding:1.5rem;width:100%;max-width:380px}.feature-delivery .auth-card h1{margin:0 0 .5rem;color:var(--delivery-blue)}.feature-delivery .pathway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.feature-delivery .pathway-stops{padding-left:1.25rem}.feature-delivery .pathway-modal{margin-top:1rem}.feature-delivery .pathway-stop-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:.5rem}.feature-delivery .checkbox-row{display:flex;align-items:center;gap:.5rem;margin:.35rem 0}.feature-delivery .badge.public{background:#e8f5e9;color:#2e7d32}.feature-delivery .btn-primary.full{width:100%;margin-top:.25rem}.feature-delivery .badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.15rem .45rem;border-radius:999px;background:#e5e7eb;color:#374151}.feature-delivery .badge.online{background:#dcfce7;color:#166534}.feature-delivery .badge.offline{background:#fee2e2;color:#991b1b}.feature-delivery .badge.on_delivery{background:#dbeafe;color:#1e40af}.feature-delivery .search-result{display:flex;gap:.75rem;align-items:flex-start}.feature-delivery .search-result img{width:56px;height:56px;object-fit:cover;border-radius:8px;background:#e5e7eb}.feature-delivery .loading-page{min-height:100vh;display:grid;place-items:center;background:var(--delivery-bg)}.feature-website{--site-blue: #1d4ed8;--site-bg: #0b1220;--site-panel: #111827;--site-text: #f3f4f6;--site-muted: #9ca3af;--site-border: #1f2937;min-height:100vh;background:linear-gradient(180deg,#0b1220,#111827);color:var(--site-text);font-family:Segoe UI,system-ui,sans-serif}.feature-website a{color:#93c5fd}.feature-website .muted{color:var(--site-muted)}.feature-website .error{color:#fca5a5}.site-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--site-border);background:#111827e6;position:sticky;top:0;z-index:20}.site-brand{font-weight:800;text-decoration:none;color:#fff}.site-topnav{display:flex;gap:1rem;flex-wrap:wrap}.site-topnav a{text-decoration:none;color:var(--site-muted);font-size:.9rem}.site-topnav a:hover{color:#fff}.site-page{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.site-hero{margin-bottom:2rem}.site-hero.compact{margin-bottom:1.25rem}.site-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#60a5fa;margin:0 0 .5rem}.site-hero h1{margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}.site-lead{font-size:1.1rem;color:#dbeafe}.site-section{margin-bottom:2rem}.site-section h2{margin:0 0 1rem;font-size:1.25rem}.site-bullets{padding-left:1.25rem;line-height:1.7}.site-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.site-card{display:block;text-decoration:none;color:inherit;background:var(--site-panel);border:1px solid var(--site-border);border-radius:12px;padding:1rem;transition:border-color .15s}.site-card:hover{border-color:#3b82f6}.site-card h3{margin:0 0 .5rem;font-size:1rem}.site-card p{margin:0;color:var(--site-muted);font-size:.9rem}.site-card-cta{display:inline-block;margin-top:.75rem;font-size:.85rem;color:#93c5fd}.site-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.site-nav-card{background:var(--site-panel);border:1px solid var(--site-border);border-radius:10px;padding:.85rem}.site-nav-card h3{margin:0 0 .35rem;font-size:.95rem}.site-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem}.site-metric{background:var(--site-panel);border:1px solid var(--site-border);border-radius:10px;padding:.85rem}.site-metric-value{display:block;font-size:1.35rem;font-weight:700}.site-metric-label{display:block;font-size:.8rem;color:var(--site-muted)}.site-metric-trend{font-size:.75rem;color:#86efac}.site-items{display:grid;gap:.75rem}.site-item{background:var(--site-panel);border:1px solid var(--site-border);border-radius:10px;padding:.85rem}.site-item-head{display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin-bottom:.35rem}.feature-website .badge{font-size:.7rem;text-transform:uppercase;padding:.15rem .45rem;border-radius:999px;background:#1f2937;color:#d1d5db}.feature-website .badge.online,.feature-website .badge.running{background:#14532d;color:#bbf7d0}.feature-website .badge.completed,.feature-website .badge.insight{background:#1e3a8a;color:#bfdbfe}.site-chat{margin-top:2rem;background:var(--site-panel);border:1px solid var(--site-border);border-radius:12px;padding:1rem}.site-chat-messages{max-height:280px;overflow-y:auto;margin:.75rem 0;display:grid;gap:.5rem}.site-chat-bubble{padding:.65rem .85rem;border-radius:10px;font-size:.92rem;line-height:1.45}.site-chat-bubble.user{background:#1e3a8a;align-self:end}.site-chat-bubble.assistant{background:#111827;border:1px solid var(--site-border)}.site-chat-form{display:flex;gap:.5rem}.site-chat-form input{flex:1;padding:.55rem .65rem;border-radius:8px;border:1px solid var(--site-border);background:#0b1220;color:var(--site-text)}.feature-website .btn-primary{background:var(--site-blue);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;cursor:pointer}.feature-website .btn-primary:disabled{opacity:.5;cursor:not-allowed}.site-footer-note{margin-top:2rem}:root{--hng-navy: #172d4f;--hng-navy-dark: #0f1f38;--hng-gold: #c4a25b;--hng-gold-light: #d4b872;--hng-mono: #4a4f57}.hng-logo{display:inline-flex;align-items:center;max-width:100%}.hng-logo--mark,.hng-logo--mark-dark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px}.hng-logo--mark-dark{width:36px;height:36px}.hng-infinity-mark{display:block;flex-shrink:0}.hng-logo--integrated,.hng-logo--integrated-dark{height:40px;width:auto;object-fit:contain}.hng-logo--mark-dark,.hng-logo--g-mono{height:36px;width:auto;object-fit:contain}.hng-logo--horizontal,.hng-logo--full{gap:.55rem}.hng-logo--full{gap:.75rem}.hng-logo__mark{flex-shrink:0;display:block}.hng-logo__wordmark{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--hng-navy)}.hng-logo--horizontal .hng-logo__wordmark{font-size:1.05rem}.hng-logo--full .hng-logo__wordmark{font-size:1.45rem}.hng-logo__hey,.hng-logo__nickgo,.hng-logo__go{color:var(--hng-navy)}.hng-logo__nickgo{position:relative;padding-bottom:.22rem}.hng-logo__underline{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--hng-gold);border-radius:1px}.hng-logo__suffix{margin-left:.35rem;color:var(--hng-navy);font-weight:700}:root{--blue: #1877f2;--blue-dark: #0d65d9;--blue-light: #e7f3ff;--brand-navy: #172d4f;--brand-navy-dark: #0f1f38;--brand-gold: #c4a25b;--brand-gold-light: #d4b872;--brand-mono: #4a4f57;--orange: #f97316;--orange-dark: #ea580c;--orange-light: #fff7ed;--white: #ffffff;--bg: #f0f2f5;--surface: #ffffff;--surface-2: #f7f8fa;--border: #dddfe2;--text: #050505;--muted: #65676b;--accent: var(--blue);--accent-secondary: var(--orange);--danger: #e41e3f;--radius: 12px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue-light) 0%,var(--white) 40%,var(--orange-light) 100%)}.login-card{width:min(400px,92vw);background:var(--white);border:1px solid var(--border);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 24px #1877f21f}.login-brand h1{margin:.75rem 0 0;font-size:1.35rem;color:var(--brand-navy)}.login-brand p{margin:0;color:var(--muted);font-size:.9rem}.login-logo{justify-content:center}.login-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--muted);font-weight:600}.login-card input{padding:.65rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--white);color:var(--text)}.login-card input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-light)}.login-hint{font-size:.8rem;color:var(--muted);margin:0}.community-app{display:grid;grid-template-columns:300px 1fr;height:100%;min-height:0;overflow:hidden;background:var(--bg)}.shell-layout{display:grid;grid-template-columns:248px 1fr;height:100vh;overflow:hidden;background:var(--bg)}.shell-main{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.shell-sidebar{display:flex;flex-direction:column;height:100vh;background:var(--white);border-right:1px solid var(--border);box-shadow:2px 0 12px #0000000a}.shell-sidebar-top{padding:1rem 1rem .75rem;border-bottom:1px solid var(--border)}.shell-sidebar-logo{max-width:100%}.shell-sidebar-logo .hng-logo__wordmark{font-size:.95rem}.shell-sidebar-nav{flex:1;overflow-y:auto;padding:.5rem .65rem;display:flex;flex-direction:column;gap:.35rem}.shell-sidebar-foot{padding:.65rem;border-top:1px solid var(--border)}.shell-nav-group{border-radius:12px;overflow:hidden;border:1px solid transparent}.shell-nav-group.current-module{border-color:var(--border);background:#1877f208}.shell-nav-group-head{width:100%;display:flex;align-items:center;gap:.5rem;padding:.55rem .5rem;border:none;background:transparent;cursor:pointer;color:var(--text);text-align:left}.shell-nav-group-head:hover{background:var(--blue-light)}.shell-nav-group-mark{flex-shrink:0}.shell-nav-group-title{flex:1;font-size:.8rem;font-weight:700;letter-spacing:.02em}.shell-nav-group-chevron{flex-shrink:0;color:var(--muted)}.shell-nav-group-body{padding:0 .35rem .5rem}.shell-nav-section+.shell-nav-section{margin-top:.35rem;padding-top:.35rem;border-top:1px dashed var(--border)}.shell-nav-section-label{margin:.25rem .35rem .15rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.shell-nav-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.45rem .5rem;border:none;border-radius:8px;background:transparent;color:var(--text);font-size:.78rem;font-weight:500;cursor:pointer;text-align:left}.shell-nav-item:hover{background:var(--blue-light);color:var(--blue)}.shell-nav-item.active{background:var(--blue-light);color:var(--blue);font-weight:700}.shell-nav-item.logout{color:var(--orange)}.shell-nav-item-icon{flex-shrink:0}.shell-main>.community-app,.shell-main>.ecom-app,.shell-main>.app-shell,.shell-main>.feature-delivery.app-shell,.shell-main>.stream-room-page{flex:1;min-height:0;height:100%;overflow:hidden}.shell-main>.ecom-app,.shell-main>.app-shell,.shell-main>.feature-delivery.app-shell{overflow:auto}.icon-nav{background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:.75rem 0;gap:.25rem;box-shadow:2px 0 8px #0000000a;height:100%;min-height:0;overflow-y:auto}.icon-nav-brand{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:.5rem}.icon-nav-btn{width:56px;padding:.35rem 0;border:none;background:transparent;color:var(--muted);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:background .15s,color .15s}.icon-nav-btn:hover,.icon-nav-btn.active{background:var(--blue-light);color:var(--blue)}.icon-nav-emoji,.icon-nav-svg{display:block;flex-shrink:0}.icon-nav-btn.active .icon-nav-svg{color:var(--blue)}.app-icon{display:block}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .55rem}.icon-nav-label{font-size:.55rem;font-weight:600}.icon-nav-btn.logout{margin-top:auto;color:var(--orange)}.column-list{background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.list-header{display:flex;gap:.75rem;align-items:center;padding:1rem;border-bottom:1px solid var(--border);background:linear-gradient(90deg,var(--blue-light),var(--white))}.list-header strong{display:block;color:var(--blue-dark)}.list-header span{font-size:.8rem;color:var(--muted)}.column-main{background:var(--bg);overflow:hidden;display:flex;flex-direction:column;min-height:0}.column-main>.custom-profile-page{flex:1;min-height:0;overflow-y:auto}.panel-title{margin:0;padding:.75rem 1rem 0;font-size:.95rem;color:var(--blue-dark);font-weight:700}.chat-list{list-style:none;margin:0;padding:.5rem;overflow-y:auto;flex:1}.chat-list-item{width:100%;display:flex;gap:.75rem;align-items:center;padding:.65rem;border:none;background:transparent;color:inherit;border-radius:var(--radius);cursor:pointer;text-align:left}.chat-list-item.active{background:var(--blue-light);border-left:3px solid var(--blue)}.chat-list-item:hover{background:var(--surface-2)}.chat-list-item strong{display:block}.chat-list-item span{font-size:.75rem;color:var(--muted)}.group-icon{width:44px;height:44px;border-radius:50%;background:var(--orange-light);color:var(--orange-dark);display:grid;place-items:center}.chat-thread{display:flex;flex-direction:column;height:100%;background:var(--white)}.chat-thread.empty{place-content:center;text-align:center;color:var(--muted);background:var(--bg)}.thread-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--white)}.thread-header strong{color:var(--blue-dark)}.thread-meta{font-size:.75rem;color:var(--orange-dark);display:block;font-weight:600}.message-stream{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem;background:var(--bg)}.bubble{max-width:72%;padding:.55rem .85rem;border-radius:18px;box-shadow:0 1px 2px #00000014}.bubble.mine{align-self:flex-end;background:var(--blue);color:var(--white);border-bottom-right-radius:4px}.bubble.theirs{align-self:flex-start;background:var(--white);border:1px solid var(--border);border-bottom-left-radius:4px}.bubble time{display:block;font-size:.65rem;opacity:.75;margin-top:.25rem}.composer{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--border);background:var(--white)}.composer input{flex:1;padding:.65rem 1rem;border-radius:24px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.composer input:focus{outline:none;border-color:var(--blue)}.discover-panel{height:100%;display:flex;flex-direction:column;background:var(--white)}.panel-toolbar{padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--white)}.panel-toolbar h2{margin:0 0 .5rem;color:var(--blue-dark)}.search-input{width:100%;padding:.55rem .75rem;border-radius:20px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.search-input:focus{outline:none;border-color:var(--blue);background:var(--white)}.filter-chips{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.5rem}.chip{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--white);color:var(--muted);cursor:pointer;font-size:.8rem;font-weight:600}.chip.active{background:var(--blue);color:var(--white);border-color:var(--blue)}.chip:hover:not(.active){background:var(--orange-light);border-color:var(--orange);color:var(--orange-dark)}.discover-layout{flex:1;display:grid;grid-template-columns:240px 1fr;overflow:hidden}.discover-list{border-right:1px solid var(--border);overflow-y:auto;padding:.5rem;background:var(--surface-2)}.discover-list-item{width:100%;display:flex;gap:.5rem;align-items:center;padding:.5rem;border:none;background:var(--white);color:inherit;border-radius:10px;cursor:pointer;text-align:left;margin-bottom:.35rem;border:1px solid transparent}.discover-list-item.active{border-color:var(--blue);background:var(--blue-light)}.discover-list-item span{display:block;font-size:.75rem;color:var(--muted)}.discover-card-stack{display:grid;place-items:center;padding:1rem;background:linear-gradient(180deg,var(--blue-light) 0%,var(--white) 50%,var(--orange-light) 100%)}.user-card.tiktok-card{width:min(360px,100%);text-align:center;padding:2rem 1.5rem;border-radius:20px;background:var(--white);border:2px solid var(--border);box-shadow:0 8px 32px #1877f226;position:relative;overflow:hidden}.user-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#1877f214,#f973161a);pointer-events:none}.user-card>*:not(.user-card-bg){position:relative}.user-card h2{color:var(--blue-dark);margin:.5rem 0}.company-tag{color:var(--orange-dark);font-weight:700}.relation-tag{color:var(--muted);font-size:.85rem}.user-card-actions{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.card-nav{margin-top:1rem;display:flex;justify-content:center;gap:1rem;align-items:center}.card-nav button{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--white);cursor:pointer;color:var(--blue);font-weight:700}.friends-panel,.groups-panel,.settings-panel{padding:1.5rem;overflow-y:auto;height:100%;background:var(--white);max-width:640px}.friends-panel h3,.groups-panel h2{color:var(--blue-dark);border-bottom:2px solid var(--orange);padding-bottom:.35rem}.list-row{display:flex;align-items:center;gap:.75rem;padding:.65rem;border-radius:var(--radius);background:var(--surface-2);margin-bottom:.5rem}.list-row.clickable{cursor:pointer}.list-row.clickable:hover{background:var(--blue-light)}.list-row-body span{display:block;font-size:.8rem;color:var(--muted)}.settings-panel h2{color:var(--blue-dark);margin-top:0}.settings-panel label,.modal label{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;font-size:.85rem;color:var(--muted);font-weight:600}.settings-panel input,.modal input,.modal select{padding:.55rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--white);color:var(--text)}.settings-panel input:focus,.modal input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-light)}.visibility-fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;margin-bottom:1rem;background:var(--surface-2)}.visibility-fieldset legend{color:var(--blue-dark);font-weight:700}.visibility-option{display:flex;gap:.5rem;padding:.5rem 0;cursor:pointer;background:var(--white);border-radius:8px;padding:.65rem;margin-bottom:.35rem}.visibility-option:has(input:checked){border:2px solid var(--blue);background:var(--blue-light)}.visibility-option span{display:block;font-size:.8rem;color:var(--muted);font-weight:400}.avatar{border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--orange));color:var(--white);display:grid;place-items:center;font-weight:700;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.btn-primary{background:var(--blue);color:var(--white);border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:700;transition:background .15s}.btn-primary:hover{background:var(--blue-dark)}.btn-primary.full{width:100%;padding:.75rem}.btn-secondary{background:var(--white);color:var(--orange-dark);border:2px solid var(--orange);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600}.btn-secondary:hover{background:var(--orange-light)}.btn-primary.sm,.btn-secondary.sm{padding:.35rem .65rem;font-size:.85rem}.btn-icon{background:var(--blue-light);border:none;color:var(--blue);cursor:pointer;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0}} .muted{color:var(--muted);font-size:.85rem}.sidebar-hint{padding:1rem;color:var(--muted)}.error-banner{color:var(--danger);padding:.5rem 1rem;margin:0;background:#ffeef0;border-radius:8px;font-weight:600}.success-banner{color:var(--blue-dark);padding:.5rem 0;font-weight:600}.empty-state{color:var(--muted);text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05050573;display:grid;place-items:center;z-index:100}.modal{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:1.5rem;width:min(420px,92vw);box-shadow:0 12px 40px #1877f233}.modal h2{color:var(--blue-dark);margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}@media (max-width: 900px){.shell-layout{grid-template-columns:1fr}.shell-sidebar{display:none}.community-app{grid-template-columns:1fr}.column-list.hide-mobile,.column-main.hide-mobile{display:none}.discover-layout{grid-template-columns:1fr}.discover-list,.icon-nav-label{display:none}}.btn-video{background:var(--blue);color:var(--white);border:none;padding:.45rem .85rem;border-radius:8px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.btn-video:hover{background:var(--blue-dark)}.incoming-call-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.65rem 1rem;background:linear-gradient(90deg,var(--blue-light),var(--orange-light));border-bottom:1px solid var(--border);font-weight:600;color:var(--blue-dark)}.incoming-call-label{display:inline-flex;align-items:center;gap:.35rem}.bubble.call-invite{max-width:85%}.call-invite-card{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.call-invite-card code{background:#0000000f;padding:.2rem .5rem;border-radius:6px}.meeting-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0505058c;display:grid;place-items:center;padding:12px}.meeting-panel{width:min(960px,100%);height:min(640px,92vh);background:#152238;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 16px 48px #00000059;border:2px solid var(--blue)}.meeting-header{display:flex;align-items:center;gap:1rem;padding:.65rem 1rem;background:var(--white);border-bottom:3px solid var(--orange)}.meeting-header h2{margin:0;font-size:1rem;color:var(--blue-dark)}.meeting-room{font-size:.75rem;color:var(--muted)}.meeting-header-meta{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.meeting-timer{font-weight:700;color:var(--blue)}.meeting-status{font-size:.75rem;color:var(--muted)}.meeting-status.connected{color:#22c55e}.meeting-close{border:none;background:transparent;font-size:1.5rem;cursor:pointer;color:var(--muted);line-height:1}.meeting-stage{flex:1;position:relative;background:linear-gradient(165deg,#1e3352,#152238 55%,#0f1a2e);overflow:hidden}.meeting-main-video{width:100%;height:100%;object-fit:cover;background:transparent}.meeting-video-hidden{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;z-index:0;pointer-events:none}.meeting-main-video:not(.meeting-video-hidden){position:relative;z-index:2}.meeting-avatar-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;pointer-events:none;z-index:1}.meeting-avatar{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;color:var(--white);font-weight:600;box-shadow:0 8px 32px #00000059;flex-shrink:0}.meeting-avatar--large{position:relative;width:min(200px,42vw);height:min(200px,42vw);font-size:min(5rem,18vw);margin-bottom:1.5rem}.meeting-avatar--large .meeting-avatar-initials{line-height:1}.meeting-avatar--large .meeting-avatar-name{position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);font-size:1rem;font-weight:600;color:#e8eaed;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.meeting-avatar--small{width:100%;height:100%;font-size:2.25rem;border-radius:8px}.meeting-avatar--small .meeting-avatar-name{display:none}.meeting-avatar-hint{margin:0;font-size:.9rem;color:#c8d4e6;text-align:center}.meeting-avatar-hint.muted{color:#9aa8bc;font-size:.8rem}.meeting-placeholder{display:none}.meeting-pip{position:absolute;right:16px;bottom:16px;width:180px;height:120px;border-radius:10px;overflow:hidden;border:2px solid var(--orange);box-shadow:0 4px 16px #0006;background:#1e3352}.meeting-pip-avatar{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1e3352}.meeting-pip-video{width:100%;height:100%;object-fit:cover}.meeting-pip.hidden{display:none}.meeting-pip-label{position:absolute;left:8px;bottom:6px;font-size:.7rem;color:var(--white);background:#1877f2d9;padding:2px 6px;border-radius:4px}.meeting-participants-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;padding:.45rem .85rem;background:#f0f4ff;border-bottom:1px solid var(--border);font-size:.78rem}.meeting-participants-label{font-weight:700;color:var(--blue-dark)}.meeting-participants-list{flex:1;color:var(--text);min-width:0}.meeting-participants-count{color:var(--muted);white-space:nowrap}.meeting-stats-panel{background:#111;color:#cbd5e1;border-top:1px solid #333;padding:.45rem .65rem;max-height:140px;overflow:hidden}.meeting-stats-toggle{border:none;background:transparent;color:var(--orange);font-size:.75rem;cursor:pointer;padding:0;margin-bottom:.35rem}.meeting-stats-summary{display:flex;flex-wrap:wrap;gap:.65rem 1rem;font-size:.72rem;margin-bottom:.35rem}.meeting-stats-summary strong{color:#fff}.meeting-stats-log{margin:0;font-size:.68rem;line-height:1.35;max-height:72px;overflow-y:auto;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.meeting-error{margin:0;border-radius:0}.meeting-toolbar{display:flex;justify-content:center;align-items:center;gap:.75rem;padding:.85rem;background:var(--white);border-top:1px solid var(--border)}.meet-btn{min-width:48px;height:48px;border-radius:50%;border:none;background:var(--blue-light);color:var(--blue-dark);font-size:1.1rem;cursor:pointer;font-weight:600}.meet-btn.off{background:#fee2e2;color:#b91c1c}.meet-btn.meet-end{background:var(--orange);color:var(--white);border-radius:24px;padding:0 1.25rem;min-width:auto}.meet-btn.meet-end:hover{background:var(--orange-dark)}.ai-fab{position:fixed;right:1.25rem;bottom:1.25rem;z-index:1200;display:flex;align-items:center;gap:.35rem;padding:.65rem 1rem .65rem .85rem;border:none;border-radius:999px;background:linear-gradient(135deg,var(--blue),#6366f1);color:var(--white);box-shadow:0 8px 28px #1877f273;cursor:pointer;font-weight:700;transition:transform .15s ease,box-shadow .15s ease}.ai-fab:hover{transform:translateY(-2px);box-shadow:0 12px 32px #1877f280}.ai-fab.open{background:var(--muted);box-shadow:0 4px 16px #0003}.ai-fab-icon{font-size:1.1rem;line-height:1}.ai-panel{position:fixed;right:1.25rem;bottom:4.5rem;z-index:1199;width:min(400px,calc(100vw - 2rem));max-height:min(560px,calc(100vh - 6rem));display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 48px #0000002e;overflow:hidden}.ai-panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:.85rem 1rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--blue-light),var(--white))}.ai-panel-header strong{color:var(--blue-dark)}.ai-panel-sub{margin:.2rem 0 0;font-size:.75rem;color:var(--muted)}.ai-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:.35rem;vertical-align:middle;background:var(--orange)}.ai-status-dot.ok{background:#22c55e}.ai-panel-close{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:1.1rem}.ai-messages{flex:1;overflow-y:auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem;min-height:200px}.ai-bubble{max-width:92%;padding:.6rem .85rem;border-radius:14px;font-size:.9rem;line-height:1.45}.ai-bubble.user{align-self:flex-end;background:var(--blue);color:var(--white)}.ai-bubble.assistant{align-self:flex-start;background:var(--blue-light);color:var(--text)}.ai-typing{font-style:italic;color:var(--muted)}.ai-error{margin:0;padding:.5rem;font-size:.8rem;color:var(--danger)}.ai-actions{padding:.5rem 1rem 0;border-top:1px solid var(--border)}.ai-actions-title{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.ai-action-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem;padding-bottom:.5rem}.ai-action-chip{border:1px solid var(--blue);background:var(--white);color:var(--blue);border-radius:999px;padding:.35rem .75rem;font-size:.8rem;cursor:pointer}.ai-action-chip:hover{background:var(--blue-light)}.ai-input-row{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border)}.ai-input-row input{flex:1;border:1px solid var(--border);border-radius:10px;padding:.55rem .75rem}.ai-input-row button{border:none;border-radius:10px;padding:.55rem 1rem;background:var(--blue);color:var(--white);cursor:pointer;font-weight:600}.ai-input-row button:disabled{opacity:.5;cursor:not-allowed}.checkbox-row{flex-direction:row!important;align-items:center;gap:.5rem!important;font-weight:500!important}.btn-link{background:none;border:none;color:var(--blue);cursor:pointer;font-size:.85rem;padding:0;text-align:center}.btn-danger{border:none;border-radius:8px;padding:.5rem 1rem;background:var(--danger);color:var(--white);cursor:pointer;font-weight:600}.stream-search-panel{padding:1.5rem;overflow-y:auto;height:100%}.stream-search-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.stream-search-header h2{margin:0;color:var(--blue)}.stream-search-bar{display:flex;gap:.5rem;margin-bottom:1rem}.stream-search-bar input{flex:1;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px}.stream-create-form{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:var(--blue-light);border-radius:var(--radius);margin-bottom:1rem}.stream-create-form input,.stream-create-form select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px}.stream-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.stream-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;position:relative}.stream-card-live{position:absolute;top:.75rem;right:.75rem;background:var(--danger);color:var(--white);font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:4px}.stream-card h3{margin:0 0 .35rem;font-size:1rem}.stream-card-meta{font-size:.85rem;color:var(--orange);font-weight:600}.stream-card-summary{font-size:.8rem;color:var(--muted)}.stream-room-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.stream-room-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--white);border-bottom:1px solid var(--border)}.stream-room-header h1{margin:0;font-size:1.1rem}.stream-live-badge{color:var(--danger);font-size:.8rem;font-weight:600}.stream-summary-notice{margin:.75rem 1rem;padding:1rem;background:var(--orange-light);border:1px solid var(--orange);border-radius:var(--radius)}.stream-summary-notice ul{margin:.5rem 0;padding-left:1.25rem}.stream-room-layout{display:grid;grid-template-columns:1fr 320px 280px;gap:0;flex:1;overflow:hidden}.stream-video-section{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.stream-video-wrap{position:relative;background:#111;border-radius:var(--radius);aspect-ratio:16/9;overflow:hidden}.stream-video{width:100%;height:100%;object-fit:cover}.stream-video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);gap:.5rem}.stream-host-info{display:flex;align-items:center;gap:.5rem}.stream-chat-section{background:var(--white);border-left:1px solid var(--border);display:flex;flex-direction:column;height:calc(100vh - 56px)}.stream-chat-section h3{margin:0;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.95rem}.stream-chat-messages{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.stream-chat-msg{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;font-size:.85rem;padding:.35rem .5rem;border-radius:8px;background:var(--surface-2)}.stream-chat-msg.self{background:var(--blue-light)}.stream-chat-tools{display:flex;gap:.35rem;padding:.35rem .75rem;border-top:1px solid var(--border)}.stream-chat-input{display:flex;gap:.35rem;padding:.75rem;border-top:1px solid var(--border)}.stream-chat-input input{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px}.stream-sidebar{background:var(--surface-2);border-left:1px solid var(--border);overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:1rem}.stream-products h3,.stream-orders h3{margin:0 0 .5rem;font-size:.9rem}.stream-product-card{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:.6rem;margin-bottom:.5rem;display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.product-code{display:inline-block;background:var(--orange);color:var(--white);font-weight:700;padding:.1rem .4rem;border-radius:4px;font-size:.75rem;width:fit-content}.stream-product-actions{display:flex;gap:.35rem;margin-top:.25rem}.stream-order-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;padding:.35rem 0;border-bottom:1px solid var(--border)}.stream-ai-panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.stream-ai-toggle{width:100%;border:none;background:linear-gradient(135deg,var(--blue),var(--orange));color:var(--white);padding:.6rem;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.4rem}.stream-ai-messages{max-height:180px;overflow-y:auto;padding:.5rem;font-size:.8rem}.stream-ai-messages .assistant{color:var(--blue-dark)}.stream-ai-input{display:flex;gap:.35rem;padding:.5rem;border-top:1px solid var(--border)}.stream-ai-input input{flex:1;padding:.4rem .5rem;border:1px solid var(--border);border-radius:6px;font-size:.8rem}.stream-ai-input .btn-icon{background:none;border:none;cursor:pointer;font-size:.85rem;padding:0;width:auto;height:auto;border-radius:0}@media (max-width: 900px){.stream-room-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto}.stream-chat-section{height:360px}}.custom-profile-page{height:100%}.custom-profile-editor{padding:1.5rem;max-width:1400px;margin:0 auto}.custom-profile-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.custom-profile-header h2{margin:0 0 .35rem}.custom-profile-header .platform-tabs{margin:0}.custom-profile-editor h2,.custom-profile-editor h3{color:var(--blue-dark)}.custom-profile-editor h3{margin:0 0 .75rem}.platform-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.platform-tabs button{padding:.45rem 1rem;border:1px solid var(--border);border-radius:999px;background:var(--white);cursor:pointer}.platform-tabs button.active{background:var(--blue);color:var(--white);border-color:var(--blue)}.profile-data-grants{margin-top:1.25rem;padding:1rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius)}.profile-data-grants summary{cursor:pointer;list-style:none}.profile-data-grants summary::-webkit-details-marker{display:none}.profile-data-grants summary h3{display:inline;margin:0}.grants-table{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.grant-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;background:var(--surface-2);border-radius:var(--radius)}.grant-row label{flex:1;flex-direction:row;align-items:flex-start;gap:.5rem}.grant-row label strong{display:block}.grant-row label span{display:block;font-size:.85rem;color:var(--muted)}.custom-profile-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;align-items:start}.custom-profile-design,.custom-profile-preview-column{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;min-height:520px}.custom-profile-preview-column{display:flex;flex-direction:column}.design-tabs{display:flex;gap:.35rem;margin-bottom:.75rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.design-tabs button{padding:.4rem .85rem;border:none;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-weight:500}.design-tabs button.active{background:var(--blue-light);color:var(--blue-dark)}.ai-chat-panel{display:flex;flex-direction:column;height:calc(100% - 2.5rem);min-height:440px}.ai-chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.65rem;padding:.5rem 0;margin-bottom:.75rem;max-height:420px}.ai-chat-empty{font-size:.9rem;line-height:1.45}.ai-chat-bubble{padding:.65rem .85rem;border-radius:10px;max-width:95%}.ai-chat-bubble.user{align-self:flex-end;background:var(--blue);color:var(--white)}.ai-chat-bubble.assistant{align-self:flex-start;background:var(--surface-2)}.ai-chat-bubble p{margin:.25rem 0 0;white-space:pre-wrap;font-size:.9rem}.ai-chat-role{font-size:.7rem;font-weight:700;text-transform:uppercase;opacity:.85}.ai-chat-compose{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.ai-chat-compose textarea{width:100%;padding:.6rem;border:1px solid var(--border);border-radius:8px;resize:vertical;font:inherit}.ai-code-panel label{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem;font-size:.85rem;font-weight:600;color:var(--blue-dark)}.ai-code-panel textarea,.custom-profile-design textarea{width:100%;font-family:ui-monospace,monospace;font-size:.8rem;padding:.5rem;border:1px solid var(--border);border-radius:8px;resize:vertical}.custom-profile-preview-column .custom-profile-iframe{flex:1;min-height:380px}.custom-profile-preview-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}.preview-save-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.publish-check{display:flex;flex-direction:row;align-items:center;gap:.35rem;font-size:.9rem}.custom-profile-iframe{width:100%;min-height:420px;border:1px solid var(--border);border-radius:var(--radius);background:var(--white)}.custom-profile-iframe.mobile-frame{max-width:390px;min-height:520px;margin:0 auto;display:block}.custom-profile-iframe.full-page{min-height:calc(100vh - 80px)}.profile-view-page{min-height:100vh;background:var(--bg)}.profile-view-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--white);border-bottom:1px solid var(--border)}@media (max-width: 900px){.custom-profile-workspace{grid-template-columns:1fr}.custom-profile-design,.custom-profile-preview-column{min-height:auto}}.page-saved-link{margin:.35rem 0 0;font-size:.9rem}.page-saved-link a{color:var(--blue);word-break:break-all}.page-code-tag{margin-left:.5rem;font-size:.85rem}.component-palette{max-height:520px;overflow-y:auto}.palette-category{margin-bottom:1rem}.palette-category h4{margin:0 0 .5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.palette-items{display:flex;flex-wrap:wrap;gap:.5rem}.palette-item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.5rem .65rem;border:1px dashed var(--border);border-radius:8px;background:var(--surface-2);cursor:grab;font:inherit;text-align:left;min-width:120px}.palette-item:hover{border-color:var(--blue);background:var(--blue-light)}.palette-item-label{font-weight:600;font-size:.85rem;color:var(--blue-dark)}.palette-item-type{font-size:.7rem;color:var(--muted);font-family:ui-monospace,monospace}.component-props-panel{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.component-props-panel label{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.65rem;font-size:.85rem;font-weight:600;color:var(--blue-dark)}.component-props-panel input,.component-props-panel select,.component-props-panel textarea{font-weight:400;padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px;font:inherit}.btn-danger-text{color:#c62828;margin-top:.5rem}.page-component-canvas{flex:1;min-height:380px;padding:1rem;background:#f0f2f5;border:1px solid var(--border);border-radius:var(--radius);overflow-y:auto}.page-component-canvas.mobile-frame{max-width:390px;min-height:520px;margin:0 auto}.canvas-hint{font-size:.8rem;margin:0 0 .75rem}.canvas-empty{padding:2rem;text-align:center;color:var(--muted);border:2px dashed var(--border);border-radius:10px;background:var(--white)}.canvas-item-wrap{margin-bottom:.65rem;border:2px solid transparent;border-radius:10px;background:var(--white);overflow:hidden}.canvas-item-wrap.selected{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-light)}.canvas-item-toolbar{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;background:var(--surface-2);cursor:grab;font-size:.8rem;color:var(--blue-dark)}.drag-handle{opacity:.6;font-size:1rem}.canvas-item-body{padding:.75rem 1rem}.canvas-drop-end{padding:.75rem;text-align:center;color:var(--muted);border:2px dashed var(--border);border-radius:8px;font-size:.85rem}.cp-preview-profile{text-align:center}.cp-preview-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#f97316);color:#fff;display:grid;place-items:center;font-size:1.25rem;font-weight:700;margin:0 auto .5rem}.cp-preview-profile h1{margin:0;font-size:1.25rem}.cp-preview-stats{text-align:center;font-size:.85rem}.cp-preview-heading{margin:.5rem 0;color:var(--blue-dark)}.cp-preview-field{display:block;margin:.5rem 0;border:none;padding:0}.cp-preview-field span,.cp-preview-field legend{display:block;font-size:.8rem;font-weight:600;margin-bottom:.35rem;color:var(--blue-dark)}.cp-preview-field input,.cp-preview-field select{width:100%;padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px;font:inherit;box-sizing:border-box}.cp-preview-chips{display:flex;flex-wrap:wrap;gap:.5rem}.cp-preview-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:var(--blue-light);border-radius:999px;font-size:.8rem}.cp-preview-section{border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;background:var(--surface-2)}.cp-preview-section h3{margin:0;font-size:.95rem}.cp-preview-card{padding:1rem;background:var(--surface-2);border-radius:8px;color:var(--muted);font-size:.85rem}.cp-preview-columns{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.cp-preview-col{padding:.75rem;background:var(--surface-2);border-radius:8px;font-size:.85rem;color:var(--muted);text-align:center}.cp-preview-data-row{padding:.45rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.cp-preview-spacer.cp-spacer-small{height:8px}.cp-preview-spacer.cp-spacer-medium{height:16px}.cp-preview-spacer.cp-spacer-large{height:32px}.custom-profile-preview-column .page-component-canvas{flex:1}.save-page-modal{width:min(480px,92vw)}.page-link-preview{margin:1rem 0;padding:.75rem;background:var(--surface-2);border-radius:8px}.page-link-preview code{display:block;margin-top:.35rem;word-break:break-all;font-size:.85rem;color:var(--blue-dark)}.page-link-hint{margin:.5rem 0 0;font-size:.8rem}.page-link-hint code{font-size:.75rem}.api-docs-block{margin-bottom:1rem;padding:.75rem;background:var(--blue-light);border-radius:8px}.api-docs-block summary{cursor:pointer;font-weight:600;color:var(--blue-dark)}.api-docs-pre{margin:.75rem 0 0;padding:.75rem;background:var(--white);border-radius:6px;font-size:.75rem;overflow-x:auto;white-space:pre-wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:1000;padding:1rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.delivery-panel{padding:1.5rem;max-width:900px;margin:0 auto}.delivery-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.delivery-panel-head h1{margin:0 0 .35rem}.delivery-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.delivery-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.delivery-card h2{margin:0 0 .5rem;font-size:1.1rem}.delivery-card p{color:var(--muted);font-size:.9rem;margin:0 0 1rem}.delivery-notes{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.delivery-notes h3{margin:0 0 .75rem}.delivery-notes ul{margin:0;padding-left:1.25rem;color:var(--muted)}.cross-app-wrap{position:relative}.cross-app-btn{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:.4rem .75rem;cursor:pointer;font-size:.85rem}.cross-app-menu{position:absolute;right:0;top:calc(100% + 4px);background:var(--white);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:160px;z-index:50}.cross-app-menu button{display:block;width:100%;text-align:left;padding:.55rem .85rem;border:none;background:none;cursor:pointer}.cross-app-menu button:hover{background:var(--bg)}.cross-app-menu button.current{font-weight:600;color:var(--green)}