:root{--bg: #f1f5f9;--surface: #ffffff;--ink: #0f172a;--muted: #64748b;--line: #e2e8f0;--accent: #0d9488;--accent-dark: #0f766e;--accent-light: #ccfbf1;--danger: #ef4444;--warning: #f59e0b;--success: #10b981;--shadow: 0 1px 3px 0 rgba(15, 23, 42, .08), 0 1px 2px -1px rgba(15, 23, 42, .08);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .08);--radius: 14px;--radius-sm: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.app{min-height:100%;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line);padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.header-title{font-size:18px;font-weight:700}.header-action{background:transparent;color:var(--accent);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:var(--radius-sm)}.main{flex:1;padding:16px 16px 92px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:30}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;color:var(--muted);font-size:11px;font-weight:600;padding:6px 10px;border-radius:var(--radius-sm)}.nav-item.active{color:var(--accent)}.card{background:var(--surface);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:14px}.card-title{font-size:15px;font-weight:700;margin:0 0 10px}.card-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.card-row:last-child{border-bottom:0}.card-label{color:var(--muted);font-size:13px}.card-value{font-weight:600;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:var(--radius-sm);font-weight:700;font-size:15px;transition:transform .05s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--accent-light);color:var(--accent-dark)}.btn-danger{background:#fee2e2;color:var(--danger)}.btn:disabled{opacity:.6;cursor:not-allowed}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}.input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:capitalize}.badge-pending{background:#fef3c7;color:#92400e}.badge-cleaning{background:#dbeafe;color:#1e40af}.badge-ready{background:#d1fae5;color:#065f46}.badge-delivered{background:#e0e7ff;color:#3730a3}.badge-cancelled{background:#fee2e2;color:#991b1b}.badge-requested{background:#f3e8ff;color:#6b21a8}.badge-default{background:var(--line);color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:40px 16px}.empty-icon{margin-bottom:12px;opacity:.5}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}.quick-btn{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink);font-weight:700;font-size:14px;box-shadow:var(--shadow)}.quick-btn svg{color:var(--accent)}.list-item{background:var(--surface);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);margin-bottom:10px;display:flex;flex-direction:column;gap:6px}.list-item-top{display:flex;justify-content:space-between;align-items:flex-start}.list-item-title{font-weight:700;font-size:15px}.list-item-meta{color:var(--muted);font-size:13px}.login-wrap{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:24px}.login-logo{text-align:center;margin-bottom:28px}.login-logo h1{margin:12px 0 4px;font-size:24px}.login-logo p{margin:0;color:var(--muted);font-size:14px}.error{background:#fee2e2;color:#991b1b;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;margin-bottom:14px}.tenant-select h3{margin:0 0 6px;font-size:18px}.tenant-select p{margin:0 0 16px;color:var(--muted);font-size:13px}.tenant-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.tenant-card{display:flex;flex-direction:column;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left}.tenant-card:hover{border-color:var(--accent)}.tenant-card strong{font-size:15px;color:var(--text)}.tenant-card span{font-size:13px;color:var(--muted)}.text-right{text-align:right}.mt-2{margin-top:12px}.mb-2{margin-bottom:12px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.phone-input-group{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden;transition:border-color .15s ease}.phone-input-group:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #0d94881f}.phone-prefix{padding:10px 12px;background:#f8fafc;border-right:1px solid var(--line);font-weight:700;font-size:14px;color:var(--ink);white-space:nowrap}.phone-input-group .input{border:none;border-radius:0;padding:10px 12px;font-size:16px;letter-spacing:.5px;font-weight:600;box-shadow:none;width:100%}.phone-input-group .input:focus{outline:none;box-shadow:none}.field-hint{display:block;margin-top:6px;font-size:12px;color:var(--muted);line-height:1.4}.btn-block{width:100%;padding:13px 16px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.success-banner{background:#dcfce7;color:#15803d;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;margin-bottom:14px;border:1px solid #bbf7d0}.otp-header-info{background:#f8fafc;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:16px;text-align:center}.otp-header-info p{margin:0 0 6px;font-size:12px;color:var(--muted);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.target-phone-badge{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:var(--ink)}.edit-phone-btn{background:transparent;color:var(--accent);font-size:12px;font-weight:700;text-decoration:underline;padding:0;cursor:pointer}.otp-input{font-size:24px;font-weight:800;text-align:center;letter-spacing:8px;padding:12px}.resend-otp-wrap{text-align:center;margin-top:14px;font-size:13px}.login-mode-toggle{text-align:center;margin-top:20px;padding-top:16px;border-top:1px dashed var(--line)}.link-btn{background:transparent;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px}.link-btn:hover{text-decoration:underline}.hero-card{background:linear-gradient(135deg,#0d9488,#0284c7,#4f46e5);color:#fff;border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:0 10px 25px -5px #0d948866;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;background:#ffffff1f;border-radius:50%;pointer-events:none}.hero-card:before{content:"";position:absolute;bottom:-30px;left:20%;width:90px;height:90px;background:#ffffff14;border-radius:50%;pointer-events:none}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;position:relative;z-index:1}.hero-greeting{font-size:20px;font-weight:800;margin:0 0 4px}.hero-subtitle{font-size:13px;opacity:.9;margin:0}.hero-code-badge{background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;border:1px solid rgba(255,255,255,.3)}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:1}.hero-stat-pill{background:#ffffff2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-sm);padding:10px 14px;display:flex;align-items:center;gap:10px}.hero-stat-icon{width:34px;height:34px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-stat-info{display:flex;flex-direction:column}.hero-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.85}.hero-stat-value{font-size:16px;font-weight:800}.quick-grid-6{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.quick-action-card{background:var(--surface);border-radius:var(--radius);padding:14px 8px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;box-shadow:var(--shadow);border:1px solid var(--line);transition:transform .15s ease,box-shadow .15s ease;position:relative}.quick-action-card:active{transform:scale(.96)}.quick-action-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.quick-action-label{font-size:11px;font-weight:700;color:var(--ink);line-height:1.2}.action-badge{position:absolute;top:6px;right:6px;background:#ef4444;color:#fff;font-size:9px;font-weight:800;padding:2px 5px;border-radius:10px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.active-order-card{background:var(--surface);border-radius:var(--radius);padding:16px;margin-bottom:20px;box-shadow:var(--shadow);border:1.5px solid #38bdf8;position:relative}.active-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.active-order-num{font-size:15px;font-weight:800;color:#0369a1}.live-pulse-badge{display:inline-flex;align-items:center;gap:6px;background:#e0f2fe;color:#0284c7;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:700}.live-pulse-dot{width:6px;height:6px;border-radius:50%;background:#0284c7;box-shadow:0 0 #0284c7b3;animation:dotPulse 1.6s infinite}@keyframes dotPulse{0%{box-shadow:0 0 #0284c7b3}70%{box-shadow:0 0 0 6px #0284c700}to{box-shadow:0 0 #0284c700}}.stepper-wrap{display:flex;justify-content:space-between;align-items:flex-start;position:relative;margin:16px 0 10px;padding:0 4px}.stepper-line{position:absolute;top:14px;left:20px;right:20px;height:3px;background:#e2e8f0;z-index:0}.stepper-line-progress{height:100%;background:linear-gradient(90deg,#0d9488,#0284c7);transition:width .4s ease}.step-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:54px}.step-circle{width:30px;height:30px;border-radius:50%;background:#fff;border:2.5px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#64748b;transition:all .3s ease}.step-node.completed .step-circle{background:#0d9488;border-color:#0d9488;color:#fff}.step-node.active .step-circle{background:#0284c7;border-color:#0284c7;color:#fff;transform:scale(1.15);box-shadow:0 0 0 4px #0284c733}.step-label{font-size:9.5px;font-weight:600;color:#64748b;margin-top:6px;text-align:center;line-height:1.15}.step-node.active .step-label{color:#0284c7;font-weight:800}.step-node.completed .step-label{color:#0d9488}.order-detail-bar{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--line);margin-top:10px;font-size:12px}.section-header{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px}.section-title{font-size:16px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:6px}.offers-scroll-row{display:flex;gap:12px;overflow-x:auto;margin:0 -16px 18px;padding:0 16px 8px;scrollbar-width:none}.offers-scroll-row::-webkit-scrollbar{display:none}.offer-card-banner{flex:0 0 250px;border-radius:var(--radius);padding:14px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 6px 16px -3px #00000026;position:relative;overflow:hidden}.offer-bg-1{background:linear-gradient(135deg,#f97316,#ea580c)}.offer-bg-2{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.offer-bg-3{background:linear-gradient(135deg,#ec4899,#be185d)}.offer-bg-4{background:linear-gradient(135deg,#10b981,#047857)}.offer-tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:#ffffff40;align-self:flex-start;padding:2px 8px;border-radius:12px}.offer-title{font-size:17px;font-weight:900;margin:8px 0 4px}.offer-desc{font-size:11.5px;opacity:.9;margin-bottom:10px;line-height:1.3}.offer-bottom-bar{display:flex;justify-content:space-between;align-items:center;background:#0000002e;padding:6px 10px;border-radius:8px}.offer-code-text{font-family:monospace;font-weight:800;font-size:13px;letter-spacing:1px}.copy-pill-btn{background:#fff;color:#0f172a;border:0;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700;cursor:pointer}.activity-chart-card{background:var(--surface);border-radius:var(--radius);padding:16px;margin-bottom:20px;box-shadow:var(--shadow)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.chart-bars-wrap{display:flex;align-items:flex-end;justify-content:space-around;height:130px;padding-bottom:22px;position:relative;border-bottom:1px dashed var(--line)}.chart-col{display:flex;flex-direction:column;align-items:center;width:32px;height:100%;justify-content:flex-end}.chart-bar-pillar{width:14px;background:linear-gradient(180deg,#0284c7,#38bdf8);border-radius:6px 6px 0 0;transition:height .6s cubic-bezier(.34,1.56,.64,1);min-height:4px;position:relative}.chart-bar-pillar.highlight{background:linear-gradient(180deg,#0d9488,#2dd4bf)}.chart-bar-val{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;color:#64748b}.chart-col-label{font-size:10px;color:#94a3b8;font-weight:600;position:absolute;bottom:0}.chart-footer-stat{display:flex;justify-content:space-around;padding-top:12px;font-size:12px;color:var(--muted)}.chart-footer-stat strong{color:var(--ink)}.wheel-overlay{position:fixed;inset:0;background:#0f172abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.wheel-modal-card{background:var(--surface);border-radius:20px;padding:24px 20px;max-width:360px;width:100%;text-align:center;box-shadow:0 20px 25px -5px #0000004d;position:relative;display:flex;flex-direction:column;align-items:center}.wheel-close-btn{position:absolute;top:14px;right:14px;background:#f1f5f9;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:18px;border:0;cursor:pointer}.wheel-container{position:relative;width:270px;height:270px;margin:18px auto}.wheel-pointer{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:24px solid #ef4444;z-index:10;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3))}.wheel-canvas{width:270px;height:270px;border-radius:50%;box-shadow:0 0 0 6px #f8fafc,0 0 15px #0003;transition:transform 4s cubic-bezier(.15,.9,.2,1)}.wheel-center-pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000040;display:flex;align-items:center;justify-content:center;font-size:18px;z-index:5}.spin-action-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:30px;padding:12px 32px;font-size:16px;font-weight:800;box-shadow:0 6px 16px -2px #f59e0b66;margin-top:8px;cursor:pointer}.spin-action-btn:disabled{opacity:.6;cursor:not-allowed}.win-banner-celebration{background:#ecfdf5;border:1.5px solid #6ee7b7;color:#065f46;border-radius:var(--radius-sm);padding:12px;margin-top:14px;width:100%;font-weight:700}.referral-hero-card{background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;border-radius:var(--radius);padding:24px 18px;text-align:center;margin-bottom:20px;box-shadow:0 10px 20px -5px #6366f166}.referral-icon-circle{width:60px;height:60px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.referral-code-box{background:#fff;border:2px dashed #6366f1;border-radius:var(--radius-sm);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;margin:16px 0}.referral-code-text{font-family:monospace;font-size:18px;font-weight:800;color:#4338ca;letter-spacing:1px}.whatsapp-share-btn{background:#25d366;color:#fff;border-radius:12px;padding:14px 20px;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-shadow:0 6px 14px -2px #25d36666}.complaint-item-card{background:var(--surface);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;box-shadow:var(--shadow);border-left:4px solid #cbd5e1}.complaint-item-card.status-open{border-left-color:#f59e0b}.complaint-item-card.status-progress{border-left-color:#0284c7}.complaint-item-card.status-resolved{border-left-color:#10b981}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ticket-num{font-family:monospace;font-size:13px;font-weight:800;color:#475569}.ticket-date{font-size:11px;color:var(--muted)}.ticket-cat-badge{display:inline-block;background:#f1f5f9;color:#334155;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;margin-bottom:6px}.ticket-desc{font-size:13px;color:var(--ink);line-height:1.35;margin:6px 0}.ticket-resolution{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:8px 10px;font-size:12px;color:#166534;margin-top:8px}