@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--primary:#1c4d37;--primary-light:#2d7a58;--primary-dark:#113324;--primary-alpha:#1c4d3714;--primary-alpha-heavy:#1c4d372e;--accent:#d4a373;--accent-light:#e9c46a;--accent-alpha:#d4a3731f;--bg-app:#f4f6f0;--bg-card:#fff;--bg-code:#161a1d;--text:#2f3e46;--text-light:#52796f;--text-muted:#84a98c;--text-white:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--success:#38b000;--success-alpha:#38b0001a;--warning:#f77f00;--warning-alpha:#f77f001a;--danger:#d62828;--danger-alpha:#d628281a;--info:#0077b6;--info-alpha:#0077b61a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-premium:0 20px 25px -5px #1c4d3714, 0 10px 10px -5px #1c4d370a;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;--sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--display:"Outfit", sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;font-family:var(--sans);color:var(--text);background-color:var(--bg-app)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;overflow:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.workspace-container{background-color:var(--bg-app);width:100%;height:100vh;display:flex;overflow:hidden}.admin-sidebar{background-color:var(--primary-dark);color:#fff;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;width:280px;display:flex}.admin-sidebar-logo{font-family:var(--display);color:#fff;border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:24px;font-size:22px;font-weight:700;display:flex}.admin-sidebar-logo span{color:var(--accent-light)}.admin-sidebar-nav{flex-direction:column;flex:1;gap:6px;padding:20px 12px;display:flex;overflow-y:auto}.admin-sidebar-nav-item{color:#ffffffb3;border-radius:var(--radius-md);font-family:var(--sans);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.admin-sidebar-nav-item:hover{color:#fff;background-color:#ffffff0f}.admin-sidebar-nav-item.active{color:var(--primary-dark);background-color:var(--accent-light);box-shadow:var(--shadow-sm)}.admin-sidebar-footer{background-color:#00000026;border-top:1px solid #ffffff0d;padding:20px}.admin-sidebar-status{color:var(--text-muted);align-items:center;gap:8px;font-size:11px;display:flex}.status-indicator{background-color:var(--success);border-radius:50%;width:8px;height:8px;display:inline-block}.admin-main{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.admin-header{border-bottom:1px solid var(--border);height:70px;box-shadow:var(--shadow-sm);background-color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 32px;display:flex}.admin-header-title-container{align-items:center;gap:12px;display:flex}.admin-header-title{font-family:var(--display);color:var(--primary-dark);font-size:20px;font-weight:700}.admin-header-date{color:var(--text-light);background-color:var(--primary-alpha);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.admin-header-meta{align-items:center;gap:16px;display:flex}.admin-header-banner-preview{white-space:nowrap;text-overflow:ellipsis;background-color:var(--warning-alpha);max-width:400px;color:var(--warning);border:1px dashed var(--warning);border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:500;overflow:hidden}.admin-content{flex:1;padding:32px;overflow-y:auto}.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:28px;display:grid}.admin-stat-card{border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);background-color:#fff;align-items:center;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.admin-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-stat-icon{background-color:var(--primary-alpha);width:48px;height:48px;color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-stat-icon.revenue{background-color:var(--accent-alpha);color:#c08c5c}.admin-stat-icon.refunds{background-color:var(--danger-alpha);color:var(--danger)}.admin-stat-icon.skipped{background-color:var(--warning-alpha);color:var(--warning)}.admin-stat-icon.issues{color:var(--danger);background-color:#d628281a}.admin-stat-info{flex-direction:column;display:flex}.admin-stat-value{font-family:var(--display);color:var(--primary-dark);font-size:24px;font-weight:700;line-height:1.2}.admin-stat-label{color:var(--text-light);margin-top:2px;font-size:12px;font-weight:500}.admin-section{border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);background-color:#fff;margin-bottom:28px;padding:24px}.admin-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.admin-section-title{font-family:var(--display);color:var(--primary-dark);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.admin-section-actions{align-items:center;gap:12px;display:flex}.admin-filters-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.filter-input{border-radius:var(--radius-sm);border:1px solid var(--border);font-family:var(--sans);background-color:var(--bg-card);outline:none;min-height:38px;padding:8px 12px;font-size:13px}.filter-input:focus{border-color:var(--primary-light)}.filter-select{border-radius:var(--radius-sm);border:1px solid var(--border);font-family:var(--sans);background-color:var(--bg-card);cursor:pointer;outline:none;min-height:38px;padding:8px 12px;font-size:13px}.filter-select:focus{border-color:var(--primary-light)}.table-responsive{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--border);background-color:var(--border-light);padding:14px 16px;font-size:11px;font-weight:700}.admin-table td{color:var(--text);border-bottom:1px solid var(--border-light);vertical-align:middle;padding:14px 16px;font-size:13px}.admin-table tbody tr:hover td{background-color:var(--bg-app)}.admin-table tbody tr.selected td{background-color:var(--primary-alpha)}.admin-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.admin-badge.placed{background-color:var(--info-alpha);color:var(--info)}.admin-badge.confirmed{color:var(--success);background-color:#38b0001a}.admin-badge.packing{background-color:var(--accent-alpha);color:#b07e50}.admin-badge.delivery{color:#d97706;background-color:#fef3c7}.admin-badge.delivered{color:#2d8a00;background-color:#38b00026}.admin-badge.cancelled{background-color:var(--danger-alpha);color:var(--danger)}.admin-badge.success{background-color:var(--success-alpha);color:var(--success)}.admin-badge.failed{background-color:var(--danger-alpha);color:var(--danger)}.admin-badge.pending{background-color:var(--warning-alpha);color:var(--warning)}.btn{border-radius:var(--radius-sm);font-family:var(--sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-light)}.btn-secondary{background-color:var(--border-light);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--border)}.btn-danger{background-color:var(--danger-alpha);color:var(--danger)}.btn-danger:hover:not(:disabled){background-color:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-md);width:100%;max-width:650px;max-height:90vh;box-shadow:var(--shadow-lg);background-color:#fff;flex-direction:column;animation:.2s ease-out modal-zoom;display:flex;overflow:hidden}@keyframes modal-zoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-family:var(--display);color:var(--primary-dark);font-size:18px;font-weight:700}.modal-close-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.modal-close-btn:hover{background-color:var(--border-light);color:var(--primary-dark)}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background-color:var(--border-light);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.packing-slip{border:2px solid var(--primary-dark);border-radius:var(--radius-sm);color:#1a1a1a;font-family:var(--sans);background-color:#fafcf6;margin-bottom:16px;padding:24px}.packing-slip-header{text-align:center;border-bottom:2px solid var(--primary-dark);margin-bottom:16px;padding-bottom:12px}.packing-slip-title{font-family:var(--display);color:var(--primary-dark);letter-spacing:.5px;font-size:18px;font-weight:700}.packing-slip-meta{border-bottom:1px dashed var(--border);grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;padding-bottom:12px;font-size:13px;display:grid}.packing-slip-section-title{background-color:var(--primary);color:#fff;text-transform:uppercase;border-radius:3px;margin-top:16px;margin-bottom:8px;padding:6px 12px;font-size:11px;font-weight:700}.packing-slip-section-title.grocery{background-color:#4b5563}.packing-slip-item{border-bottom:1px solid #eee;justify-content:space-between;padding:6px 12px;font-size:13px;display:flex}.packing-slip-item.soft{border-left:3px solid var(--accent);background-color:#d4a3731a;font-weight:600}.packing-slip-total{border-top:2px solid var(--primary-dark);justify-content:space-between;margin-top:20px;padding-top:12px;font-size:15px;font-weight:700;display:flex}.automation-tabs{border-bottom:1px solid var(--border);margin-bottom:16px;display:flex}.automation-tab{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:13px;font-weight:600}.automation-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.log-list{flex-direction:column;gap:12px;display:flex}.log-item-whatsapp{border-left:4px solid var(--success);border-radius:var(--radius-sm);background-color:#e8f9eb;padding:14px;font-size:13px;line-height:1.5}.log-item-email{border:1px solid var(--border);border-left:4px solid var(--info);border-radius:var(--radius-sm);background-color:#fff;padding:14px;font-size:13px}.log-meta{color:var(--text-muted);justify-content:space-between;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.toast-container{z-index:2000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);background-color:#2f3e46;align-items:center;gap:10px;min-width:250px;padding:12px 18px;font-size:13px;animation:.2s ease-out toast-slide-in;display:flex}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.success{background-color:var(--primary)}.toast.warning{background-color:var(--warning)}.toast.danger{background-color:var(--danger)}.banner-config-box{background-color:var(--border-light);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:20px;padding:20px}.input-label{color:var(--text);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.text-area{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;min-height:80px;font-family:var(--sans);resize:vertical;background-color:#fff;outline:none;margin-bottom:12px;padding:10px 12px;font-size:13px}.text-area:focus{border-color:var(--primary-light)}.checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}@media print{body *{visibility:hidden}.modal-overlay,.modal-content,.packing-slip,.packing-slip *{visibility:visible}.modal-overlay{background:0 0;width:100%;height:auto;padding:0;position:absolute;top:0;left:0}.modal-content{box-shadow:none;border:none;width:100%;max-height:none}.modal-footer,.modal-header button,.btn{display:none!important}}.login-root{width:100%;min-height:100vh;font-family:var(--sans);display:flex;overflow:hidden}.login-panel-left{background:linear-gradient(145deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-light) 100%);flex:1;justify-content:center;align-items:center;padding:60px 48px;display:flex;position:relative;overflow:hidden}.login-brand-content{z-index:2;color:#fff;max-width:380px;position:relative}.login-leaf-icon{filter:drop-shadow(0 4px 12px #0003);margin-bottom:16px;font-size:52px;animation:4s ease-in-out infinite float;display:block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-brand-name{font-family:var(--display);color:#fff;letter-spacing:-1px;margin-bottom:16px;font-size:48px;font-weight:700;line-height:1}.login-brand-tagline{color:#fffc;margin-bottom:40px;font-size:17px;font-weight:400;line-height:1.7}.login-feature-list{flex-direction:column;gap:14px;display:flex}.login-feature-item{color:#ffffffe6;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.login-feature-icon{background-color:var(--accent-light);width:24px;height:24px;color:var(--primary-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.login-panel-orbs{z-index:1;pointer-events:none;position:absolute;inset:0}.orb{background:#ffffff0a;border-radius:50%;position:absolute}.orb-1{width:380px;height:380px;top:-120px;right:-100px}.orb-2{background:#ffffff0f;width:260px;height:260px;bottom:-80px;left:-60px}.orb-3{background:#d4a3731f;width:160px;height:160px;bottom:140px;right:60px}.login-panel-right{background-color:var(--bg-app);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:20px;width:480px;padding:48px 40px;display:flex}.login-card{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-premium);border:1px solid var(--border);background-color:#fff;padding:40px 36px;animation:.4s ease-out card-rise}@keyframes card-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-card.shake{animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(7px)}45%{transform:translate(-5px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}.login-steps{justify-content:center;align-items:center;gap:0;margin-bottom:32px;display:flex}.login-step-dot{background-color:var(--border);border-radius:50%;width:10px;height:10px;transition:background-color .3s}.login-step-dot.active{background-color:var(--primary)}.login-step-line{background-color:var(--border);width:48px;height:2px;transition:background-color .3s}.login-step-line.filled{background-color:var(--primary)}.login-card-header{text-align:center;margin-bottom:32px}.login-card-icon{margin-bottom:14px;font-size:36px;display:block}.login-card-title{font-family:var(--display);color:var(--primary-dark);margin-bottom:8px;font-size:26px;font-weight:700}.login-card-subtitle{color:var(--text-light);font-size:14px;line-height:1.6}.login-form{flex-direction:column;gap:24px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-field-label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.login-phone-input-wrap{border:1.5px solid var(--border);border-radius:var(--radius-md);background:#fff;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.login-phone-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.login-phone-prefix{background-color:var(--bg-app);border-right:1.5px solid var(--border);flex-shrink:0;align-items:center;gap:6px;padding:0 14px;display:flex}.login-flag{font-size:18px}.login-country-code{color:var(--text);font-size:14px;font-weight:600}.login-phone-input{font-family:var(--sans);color:var(--text);letter-spacing:1px;background:0 0;border:none;outline:none;flex:1;padding:14px 16px;font-size:16px;font-weight:500}.login-phone-input::placeholder{color:var(--text-muted);letter-spacing:0;font-weight:400}.login-otp-row{justify-content:center;gap:12px;margin-top:4px;display:flex}.login-otp-input{border:2px solid var(--border);border-radius:var(--radius-md);text-align:center;width:64px;height:68px;font-family:var(--display);color:var(--primary-dark);caret-color:var(--primary);background:#fff;outline:none;font-size:28px;font-weight:700;transition:all .2s}.login-otp-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha);transform:scale(1.05)}.login-otp-input.filled{border-color:var(--primary-light);background-color:var(--primary-alpha);color:var(--primary-dark)}.login-error{color:var(--danger);align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.login-error:before{content:"⚠"}.login-btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;border-radius:var(--radius-md);width:100%;font-family:var(--sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:15px 24px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #1c4d374d}.login-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #1c4d3759}.login-btn-primary:active:not(:disabled){transform:translateY(0)}.login-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-btn-arrow{font-size:18px;transition:transform .2s}.login-btn-primary:hover:not(:disabled) .login-btn-arrow{transform:translate(4px)}.login-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-otp-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.login-back-btn{color:var(--text-light);cursor:pointer;font-size:13px;font-family:var(--sans);background:0 0;border:none;padding:4px 0;font-weight:600;transition:color .2s}.login-back-btn:hover{color:var(--primary)}.login-resend-btn{color:var(--primary);cursor:pointer;font-size:13px;font-family:var(--sans);background:0 0;border:none;padding:4px 0;font-weight:600;transition:color .2s}.login-resend-btn.disabled{color:var(--text-muted);cursor:not-allowed}.login-resend-btn:hover:not(.disabled){color:var(--primary-light);text-decoration:underline}.login-terms{color:var(--text-muted);text-align:center;margin-top:20px;font-size:12px;line-height:1.6}.login-link{color:var(--primary);font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}.login-admin-hint{color:var(--text-muted);text-align:center;font-size:12px;font-weight:500}@media (width<=860px){.login-root{flex-direction:column}.login-panel-left{min-height:260px;padding:48px 32px}.login-brand-name{font-size:36px}.login-panel-right{width:100%;padding:32px 20px}.login-card{padding:28px 24px}}