:root{font-family:Segoe UI,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:10px;padding:10px 14px;background:#1d4ed8;color:#fff;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px}textarea{resize:vertical}table{width:100%;border-collapse:collapse}th,td{padding:14px 12px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.app-shell{min-height:100vh;padding:24px}.topbar,.stats-grid{display:grid;gap:16px}.topbar{display:flex;justify-content:center;align-items:center;margin-bottom:24px}.topnav{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;width:100%}.nav-link{display:inline-flex;gap:8px;align-items:center;color:#0f172a;text-decoration:none;padding:8px 12px;border-radius:999px}.nav-link.active{background:#dbeafe}.nav-badge{min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 6px;border-radius:999px;background:#dc2626;color:#fff;font-size:12px;font-weight:700}.paid-order-banner{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border:1px solid #fecaca;border-left:5px solid #dc2626;border-radius:14px;background:#fff1f2;color:#7f1d1d}.confirmed-order-popup{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border:1px solid #bbf7d0;border-left:5px solid #16a34a;border-radius:18px;background:linear-gradient(135deg,#f0fdf4,#fff);color:#14532d;box-shadow:0 18px 45px #16a34a1f}.confirmed-order-popup-copy{display:flex;flex-direction:column;gap:6px}.banner-actions{display:flex;gap:10px;flex-wrap:wrap}.page-body,.stack-lg,.stack-sm{display:flex;flex-direction:column}.page-body,.stack-lg{gap:20px}.stack-sm{gap:10px}.panel,.hero,.table-shell{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:0 20px 10px}.hero{background:linear-gradient(135deg,#e0f2fe,#eff6ff)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card strong,.mini-stat strong{font-size:28px}.mini-stat{display:flex;justify-content:space-between;gap:16px;padding:12px;border:1px solid #e2e8f0;border-radius:14px}.table-shell{overflow-x:auto}.table-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.muted,.eyebrow{color:#64748b}.row-space{display:flex;justify-content:space-between;gap:16px;align-items:center}.operations-grid,.details-grid,.form-grid,.journey-grid{display:grid;gap:16px}.operations-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;height:calc(100vh - 48px)}.products-panel{display:flex;flex-direction:column;overflow:hidden;min-height:0}.notifications-layout{grid-template-columns:minmax(340px,1.05fr) minmax(0,1fr)}.details-grid,.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.journey-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.full-width{grid-column:1 / -1}.analytics-hero h2{margin:0}.analytics-hero-rich{background:radial-gradient(circle at top right,rgba(14,165,233,.2),transparent 28%),linear-gradient(135deg,#f0fdf4,#eff6ff 45%,#fff7ed)}.analytics-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.analytics-split-balanced{align-items:start}.analytics-customer-picker{min-width:320px}.analytics-stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.analytics-funnel-panel{padding-top:20px}.analytics-funnel-grid,.analytics-profile-grid{display:grid;gap:16px}.analytics-funnel-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.analytics-profile-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.analytics-mini-stat{min-height:88px}.analytics-profile-banner{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:18px;margin-bottom:18px;padding:14px 16px;border:1px solid #dbeafe;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#fefce8)}.cell-stack{display:flex;flex-direction:column;gap:4px}.activity-type,.queue-status{width:fit-content;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;text-transform:capitalize}.activity-type{background:#e0f2fe;color:#075985}.queue-status-client{background:#fef3c7;color:#92400e}.queue-status-server-trusted,.queue-status-provider-trusted{background:#dcfce7;color:#166534}.queue-status-derived{background:#ede9fe;color:#6d28d9}@media(max-width:960px){.analytics-split{grid-template-columns:1fr}.analytics-customer-picker{min-width:0}.analytics-profile-banner{flex-direction:column;align-items:flex-start}}.label-inline{display:block;margin-bottom:6px;color:#334155;font-size:12px;font-weight:700}.detail-card,.detail-row,.sub-panel{border:1px solid #e2e8f0;border-radius:14px;padding:14px}.list-card{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;background:#f8fafc;color:#0f172a}.list-card.active{background:#dbeafe}.list-card-title{font-weight:700}.order-list-card{width:100%;gap:12px;padding:16px;border:1px solid #dbe4f0;border-radius:18px;box-shadow:0 10px 30px #0f172a0a}.order-list-card.unseen{border-color:#86efac;box-shadow:0 16px 32px #16a34a1f}.order-list-pill-row,.order-item-meta-row,.next-action-buttons,.order-hero-aside,.history-row{display:flex;gap:10px;flex-wrap:wrap}.order-list-meta-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%;color:#334155;font-size:13px}.compact-text{margin:0}.product-list-card{width:100%}.product-list-head{display:flex;gap:12px;align-items:flex-start}.secondary-button{background:#e2e8f0;color:#0f172a}.order-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:24px;border-radius:24px;border:1px solid #bfdbfe;background:radial-gradient(circle at top right,rgba(251,191,36,.28),transparent 34%),linear-gradient(135deg,#eff6ff,#fff 54%,#ecfeff)}.order-hero h2,.next-action-banner h3{margin:0}.order-hero-aside{align-items:flex-start;justify-content:flex-end}.order-workflow-board{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.workflow-card{position:relative;min-height:156px;padding:18px;border-radius:20px;border:1px solid #dbe4f0;background:#fff;box-shadow:0 10px 30px #0f172a0a}.workflow-card strong,.colourful-card strong,.colorful-card strong{display:block;margin-bottom:8px}.workflow-card p,.colourful-card p,.colorful-card p{margin:0;color:#475569}.workflow-card.done{border-color:#86efac;background:linear-gradient(180deg,#f0fdf4,#fff)}.workflow-card.current{border-color:#60a5fa;background:linear-gradient(180deg,#eff6ff,#fff);box-shadow:0 16px 36px #3b82f624}.workflow-card.upcoming{border-style:dashed;background:linear-gradient(180deg,#f8fafc,#fff)}.workflow-step{display:inline-flex;margin-bottom:12px;padding:5px 10px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:12px;font-weight:800}.next-action-banner{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px;border-radius:22px;border:1px solid #fde68a;background:radial-gradient(circle at top left,rgba(253,224,71,.24),transparent 35%),linear-gradient(135deg,#fff7ed,#fff,#fffbeb)}.pending-payment-banner{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px;border:1px solid #fed7aa;border-radius:18px;background:linear-gradient(180deg,#fff7ed,#fff)}.next-action-buttons{align-items:center}.colourful-card,.colorful-card{min-height:170px}.customer-card{background:linear-gradient(180deg,#eff6ff,#fff)}.delivery-card{background:linear-gradient(180deg,#ecfeff,#fff)}.payment-card{background:linear-gradient(180deg,#fefce8,#fff)}.timing-card{background:linear-gradient(180deg,#f5f3ff,#fff)}.category-accordion-head{display:flex;gap:12px;align-items:center}.scroll-list{flex:1;overflow-y:auto;min-height:0}.editor-panel{overflow-y:auto;min-height:0}.list-thumb,.image-preview{display:block;object-fit:contain;object-position:center;background:#fff}.list-thumb{width:56px;height:56px;border-radius:12px;border:1px solid #e2e8f0;flex-shrink:0;padding:4px}.list-thumb.placeholder{display:grid;place-items:center;color:#64748b;font-size:12px;font-weight:700}.readonly-field{background:#f8fafc;color:#334155}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.image-card{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.image-card.primary{border-color:#60a5fa;box-shadow:inset 0 0 0 1px #bfdbfe}.image-preview{width:100%;aspect-ratio:1 / 1;border-radius:14px;border:1px solid #e2e8f0;padding:8px}.image-actions{display:flex;flex-wrap:wrap;gap:8px}.action-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mobile-content-page .panel{gap:16px}.mobile-content-toolbar{display:flex;justify-content:flex-end}.mobile-content-operations-grid{align-items:start;height:auto}.mobile-content-operations-grid .products-panel,.mobile-content-operations-grid .editor-panel{min-height:auto}.mobile-content-operations-grid .editor-panel{overflow:visible}.mobile-content-operations-grid .scroll-list{flex:0 0 auto;max-height:320px}.mobile-content-action-row{width:100%;justify-content:flex-end;align-items:stretch;gap:12px}.mobile-content-action-row button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}.mobile-content-hero-actions{justify-content:flex-start}.mobile-content-page .row-space{gap:12px}.danger-button{background:#dc2626}.toolbar-row{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(280px,1.8fr) repeat(2,minmax(180px,1fr));gap:12px}.toolbar-field{display:flex;flex-direction:column}.toolbar-button-field{justify-content:flex-end}.month-notepad-trigger{min-height:42px;font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.month-notepad-modal{width:min(760px,100%);max-height:calc(100vh - 72px);overflow:auto;border:1px solid #dbe4f0;border-radius:24px;background:radial-gradient(circle at top left,rgba(253,224,71,.22),transparent 24%),radial-gradient(circle at bottom right,rgba(59,130,246,.1),transparent 28%),#fffef8;box-shadow:0 28px 80px #0f172a3d}.month-notepad-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:18px 18px 0}.month-notepad-header h2,.month-notepad-hero h3{margin:0}.month-notepad-shell{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:18px}.month-notepad-sidebar,.month-notepad-main{display:flex;flex-direction:column;gap:12px}.month-strip{display:flex;flex-direction:column;gap:10px}.month-chip{width:100%;display:flex;align-items:flex-start;padding:10px 12px;border:1px solid #dbe4f0;border-radius:14px;background:#ffffffe0;color:#0f172a}.month-chip.active{border-color:#93c5fd;background:linear-gradient(135deg,#eff6ff,#f8fafc);box-shadow:0 14px 30px #3b82f61f}.month-preview-card{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid #e2e8f0;border-radius:16px;background:#ffffffb3}.month-notepad-hero{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.month-notepad-month-label{display:inline-block;margin-bottom:8px;color:#92400e;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.month-notepad-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.month-notepad-page{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #fde68a;border-radius:20px;background:linear-gradient(180deg,#fffffffa,#fffbebeb);box-shadow:inset 0 1px #fffc}.month-notepad-shell{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:18px;min-height:calc(100vh - 80px)}.month-notepad-main{display:flex;flex-direction:column;min-height:0}.month-notepad-page{flex:1;display:flex;flex-direction:column}.month-notepad-textarea{flex:1;min-height:0;resize:none;overflow-y:auto}.month-notepad-ruler{position:relative;padding-bottom:10px;color:#92400e;font-size:20px;font-weight:700}.month-notepad-ruler:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#f59e0b,#f59e0b40)}.month-notepad-textarea{min-height:220px;border:1px solid #fcd34d;border-radius:16px;padding:14px 16px;background:repeating-linear-gradient(to bottom,#ffffffdb 0,#ffffffdb 35px,#fbbf242e 35px,#fbbf242e 36px);color:#1e293b;line-height:28px;resize:vertical}.month-notepad-footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.month-notepad-footer-months{display:flex;gap:18px;flex-wrap:wrap;color:#92400e;font-weight:700}.month-notepad-save-banner{border-width:1px;border-style:solid}.checkbox-label{display:flex;align-items:center;gap:10px}.checkbox-label input{width:auto}.error-banner{border-color:#fecaca;background:#fff1f2;color:#b91c1c}.success-banner{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.product-quality-banner{border:1px solid #fde68a;border-radius:14px;background:#fffbeb;color:#92400e;padding:14px 16px}.product-quality-list{margin:0;padding-left:18px}.product-quality-list li{margin:0 0 6px}.product-quality-list li:last-child{margin-bottom:0}.edit-hint{color:#1d4ed8;font-size:12px;font-weight:800}.order-items-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.order-item-card{display:grid;gap:14px;grid-template-columns:minmax(100px,132px) minmax(0,1fr);padding:16px;border:1px solid #dbe4f0;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 12px 30px #0f172a0d}.order-item-image-wrap{display:flex;align-items:center;justify-content:center}.order-item-image{width:100%;max-width:132px;aspect-ratio:1 / 1;object-fit:contain;object-position:center;padding:10px;border:1px solid #dbe4f0;border-radius:18px;background:#fff}.order-item-image-placeholder{display:grid;place-items:center;font-size:34px;font-weight:800;color:#475569;background:linear-gradient(135deg,#e2e8f0,#f8fafc)}.order-item-meta-row{align-items:center;color:#334155}.history-list{display:flex;flex-direction:column;gap:12px}.history-row{align-items:flex-start;padding:14px 16px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.history-dot{width:14px;height:14px;margin-top:4px;border-radius:999px;flex-shrink:0;background:#cbd5e1}.status-pill{display:inline-flex;width:fit-content;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.status-pill.active{background:#dcfce7;color:#166534}.status-pill.blocked{background:#fee2e2;color:#991b1b}.status-pill.large{padding:8px 14px;font-size:13px}.status-pill.pending{background:#ffedd5;color:#9a3412}.status-pill.confirmed{background:#dbeafe;color:#1d4ed8}.status-pill.allocated{background:#ede9fe;color:#6d28d9}.status-pill.packed{background:#fce7f3;color:#be185d}.status-pill.dispatched{background:#cffafe;color:#0f766e}.status-pill.delivered{background:#dcfce7;color:#166534}.history-dot.pending{background:#fb923c}.history-dot.confirmed{background:#3b82f6}.history-dot.allocated{background:#8b5cf6}.history-dot.packed{background:#ec4899}.history-dot.dispatched{background:#14b8a6}.history-dot.delivered{background:#22c55e}.history-dot.blocked{background:#ef4444}.inline-edit-button{display:inline-flex;align-items:center;justify-content:center;margin-top:4px;border-radius:999px;background:#1d4ed8;color:#fff;padding:6px 12px;font-size:12px;font-weight:800}.edit-action-row{padding:12px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;color:#0f172a;padding:0}.accordion-subtrigger{border-radius:0}.accordion-chevron{color:#475569;font-size:20px;font-weight:700;line-height:1}.eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.accordion-section{border:1px solid #e2e8f0;border-radius:12px;background:#fff}.accordion-section summary{cursor:pointer;padding:12px 16px;font-weight:600;list-style:none}.accordion-section summary::-webkit-details-marker{display:none}.accordion-section summary:after{content:"+";float:right;font-size:18px}.accordion-section[open] summary:after{content:"−"}.accordion-content{padding:0 16px 16px}.table-scroll{width:100%;max-height:720px;overflow:auto;border:1px solid #e5e7eb;border-radius:8px}.table-scroll table{width:100%;min-width:900px;border-collapse:collapse}.table-scroll thead th{position:sticky;top:0;background:#fff;z-index:2}.whatsapp-inbox-page{min-height:0}.support-chat-page{height:calc(100vh - 80px);min-height:0;overflow:hidden}.support-chat-page .whatsapp-inbox-layout{flex:1;height:100%;min-height:0}.support-chat-page .whatsapp-inbox-list,.support-chat-page .whatsapp-inbox-detail{overflow:hidden;height:100%}.support-chat-detail-shell{flex:1;min-height:0;overflow:hidden}.support-chat-detail-header{flex-shrink:0;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.whatsapp-inbox-summary-grid{min-width:320px}.whatsapp-inbox-layout{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:16px;min-height:720px}.whatsapp-inbox-list,.whatsapp-inbox-detail{min-height:0}.whatsapp-conversation-list,.whatsapp-message-history{display:flex;flex-direction:column;gap:12px;min-height:0}.whatsapp-conversation-list{flex:1;max-height:none;overflow-y:auto}.whatsapp-thread-card{width:100%;display:flex;flex-direction:column;gap:8px;align-items:stretch;text-align:left;color:#0f172a;background:#f8fafc;border:1px solid #dbe4f0}.whatsapp-thread-card.active{background:#eff6ff;border-color:#93c5fd}.whatsapp-inbox-detail{display:flex;flex-direction:column;gap:16px}.whatsapp-message-history{max-height:520px;overflow-y:auto;padding-right:4px}.support-chat-page .whatsapp-message-history{flex:1;min-height:0;max-height:none}.chat-reply-composer{display:flex;align-items:flex-end;gap:10px;padding:10px 12px;border-top:1px solid #e5e7eb}.chat-reply-input{flex:1;resize:none;min-height:42px;max-height:120px;padding:10px 16px;border:none;border-radius:22px;background:#fff;font-size:14px;line-height:20px;font-family:inherit;outline:none;overflow-y:auto;border:1px solid #7584a1}.chat-reply-input::placeholder{color:#8696a0}.chat-reply-send{width:44px;height:44px;border:none;border-radius:50%;background:#25d366;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.chat-reply-send:hover:not(:disabled){background:#1faa59}.chat-reply-send:disabled{background:#cbd5e1;cursor:not-allowed}.whatsapp-message-bubble{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:18px;border:1px solid #dbe4f0;max-width:78%}.whatsapp-message-bubble.incoming{align-self:flex-start;background:#fff}.whatsapp-message-bubble.outgoing{align-self:flex-end;background:#ecfdf5;border-color:#86efac}.whatsapp-media-link{display:inline-flex;width:fit-content}.whatsapp-media-link img{display:block;max-width:220px;border-radius:14px;border:1px solid #dbe4f0}.whatsapp-reply-panel{border-style:dashed}@media(max-width:720px){.topbar{grid-template-columns:1fr}.app-shell{padding:16px}.operations-grid{grid-template-columns:1fr}.whatsapp-inbox-layout{grid-template-columns:1fr;min-height:auto}.whatsapp-message-bubble{max-width:100%}.toolbar-row{grid-template-columns:1fr}.mobile-content-toolbar,.mobile-content-action-row{justify-content:stretch}.mobile-content-action-row button{flex:1 1 220px;white-space:normal}.month-notepad-header,.month-notepad-shell,.month-notepad-hero,.month-notepad-footer{grid-template-columns:1fr;flex-direction:column}.month-notepad-shell{display:flex}.month-notepad-nav{justify-content:flex-start}.order-hero,.next-action-banner{flex-direction:column}.order-item-card{grid-template-columns:1fr}.order-hero-aside,.next-action-buttons{width:100%;justify-content:flex-start}}