.mype-phone{--ink:#0c0b0d;--ink-2:#111013;--panel:#141317;--panel-2:#ffffff0a;--line:#ffffff1f;--text:#f3f1f5;--muted:#b0abb6;--coral:#d41f45;--coral-bright:#ff4d73;--teal:#0d9488;--teal-deep:#0f766e;--chart:#2563eb;--chart-deep:#1d4ed8;--wallet-yape:#6d28d9;--wallet-cash:#d97706;--wallet-card:#0d9488;--ok:#22c55e;--warn:#f59e0b;--danger:#fb7185;--radius:22px;--safe-b:env(safe-area-inset-bottom,0px)}.mype-phone *{box-sizing:border-box;margin:0;padding:0}.mype-phone .studio{grid-template-columns:auto 1fr;align-items:start;gap:40px;width:min(1180px,100%);display:grid}.mype-phone .device{background:var(--ink);border-radius:44px;flex-shrink:0;width:390px;height:844px;padding:12px;position:relative;box-shadow:0 0 0 1px #ffffff1f,0 30px 80px #0000008c}.mype-phone .device:before{content:"";z-index:20;background:#000;border-radius:20px;width:118px;height:28px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.mype-phone .screen{background:var(--ink-2);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:34px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.mype-phone .status{color:var(--muted);justify-content:space-between;align-items:center;padding:18px 18px 8px;font-size:12px;font-weight:600;display:flex}.mype-phone .live{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.mype-phone .dot{background:var(--ok);border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse;box-shadow:0 0 #22c55eb3}@keyframes pulse{70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.mype-phone .app{scrollbar-width:none;flex:1;padding:4px 14px 100px;overflow:auto}.mype-phone .app::-webkit-scrollbar{display:none}.mype-phone .view{animation:.28s up;display:none}.mype-phone .view.active{display:block}@keyframes up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-pop{0%{opacity:0;transform:translate(-50%)scale(.88)}to{opacity:1;transform:translate(-50%)scale(1)}}.mype-phone h1,.mype-phone h2,.mype-phone .display{font-family:Montserrat,Poppins,sans-serif}.mype-phone .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.mype-phone .title{letter-spacing:-.03em;margin:4px 0 14px;font-size:26px;font-weight:700}.mype-phone .app>.view>.kicker,.mype-phone .app>.view>.title,.mype-phone .app>.view>.note,.mype-phone .app>.view>.back+.kicker,.mype-phone .app>.view>.back+.kicker+.title,.mype-phone .app>.view>.back+.kicker+.title+.note{text-align:center}.mype-phone .sub{color:var(--muted);font-size:13px;line-height:1.45}.mype-phone .row{gap:10px;display:flex}.mype-phone .grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mype-phone .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.mype-phone .kpi .label{color:var(--muted);font-size:11px;font-weight:600}.mype-phone .kpi .value{letter-spacing:-.04em;margin-top:6px;font-family:Montserrat,sans-serif;font-size:22px;font-weight:700}.mype-phone .delta{margin-top:4px;font-size:11px;font-weight:700}.mype-phone .up{color:var(--ok)}.mype-phone .down{color:var(--danger)}.mype-phone .hero{background:var(--panel);border:1px solid var(--line);border-radius:26px;margin-bottom:12px;padding:16px}.mype-phone .hero .value{letter-spacing:-.05em;margin:6px 0 2px;font-size:34px;font-weight:700}.mype-phone .bar-track{background:var(--ink);border-radius:99px;height:7px;margin-top:6px;overflow:hidden}.mype-phone .bar-fill{background:var(--coral);border-radius:99px;height:100%}.mype-phone .bar-fill.star{background:linear-gradient(90deg,#7c3aed 0%,#6d28d9 100%)}.mype-phone .bar-fill.crit{background:linear-gradient(90deg,#fb7185 0%,#d41f45 100%)}.mype-phone .section-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.mype-phone .linkish{color:var(--coral-bright);cursor:pointer;background:0 0;border:0;padding:0;font:700 11px Poppins,sans-serif}.mype-phone .spark{align-items:flex-end;gap:5px;height:52px;margin-top:4px;display:flex}.mype-phone .spark.labeled{height:72px}.mype-phone .spark-axis{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:9px;font-weight:700;display:flex}.mype-phone .week-row{margin:8px 0 4px}.mype-phone .week-row select{padding:10px 12px;font-size:12px}.mype-phone .kpi-stack{gap:10px;margin-bottom:12px;display:grid}.mype-phone .pay-amt{color:var(--muted);font-size:11px;font-weight:600;display:block}.mype-phone .spark span{background:linear-gradient(180deg, var(--coral-bright), var(--coral));opacity:.85;border-radius:6px 6px 2px 2px;flex:1}.mype-phone .chip{color:var(--text);background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.mype-phone .chip.ok{color:#86efac;background:#22c55e24}.mype-phone .chip.warn{color:#fcd34d;background:#f59e0b24}.mype-phone .chip.star{color:#c4b5fd;background:#6d28d92e}.mype-phone .chip.crit{color:#fb7185;background:#d41f452e}.mype-phone .chip.live{color:var(--teal);background:#1bb7d424}.mype-phone .chip.off{color:var(--muted);background:#ffffff0d}.mype-phone .list{flex-direction:column;gap:8px;display:flex}.mype-phone .item{background:var(--panel);border:1px solid var(--line);width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;border-radius:18px;align-items:center;gap:12px;padding:12px;display:flex}.mype-phone .thumb{background:var(--panel-2);width:44px;height:44px;color:var(--teal);border-radius:14px;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:grid}.mype-phone .item h3{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.mype-phone .item p{color:var(--muted);margin-top:2px;font-size:11px}.mype-phone .meta{text-align:right;flex-shrink:0;margin-left:auto;font-size:12px;font-weight:700}.mype-phone .scan-logo{background:var(--teal-deep);cursor:pointer;border:0;border-radius:18px;place-items:center;width:56px;height:56px;margin:0 auto 14px;padding:0;font-size:0;line-height:0;display:grid}.mype-phone .scan-logo svg{width:22px;height:22px;display:block}.mype-phone .seg{background:var(--ink);border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr 1fr;margin-bottom:10px;padding:4px;display:grid}.mype-phone .seg.one{grid-template-columns:1fr}.mype-phone .seg.three{grid-template-columns:1fr 1fr 1fr}.mype-phone .seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:10px;font:700 12px Poppins,sans-serif}.mype-phone .seg button.on{background:var(--teal-deep);color:#fff}.mype-phone .search{background:var(--ink);border:1.5px solid var(--line);width:100%;color:var(--text);border-radius:16px;outline:none;margin-bottom:10px;padding:12px 14px;font:500 13px Poppins,sans-serif}.mype-phone .hub-actions{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.mype-phone .hub-actions.one{grid-template-columns:1fr}.mype-phone .scan-stage{text-align:center;padding:18px 8px 8px}.mype-phone .reticle{background:radial-gradient(circle at 50% 40%,#143246,#0b1a24);border:2px dashed #1bb7d473;border-radius:18px;width:220px;height:148px;margin:18px auto 16px;position:relative;overflow:hidden}.mype-phone .reticle:after{content:"";background:var(--teal);height:2px;animation:1.6s ease-in-out infinite laser;position:absolute;top:12px;left:12px;right:12px;box-shadow:0 0 16px #1bb7d48c}@keyframes laser{0%,to{opacity:.4;top:16px}50%{opacity:1;top:126px}}.mype-phone .code{letter-spacing:.18em;color:var(--teal);font-family:ui-monospace,Menlo,monospace;font-size:13px}.mype-phone .field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.mype-phone .field span{color:var(--muted);font-size:11px;font-weight:700}.mype-phone input,.mype-phone select{background:var(--ink);border:1.5px solid var(--line);width:100%;color:var(--text);border-radius:16px;outline:none;padding:14px;font:600 15px/1.2 Poppins,sans-serif}.mype-phone input:focus,.mype-phone select:focus{border-color:var(--teal)}.mype-phone input[readonly]{color:var(--teal);letter-spacing:.08em}.mype-phone .attrs{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}.mype-phone .stepper{grid-template-columns:56px 1fr 56px;align-items:center;gap:8px;display:grid}.mype-phone .stepper button{background:var(--panel-2);height:56px;color:var(--text);cursor:pointer;border:0;border-radius:16px;font-size:24px;font-weight:700}.mype-phone .btn{cursor:pointer;color:#fff;background:var(--coral);border:0;border-radius:18px;width:100%;padding:16px;font:700 14px Poppins,sans-serif}.mype-phone .btn.ghost,.mype-phone .btn.btn-ghost{border:1.5px solid var(--line);color:var(--text);box-shadow:none;background:0 0;margin-top:8px}.mype-phone .btn.teal,.mype-phone .btn.btn-primary{background:var(--teal-deep);color:#fff;box-shadow:0 4px 14px #0d948838}.mype-phone .btn.sm{padding:12px;font-size:12px}.mype-phone .back{color:var(--teal);cursor:pointer;background:0 0;border:0;margin-bottom:6px;font:700 12px Poppins,sans-serif}.mype-phone .nav{width:100%;height:calc(64px + var(--safe-b));background:var(--panel);border:0;border-top:1px solid var(--line);padding:0 4px;padding-bottom:var(--safe-b);z-index:40;border-radius:22px 22px 0 0;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;display:grid;position:absolute;bottom:0;left:0;right:0;overflow:visible}.mype-phone .sheet-bg{z-index:35;background:#00000073;display:none;position:absolute;inset:0}.mype-phone .sheet-bg.on{display:block}.mype-phone .sheet{background:var(--panel);border:1px solid var(--line);z-index:36;border-radius:24px;padding:8px;display:none;position:absolute;bottom:92px;left:12px;right:12px}.mype-phone .sheet.on{animation:.2s up;display:block}.mype-phone .sheet button.row-btn{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;align-items:center;gap:12px;padding:12px;font:600 14px Poppins,sans-serif;display:flex}.mype-phone .sheet button.row-btn:hover,.mype-phone .sheet button.row-btn.on{background:var(--panel-2)}.mype-phone .sheet button.row-btn[hidden]{display:none!important}.mype-phone .sheet .muted{color:var(--muted);margin-top:2px;font-size:11px;font-weight:400}.mype-phone .call-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.mype-phone .call-row a{background:var(--panel-2);height:40px;color:var(--teal);border-radius:12px;place-items:center;font:700 11px Poppins,sans-serif;text-decoration:none;display:grid}.mype-phone .nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;height:100%;margin:0;padding:0;font:600 9px/1 Poppins,sans-serif;display:flex}.mype-phone .nav button[hidden]{display:none!important}.mype-phone .nav button span{white-space:nowrap;display:block}.mype-phone .nav button svg{flex-shrink:0;width:20px;height:20px;display:block}.mype-phone .nav-ico{width:20px;height:20px;display:block;position:relative}.mype-phone .nav-badge{color:#fff;text-align:center;background:#e11d48;border-radius:99px;min-width:16px;height:16px;padding:0 4px;font:800 9px/16px Poppins,sans-serif;position:absolute;top:-5px;right:-8px}.mype-phone .nav-badge[hidden]{display:none!important}.mype-phone .caja-inbox{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:12px;padding:12px}.mype-phone .caja-inbox-row+.caja-inbox-row{border-top:1px solid #e2e8f0;margin-top:8px;padding-top:8px}.mype-phone .caja-inbox-pick{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;gap:2px;padding:0;display:grid}.mype-phone .caja-inbox-pick strong{font:800 14px Poppins,sans-serif;display:block}.mype-phone .caja-inbox-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.mype-phone .caja-inbox-actions .btn{width:100%;margin:0}.mype-phone .nav button.fab{color:#fff;gap:0}.mype-phone .nav button.fab.is-on .fab-disc{box-shadow:0 0 0 2px #1bb7d4}.mype-phone .nav .fab-disc{background:var(--teal-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mype-phone .nav button.fab svg{width:18px;height:18px}.mype-phone .toast{-webkit-backdrop-filter:blur(16px);color:#334155;z-index:55;text-align:center;pointer-events:none;background:#f1f5f9f0;border:1px solid #cbd5e1d9;border-radius:99px;width:max-content;max-width:calc(100% - 32px);padding:6px 14px;font-size:11.5px;font-weight:600;display:none;position:absolute;inset:10px auto auto 50%;transform:translate(-50%);box-shadow:0 4px 14px -2px #0f172a14}.mype-phone .toast.show{animation:.22s cubic-bezier(.34,1.56,.64,1) fade-pop;display:block}.mype-phone .flash{pointer-events:none;opacity:0;background:#1bb7d429;position:absolute;inset:0}.mype-phone .flash.on{animation:.35s flash}@keyframes flash{0%{opacity:.7}to{opacity:0}}.mype-phone .side h2{letter-spacing:-.04em;margin-bottom:8px;font-size:28px}.mype-phone .side p{color:#b7c7d3;max-width:52ch;font-size:15px;line-height:1.55}.mype-phone .legend{gap:10px;margin-top:22px;display:grid}.mype-phone .legend button,.mype-phone .tpl-switch button{text-align:left;color:#e8f1f6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:12px 14px;font:600 13px Poppins,sans-serif}.mype-phone .legend button small,.mype-phone .tpl-switch button small{color:#8aa0b3;margin-top:3px;font-weight:400;display:block}.mype-phone .legend button.on,.mype-phone .tpl-switch button.on{background:#d41f451f;border-color:#d41f4580}.mype-phone .tpl-switch{gap:8px;margin:16px 0 8px;display:grid}.mype-phone .who{background:var(--panel);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:8px;margin:0 16px 8px;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.mype-phone .who strong{font-size:12px}.mype-phone .note{color:var(--muted);background:var(--ink);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;padding:12px 14px;font-size:12px;line-height:1.45}.mype-phone .lock{text-align:center;padding:48px 18px 24px}.mype-phone .lock .mark{background:var(--teal-deep);border-radius:24px;place-items:center;width:72px;height:72px;margin:0 auto 18px;display:grid}.mype-phone .nav.hide{display:none}.mype-phone .side{padding-top:12px}.mype-phone .side h2{text-align:left}.mype-phone .screen.auth{color:#1f2937;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#dcdcdc}.mype-phone .auth-grid{pointer-events:none;opacity:.4;background-image:linear-gradient(#14201b0a 1px,#0000 1px),linear-gradient(90deg,#14201b0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.mype-phone .screen.auth .status{color:#6b7280}.mype-phone .screen.auth .live{color:var(--teal)}.mype-phone .auth-wrap{z-index:1;scrollbar-width:none;flex-direction:column;flex:1;justify-content:center;width:100%;max-width:440px;margin:0 auto;padding:12px 18px 28px;display:flex;position:relative;overflow:auto}.mype-phone .auth-wrap::-webkit-scrollbar{display:none}.mype-phone .auth-brand{text-align:center;letter-spacing:.08em;background:linear-gradient(90deg,#d41f45,#e11d48,#1e293b);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Montserrat,sans-serif;font-size:28px;font-weight:900;display:block}.mype-phone .auth-title{text-align:center;color:#1f2937;letter-spacing:-.03em;margin:16px 0 20px;font-family:Montserrat,sans-serif;font-size:24px;font-weight:800}.mype-phone .auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px 20px;box-shadow:0 20px 40px #0f172a1f}.mype-phone .auth-field{margin-bottom:14px}.mype-phone .auth-field label{letter-spacing:.06em;text-transform:uppercase;color:#6b7280;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.mype-phone .screen.auth input{border:1.5px solid #e5e7eb;padding:12px 14px;font-size:14px;font-weight:600;color:#1f2937!important;background:#fff!important}.mype-phone .screen.auth input:focus{border-color:var(--teal);box-shadow:0 0 0 2px #0d948847}.mype-phone .auth-icon-field{position:relative}.mype-phone .auth-icon-field svg{color:#6b7280;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.mype-phone .screen.auth .auth-icon-field input{padding-left:40px}.mype-phone .auth-pw{position:relative}.mype-phone .auth-pw input{padding-right:44px}.mype-phone .auth-pw-toggle{cursor:pointer;color:#6b7280;background:0 0;border:0;padding:4px;line-height:0;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.mype-phone .auth-forgot{text-align:right;color:var(--teal-deep);margin-top:8px;font-size:12px;font-weight:700;text-decoration:none;display:block}.mype-phone .auth-err{color:#e11d48;background:#e11d4814;border:1px solid #e11d484d;border-radius:12px;margin-bottom:12px;padding:10px 12px;font-size:12px;font-weight:600;display:none}.mype-phone .auth-err.show{display:block}.mype-phone .auth-submit{cursor:pointer;color:#fff;background:var(--teal-deep);border:0;border-radius:12px;width:100%;padding:14px;font:700 14px Poppins,sans-serif}.mype-phone .auth-or{justify-content:center;align-items:center;margin:20px 0;display:flex;position:relative}.mype-phone .auth-or:before{content:"";border-top:1px solid #e5e7eb;position:absolute;left:0;right:0}.mype-phone .auth-or span{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;background:#fff;padding:0 10px;font-size:11px;font-weight:600;position:relative}.mype-phone .auth-google{color:#334155;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font:700 14px Poppins,sans-serif;display:flex}.mype-phone .auth-google svg{width:20px;height:20px}.mype-phone .auth-footer{text-align:center;color:#6b7280;margin-top:18px;font-size:12px;font-weight:600}.mype-phone .auth-footer a{color:#d41f45;font-weight:700;text-decoration:none}.mype-phone .pay-donut{place-items:center;margin:4px 0 8px;display:grid;position:relative;overflow:hidden}.mype-phone .pay-donut svg{width:124px;height:124px;transform:rotate(-90deg)}.mype-phone .pay-donut-center{text-align:center;pointer-events:none;position:absolute}.mype-phone .pay-donut-center .lbl{letter-spacing:.08em;text-transform:uppercase;color:#4b5563;font-size:10px;font-weight:800}.mype-phone .pay-donut-center .amt{color:#111827;font-family:Montserrat,sans-serif;font-size:18px;font-weight:800;display:block}.mype-phone .pay-donut-center .n{color:#6b7280;font-size:10px;font-weight:700}.mype-phone .pay-legend{border-top:1px solid #f3f4f6;flex-direction:column;gap:6px;padding-top:12px;display:flex}.mype-phone .pay-legend-row{justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.mype-phone .pay-legend-row .left{color:#1f2937;align-items:center;gap:8px;min-width:0;display:flex}.mype-phone .pay-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 2px #fff}.mype-phone .fin-panel,.mype-phone .inv-panel{display:none}.mype-phone .fin-panel.on,.mype-phone .inv-panel.on{display:block}.mype-phone .screen.light{color:#0f172a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f6f9}.mype-phone .screen.light .status{color:#64748b;padding:16px 20px 6px}.mype-phone .live-pill{color:#0369a1;letter-spacing:.04em;text-transform:uppercase;background:#e0f2fe;border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.mype-phone .live-pill .dot{background:#0284c7;width:6px;height:6px;box-shadow:0 0 #0284c799}.mype-phone .user-header{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 12px;padding:2px 2px 6px;display:flex}.mype-phone .user-info{align-items:center;gap:10px;min-width:0;display:flex}.mype-phone .user-info .avatar{background:linear-gradient(135deg, var(--teal) 0%, var(--teal-deep) 100%);color:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:800;display:grid;box-shadow:0 4px 12px #0d948840}.mype-phone .user-meta{flex-direction:column;min-width:0;display:flex}.mype-phone .user-greeting-line{align-items:baseline;gap:4px;line-height:1.2;display:flex}.mype-phone .greeting-prefix{color:#64748b;font-size:13px;font-weight:500}.mype-phone .user-name{color:#0f172a;font-size:15px;font-weight:700}.mype-phone .tenant-subtitle{color:#64748b;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin-top:2px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.mype-phone .role-chip{color:#334155;letter-spacing:.02em;text-transform:uppercase;background:#e2e8f0;border-radius:6px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-block}.mype-phone .notif-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;transition:all .2s;display:grid;position:relative;box-shadow:0 2px 6px #0f172a0a}.mype-phone .notif-btn:hover{color:var(--teal);background:#f8fafc}.mype-phone .notif-badge{background:#e11d48;border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}.mype-phone .period-control-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding:0 2px;display:flex}.mype-phone .period-meta{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.mype-phone .pulse-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.mype-phone .period-pill-group{background:#e2e8f0;border-radius:10px;gap:2px;padding:2.5px;display:inline-flex}.mype-phone .period-pill-group button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px 10px;font:700 11px Poppins,sans-serif;transition:all .15s}.mype-phone .period-pill-group button.on{background:var(--teal);color:#fff;box-shadow:0 2px 6px #0d948840}.mype-phone .hero-revenue-card{background:var(--panel);border:1px solid var(--line);box-shadow:none;border-radius:20px;margin-bottom:12px;padding:16px}.mype-phone .screen.light .hero-revenue-card{box-shadow:0 4px 18px -2px #0f172a0f;background:#fff!important;border:1px solid #e2e8f0!important}.mype-phone .hero-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.mype-phone .hero-label-group{flex-direction:column;gap:3px;display:flex}.mype-phone .hero-kicker{letter-spacing:.06em;text-transform:uppercase;color:#64748b;font-size:11px;font-weight:800}.mype-phone .hero-badge-up{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;width:fit-content;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.mype-phone .hero-icon-box{width:36px;height:36px;color:var(--teal);background:#f1f5f9;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.mype-phone .hero-amount-row{align-items:baseline;gap:4px;margin:10px 0 14px;display:flex}.mype-phone .currency-symbol{color:#0f172a;letter-spacing:-.02em;font-family:Montserrat,sans-serif;font-size:20px;font-weight:800}.mype-phone .hero-amount{color:#0f172a;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-family:Montserrat,sans-serif;font-size:32px;font-weight:900;line-height:1}.mype-phone .hero-submetrics{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.mype-phone .submetric-item{flex:1;align-items:center;gap:8px;display:flex}.mype-phone .submetric-icon-wrap{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.mype-phone .submetric-val{color:#0f172a;font-variant-numeric:tabular-nums;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;line-height:1.1;display:block}.mype-phone .submetric-lbl{color:#64748b;font-size:10px;font-weight:600;display:block}.mype-phone .submetric-sep{background:#e2e8f0;width:1px;height:26px}.mype-phone .chart-card{background:var(--panel);border:1px solid var(--line);box-shadow:none;border-radius:20px;margin-bottom:12px;padding:14px}.mype-phone .screen.light .chart-card{box-shadow:0 4px 16px -2px #0f172a0d;background:#fff!important;border:1px solid #e2e8f0!important}.mype-phone .hero-finance-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:12px;padding:16px;box-shadow:0 4px 18px -2px #0f172a0f}.mype-phone .fin-hero-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.mype-phone .fin-hero-label{letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-bottom:3px;font-size:10.5px;font-weight:800;display:block}.mype-phone .fin-hero-amount-row{align-items:baseline;gap:4px;display:flex}.mype-phone .fin-hero-amount-row .fin-curr{color:#64748b;font-family:Montserrat,sans-serif;font-size:16px;font-weight:800}.mype-phone .fin-hero-amount-row .fin-amount{color:#0f172a;letter-spacing:-.03em;font-family:Montserrat,sans-serif;font-size:24px;font-weight:800}.mype-phone .fin-delta-pill{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;margin-left:4px;padding:2px 6px;font-size:10.5px;font-weight:700}.mype-phone .fin-shift-badge-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;flex-shrink:0;align-items:center;gap:5px;padding:4px 8px;display:inline-flex}.mype-phone .shift-live-dot{background:#10b981;border-radius:50%;width:7px;height:7px}.mype-phone .shift-live-text{color:#166534;font-size:10.5px;font-weight:700}.mype-phone .fin-kpi-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.mype-phone .fin-kpi-cell{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.mype-phone .fin-kpi-cell.income{background:#f0fdf4;border-color:#dcfce7}.mype-phone .fin-kpi-cell.expense{background:#fff1f2;border-color:#ffe4e6}.mype-phone .cell-head{align-items:center;gap:5px;display:flex}.mype-phone .cell-dot{border-radius:50%;width:6px;height:6px}.mype-phone .income .cell-dot{background:#10b981}.mype-phone .expense .cell-dot{background:#f43f5e}.mype-phone .cell-label{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:10px;font-weight:700}.mype-phone .cell-val{color:#0f172a;margin-top:2px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800}.mype-phone .income .cell-val{color:#166534}.mype-phone .expense .cell-val{color:#9f1239}.mype-phone .cell-sub{color:#64748b;font-size:10px;font-weight:600}.mype-phone .fin-split-pills-row{border-top:1px solid #f1f5f9;flex-direction:column;gap:4px;padding-top:8px;display:flex}.mype-phone .fin-split-pill{color:#475569;justify-content:space-between;align-items:center;font-size:11px;display:flex}.mype-phone .fin-split-pill strong{color:#0f172a;font-family:Montserrat,sans-serif;font-weight:700}.mype-phone .fin-mode-switcher{background:#e2e8f0;border-radius:14px;gap:3px;margin-bottom:12px;padding:3px;display:flex}.mype-phone .fin-mode-switcher button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 6px;font:700 11.5px Poppins,sans-serif;transition:all .15s;display:inline-flex}.mype-phone .fin-mode-switcher button.on{background:var(--teal);color:#fff;box-shadow:0 2px 8px #0d948833}.mype-phone .fin-badge-count{color:#334155;background:#0f172a14;border-radius:6px;padding:1px 5px;font-size:9.5px;font-weight:800;display:inline-block}.mype-phone .fin-mode-switcher button.on .fin-badge-count{color:#fff;background:#ffffff40}.mype-phone .fin-badge-count.ok{color:#166534;background:#dcfce7}.mype-phone .fin-mode-switcher button.on .fin-badge-count.ok{color:#fff;background:#22c55e}.mype-phone .fin-tx-list,.mype-phone .fin-egreso-list,.mype-phone .cash-history-list{flex-direction:column;gap:8px;display:flex}.mype-phone .fin-tx-card,.mype-phone .fin-egreso-card,.mype-phone .cash-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;transition:all .2s;display:flex;box-shadow:0 2px 8px -2px #0f172a0a}.mype-phone .tx-left,.mype-phone .egreso-left,.mype-phone .history-left{align-items:center;gap:10px;min-width:0;display:flex}.mype-phone .tx-method-icon,.mype-phone .egreso-icon-box,.mype-phone .history-icon-box{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.mype-phone .tx-info h4,.mype-phone .egreso-info h4,.mype-phone .history-info h4{color:#0f172a;margin:0;font-size:13px;font-weight:700;line-height:1.25}.mype-phone .tx-meta,.mype-phone .egreso-meta,.mype-phone .history-meta{color:#64748b;align-items:center;gap:6px;margin-top:2px;font-size:11px;display:flex}.mype-phone .tx-doc-pill{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:1px 5px;font-size:9.5px;font-weight:700}.mype-phone .tx-amount-badge{text-align:right;flex-shrink:0}.mype-phone .tx-amount-badge .val{color:#065f46;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800}.mype-phone .egreso-amount-badge .val{color:#be123c;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800}.mype-phone .cash-shift-hero-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:14px;padding:14px;box-shadow:0 3px 12px -2px #0f172a0d}.mype-phone .cash-shift-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.mype-phone .shift-kicker{color:#64748b;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.mype-phone .shift-title{color:#0f172a;margin-top:1px;font-size:14px;font-weight:800}.mype-phone .shift-sub{color:#64748b;font-size:11px}.mype-phone .cash-drawer-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr 1fr 1.2fr;gap:6px;margin-bottom:12px;padding:10px;display:grid}.mype-phone .drawer-item{flex-direction:column;gap:2px;display:flex}.mype-phone .drawer-item span{color:#64748b;font-size:10px;font-weight:600}.mype-phone .drawer-item strong{color:#0f172a;font-family:Montserrat,sans-serif;font-size:12.5px;font-weight:800}.mype-phone .drawer-item.total strong{color:var(--teal);font-size:14px}.mype-phone .history-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;padding:0 2px;font-size:11px;font-weight:700}.mype-phone .expense-summary-banner{background:#fff1f2;border:1px solid #ffe4e6;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 14px;display:flex}.mype-phone .expense-sum-left span{color:#9f1239;text-transform:uppercase;font-size:10.5px;font-weight:700}.mype-phone .expense-sum-left h3{color:#be123c;margin:1px 0 0;font-family:Montserrat,sans-serif;font-size:20px;font-weight:800}.mype-phone .sm-pill-btn{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:7px 12px;font:700 11.5px Poppins,sans-serif}.mype-phone .payment-source-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mype-phone .source-radio-card{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:10px;transition:all .2s}.mype-phone .source-radio-card input{display:none}.mype-phone .source-radio-card:has(input:checked){border-color:var(--teal);background:#f0fdfa}.mype-phone .source-content{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.mype-phone .source-icon{font-size:20px}.mype-phone .source-content strong{color:#0f172a;font-size:12px;font-weight:700}.mype-phone .source-content small{color:#64748b;font-size:9.5px}.mype-phone .quick-amount-pills{gap:6px;margin-top:8px;display:flex}.mype-phone .quick-amount-pills button{color:var(--teal);cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:6px 0;font:700 11px Poppins,sans-serif;transition:all .15s}.mype-phone .quick-amount-pills button:hover{background:#e2e8f0}.mype-phone .chart-title{color:#0f172a;font-size:14px;font-weight:800;display:block}.mype-phone .chart-sub{color:#64748b;font-size:11px;font-weight:500}.mype-phone .peak-badge{color:var(--chart-deep);white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-block}.mype-phone .flow-chart-wrap{height:176px;min-height:176px;margin:2px 0 0;position:relative}.mype-phone .flow-chart-wrap canvas{width:100%;height:176px;display:block}.mype-phone .flow-chart[hidden],.mype-phone .spark-axis[hidden],.mype-phone .flow-chart-wrap canvas[hidden]{display:none!important}.mype-phone .flow-chart-wrap .flow-chart{height:100%;padding:8px 2px 4px}.mype-phone .flow-chart span.is-peak{background:linear-gradient(180deg, #3b82f6 0%, var(--chart) 100%)}.mype-phone .flow-chart span i{color:var(--chart-deep)}.mype-phone .flow-readout{color:#0f172a;text-align:center;background:#f1f5f9;border-radius:10px;margin:8px 0 0;padding:8px 10px;font-size:11.5px;font-weight:600;line-height:1.4}.mype-phone .flow-readout strong{color:var(--chart-deep);font-weight:800}.mype-phone .pay-donut canvas{width:124px;max-width:124px;height:124px;max-height:124px;display:block}.mype-phone .pay-donut canvas[hidden],.mype-phone .pay-donut svg[hidden]{display:none!important}.mype-phone .screen:not(.light) .flow-readout{background:var(--panel-2);color:var(--text)}.mype-phone .screen:not(.light) .flow-readout strong{color:#93c5fd}.mype-phone .flow-chart span{background:linear-gradient(180deg, var(--chart) 0%, var(--chart-deep) 100%);cursor:pointer;border-radius:6px 6px 2px 2px;flex:1;min-width:0;min-height:8px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.mype-phone .flow-chart span.is-selected{transform-origin:bottom;background:linear-gradient(#2563eb 0%,#1d4ed8 100%);transform:scaleY(1.03);box-shadow:0 0 10px #2563eb66;opacity:1!important}.mype-phone .flow-chart span.is-dimmed{opacity:.45}.mype-phone .flow-chart span i{color:#1d4ed8;white-space:nowrap;z-index:5;pointer-events:none;background:#fff;border:1px solid #1d4ed826;border-radius:6px;padding:2px 6px;font-size:10px;font-style:normal;font-weight:800;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-5px);box-shadow:0 2px 8px #0000001f}.mype-phone .spark-axis{gap:4px;padding:6px 2px 0;display:flex}.mype-phone .spark-axis span{text-align:center;color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:9.5px;font-weight:700;transition:color .15s;overflow:hidden}.mype-phone .spark-axis span.is-active{color:#2563eb;font-weight:800}.mype-phone .screen.light .who{background:#fff;border-color:#e2e8f0}.mype-phone .screen.light .who .sub,.mype-phone .screen.light .kicker{color:#64748b}.mype-phone .screen.light .title{color:#0f172a}.mype-phone .screen.light .sub{color:#64748b}.mype-phone .screen.light .note{color:#64748b;background:#fff;border-color:#e2e8f0}.mype-phone .screen.light .card,.mype-phone .screen.light .item,.mype-phone .screen.light .hero{color:#0f172a;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 14px -2px #0f172a0a}.mype-phone .screen.light .thumb{color:var(--teal);background:#f1f5f9}.mype-phone .screen.light .chip{color:#334155;background:#f1f5f9}.mype-phone .screen.light .chip.live{color:#0369a1;background:#e0f2fe}.mype-phone .screen.light .chip.ok{color:#065f46;background:#ecfdf5}.mype-phone .screen.light .chip.warn{color:#92400e;background:#fef3c7}.mype-phone .screen.light .chip.star{color:#6d28d9;background:#f3e8ff}.mype-phone .screen.light .chip.crit{color:#be123c;background:#ffe4e6}.mype-phone .clean-section-header{justify-content:space-between;align-items:center;margin:8px 0 16px;padding:0 4px;display:flex}.mype-phone .clean-title{color:#0f172a;letter-spacing:-.03em;text-align:center;margin:0;font-family:Montserrat,sans-serif;font-size:22px;font-weight:800;line-height:1.1}.mype-phone .page-main-title{text-align:center;color:#0f172a;letter-spacing:-.03em;font-family:Montserrat,sans-serif;font-size:22px;font-weight:800}.mype-phone .clean-sub{color:#64748b;margin-top:3px;font-size:12px;font-weight:500}.mype-phone .clean-add-btn{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:5px;padding:8px 14px;font:700 12px Poppins,sans-serif;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0d948847}.mype-phone .clean-add-btn:hover{background:var(--teal-deep)}.mype-phone .pedido-qty-row{align-items:flex-end;gap:8px;display:flex}.mype-phone .pedido-stepper button{height:36px!important;color:var(--teal)!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;font-size:18px!important}.mype-phone .pedido-sumar{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:12px;flex-shrink:0;height:36px;padding:0 14px;font:700 12px Poppins,sans-serif}.mype-phone .form-btn-group[hidden]{display:none!important}.mype-phone .clean-hero-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:16px;padding:20px;box-shadow:0 4px 20px -2px #0f172a0a}.mype-phone .clean-hero-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mype-phone .clean-kicker{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.mype-phone .clean-status-pill{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:700}.mype-phone .clean-balance-main{align-items:baseline;gap:5px;margin-bottom:14px;display:flex}.mype-phone .clean-balance-main .curr{color:#64748b;font-family:Montserrat,sans-serif;font-size:18px;font-weight:800}.mype-phone .clean-balance-main .val{color:#0f172a;letter-spacing:-.03em;font-family:Montserrat,sans-serif;font-size:28px;font-weight:800}.mype-phone .clean-summary-strip{border-top:1px solid #f1f5f9;align-items:center;gap:12px;padding-top:12px;font-size:12px;display:flex}.mype-phone .sum-item{align-items:center;gap:5px;display:flex}.mype-phone .sum-item .label{color:#64748b}.mype-phone .sum-item.income strong{color:#166534;font-weight:700}.mype-phone .sum-item.expense strong{color:#9f1239;font-weight:700}.mype-phone .sum-sep{color:#cbd5e1}.mype-phone .clean-tab-row{background:#f1f5f9;border-radius:14px;gap:3px;margin-bottom:14px;padding:3px;display:flex}.mype-phone .clean-tab-row button{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:0;border-radius:11px;flex:1;padding:8px 10px;font:700 12px Poppins,sans-serif;transition:all .15s}.mype-phone .recv-line{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.mype-phone .recv-line:first-of-type{border-top:0;padding-top:0}.mype-phone .recv-line-qty{align-items:center;gap:6px;display:flex}.mype-phone .recv-line-qty input{text-align:center;width:56px;height:36px;margin:0;font-weight:800}.mype-phone .recv-sumar{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:10px;height:36px;padding:0 12px;font:800 11px Poppins,sans-serif}.mype-phone .recv-sumar:disabled{opacity:.4;cursor:default}.mype-phone .recv-issues{background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;margin-top:12px;padding:12px}.mype-phone .recv-issues .kicker{text-align:center;margin-bottom:8px}.mype-phone .recv-issues textarea{resize:vertical;width:100%;min-height:72px;margin-bottom:8px}.mype-phone .recv-actions{flex-wrap:wrap;gap:8px;display:flex}.mype-phone .recv-actions .btn{flex:1;min-width:140px}.mype-phone .screen:not(.light) .recv-line{border-top-color:var(--line)}.mype-phone .screen:not(.light) .recv-issues{background:var(--panel-2);border-color:var(--line)}.mype-phone .clean-tab-row button.on{color:var(--teal);background:#fff;box-shadow:0 2px 8px #0f172a0f}.mype-phone .clean-search-wrap{align-items:center;margin-bottom:12px;display:flex;position:relative}.mype-phone .clean-search-wrap svg{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.mype-phone .clean-search-input{outline:none;width:100%;box-shadow:0 1px 4px #0f172a05;color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;padding:10px 14px 10px 38px!important;font-size:12.5px!important}.mype-phone .clean-search-input:focus{border-color:var(--teal)!important}.mype-phone .clean-filter-chips{scrollbar-width:none;gap:6px;margin-bottom:12px;display:flex;overflow-x:auto}.mype-phone .clean-filter-chips::-webkit-scrollbar{display:none}.mype-phone .clean-filter-chips button{color:#64748b;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:6px 12px;font:600 11.5px Poppins,sans-serif;transition:all .15s}.mype-phone .clean-filter-chips button.on{background:var(--teal);border-color:var(--teal);color:#fff}.mype-phone .clean-cards-list{flex-direction:column;gap:10px;display:flex}.mype-phone .clean-card-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px;transition:all .15s;display:flex;box-shadow:0 2px 8px -2px #0f172a08}.mype-phone .clean-card-item:hover{border-color:#cbd5e1}.mype-phone .card-left-col{align-items:center;gap:12px;min-width:0;display:flex}.mype-phone .card-icon-sq{width:40px;height:40px;color:var(--teal);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;place-items:center;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;display:grid}.mype-phone .card-texts{flex-direction:column;min-width:0;display:flex}.mype-phone .card-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.mype-phone .card-meta{color:#64748b;margin-top:2px;font-size:11.5px}.mype-phone .card-right-col{text-align:right;flex-shrink:0}.mype-phone .card-price-num{color:#0f172a;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800}.mype-phone .card-price-num.income{color:#166534}.mype-phone .card-price-num.expense{color:#9f1239}.mype-phone .card-badge-pill{border-radius:5px;margin-top:3px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.mype-phone .card-badge-pill.warn{color:#92400e;background:#fef3c7}.mype-phone .card-badge-pill.ok{color:#166534;background:#f0fdf4}.mype-phone .card-badge-pill.exp{color:#9f1239;background:#fff1f2}.mype-phone .cobro-search-row{align-items:stretch;gap:8px;margin-bottom:12px;display:flex}.mype-phone .cobro-search-row .clean-search-wrap{flex:1;margin-bottom:0}.mype-phone .cobro-scan-btn{width:46px;color:var(--teal);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-shrink:0;place-items:center;display:grid;box-shadow:0 1px 4px #0f172a05}.mype-phone .cobro-scan-overlay{z-index:55;background:var(--ink);padding:16px 16px calc(88px + var(--safe-b));flex-direction:column;gap:10px;display:none;position:absolute;inset:0}.mype-phone .cobro-scan-overlay.on{display:flex}.mype-phone .cobro-scan-overlay video{object-fit:cover;background:#000;border-radius:16px;flex:1;width:100%;min-height:180px}.mype-phone .cobro-suggest{margin-bottom:12px}.mype-phone .cobro-dock{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:12px;padding:12px;box-shadow:0 2px 10px #0f172a0a}.mype-phone .cobro-pay-chips{margin-bottom:10px}.mype-phone .cobro-qty{flex-shrink:0;align-items:center;gap:6px;display:flex}.mype-phone .cobro-qty button{width:32px;height:32px;color:var(--teal);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:16px;font-weight:800;line-height:1}.mype-phone .cobro-qty span{text-align:center;color:#0f172a;min-width:1.25em;font-size:14px;font-weight:800}.mype-phone .clean-card-item.in-cart{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.mype-phone .clean-caja-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:16px;padding:16px;box-shadow:0 2px 10px #0f172a08}.mype-phone .caja-header-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.mype-phone .caja-big-num{color:var(--teal);margin:3px 0 2px;font-family:Montserrat,sans-serif;font-size:24px;font-weight:800}.mype-phone .clean-caja-btn{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:9px 14px;font:700 12px Poppins,sans-serif}.mype-phone .clean-group-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;padding:0 2px;font-size:11px;font-weight:700}.mype-phone .catalog-mode-switcher{background:#e2e8f0;border-radius:14px;gap:4px;margin-bottom:12px;padding:3px;display:flex}.mype-phone .catalog-mode-switcher button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font:700 12px Poppins,sans-serif;transition:all .2s;display:inline-flex}.mype-phone .catalog-mode-switcher button.on{color:var(--teal);background:#fff;box-shadow:0 3px 10px #0f172a14}.mype-phone .mode-count{color:#64748b;background:#f1f5f9;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:800;display:inline-block}.mype-phone .catalog-mode-switcher button.on .mode-count{background:var(--teal);color:#fff}.mype-phone .kind-radio-row{gap:8px;margin-bottom:4px;display:flex}.mype-phone .kind-pill-label{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.mype-phone .kind-pill-label input{display:none}.mype-phone .kind-pill-label:has(input:checked){border-color:var(--teal);color:var(--teal);background:#f0fdfa;box-shadow:0 2px 8px #0d94881f}.mype-phone .inv-service-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:10px;padding:14px;transition:all .2s;display:flex;box-shadow:0 3px 12px -2px #0f172a0d}.mype-phone .inv-service-card:hover{border-color:#cbd5e1;transform:translateY(-1px)}.mype-phone .inv-service-icon-box{background:#e0f2fe;border:1px solid #bae6fd;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.mype-phone .inv-category-tag{color:#0284c7;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:700}.mype-phone .inv-staff-tag{color:#64748b;font-size:10.5px;font-weight:600}.mype-phone .inv-service-meta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mype-phone .serv-duration-chip{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:700}.mype-phone .serv-appointments-chip{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:700}.mype-phone .serv-free-chip{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:700}.mype-phone .serv-edit-link{color:#64748b;cursor:pointer;background:0 0;border:0;padding:4px;font:600 11.5px Poppins,sans-serif}.mype-phone .serv-edit-link:hover{color:var(--teal);text-decoration:underline}.mype-phone .book-action-btn{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:5px;padding:7px 12px;font:700 11.5px Poppins,sans-serif;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #0d948833}.mype-phone .book-action-btn:hover{background:var(--teal-deep)}.mype-phone .booking-modal{max-height:85vh;overflow-y:auto}.mype-phone .booking-modal-body{flex-direction:column;gap:14px;padding:0 16px 20px;display:flex}.mype-phone .service-selected-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.mype-phone .serv-icon-circle{background:#fff;border:1px solid #e2e8f0;border-radius:10px;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.mype-phone .serv-selected-meta strong{color:#0f172a;font-size:13px;display:block}.mype-phone .serv-selected-meta p{color:#64748b;margin-top:1px;font-size:11px}.mype-phone .booking-field-group label{color:#475569;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.mype-phone .date-pills-row{gap:6px;display:flex}.mype-phone .date-pills-row button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:8px 4px;font:700 11px Poppins,sans-serif;transition:all .15s}.mype-phone .date-pills-row button.on{background:var(--teal);border-color:var(--teal);color:#fff}.mype-phone .time-slots-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mype-phone .time-slots-grid button{color:#334155;cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 4px;font:700 11px Poppins,sans-serif;transition:all .15s}.mype-phone .time-slots-grid button.on{background:var(--teal);border-color:var(--teal);color:#fff}.mype-phone .booking-select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:10px 12px;font:600 12px Poppins,sans-serif}.mype-phone .search-bar-wrap{align-items:center;margin-bottom:10px;display:flex;position:relative}.mype-phone .search-ico{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.mype-phone .search-input{outline:none;width:100%;transition:all .2s;box-shadow:0 2px 6px #0f172a08;color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;padding:10px 42px 10px 36px!important;font-size:12.5px!important;font-weight:600!important}.mype-phone .search-input:focus{border-color:var(--teal)!important;box-shadow:0 0 0 3px #0d94881f!important}.mype-phone .scan-btn{width:32px;height:32px;color:var(--teal);cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;place-items:center;transition:all .2s;display:grid;position:absolute;right:6px}.mype-phone .scan-btn:hover{background:#e2e8f0}.mype-phone .inv-filter-strip{scrollbar-width:none;gap:6px;margin-bottom:6px;padding-bottom:8px;display:flex;overflow-x:auto}.mype-phone .inv-filter-strip::-webkit-scrollbar{display:none}.mype-phone .inv-filter-strip button{color:#64748b;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font:700 11px Poppins,sans-serif;transition:all .15s;display:inline-flex}.mype-phone .inv-filter-strip button.on{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 2px 6px #0d948833}.mype-phone .count-badge{color:#334155;background:#f1f5f9;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:800;display:inline-block}.mype-phone .inv-filter-strip button.on .count-badge{color:#fff;background:#ffffff40}.mype-phone .count-badge.warn{color:#92400e;background:#fef3c7}.mype-phone .count-badge.exp{color:#be123c;background:#ffe4e6}.mype-phone .dot-warn{background:#f59e0b;border-radius:50%;width:6px;height:6px}.mype-phone .dot-exp{background:#f43f5e;border-radius:50%;width:6px;height:6px}.mype-phone .inv-cards-list{flex-direction:column;gap:10px;display:flex}.mype-phone .inv-product-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:10px;padding:12px 14px;transition:all .2s;display:flex;box-shadow:0 3px 12px -2px #0f172a0d}.mype-phone .inv-product-card:hover{border-color:#cbd5e1;transform:translateY(-1px)}.mype-phone .inv-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.mype-phone .inv-product-info{align-items:center;gap:10px;min-width:0;display:flex}.mype-phone .inv-thumb-box{width:36px;height:36px;color:var(--teal);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;place-items:center;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;display:grid}.mype-phone .inv-meta-col{flex-direction:column;min-width:0;display:flex}.mype-phone .inv-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;line-height:1.25;overflow:hidden}.mype-phone .inv-sub-tags{align-items:center;gap:6px;margin-top:2px;display:flex}.mype-phone .inv-barcode{color:#64748b;font-size:10.5px;font-weight:500}.mype-phone .inv-inactive-tag{color:#64748b;text-transform:uppercase;background:#f1f5f9;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:700}.mype-phone .inv-price-badge{text-align:right;flex-shrink:0}.mype-phone .inv-price-badge .curr{color:#64748b;font-size:11px;font-weight:700}.mype-phone .inv-price-badge .val{color:#0f172a;letter-spacing:-.02em;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800}.mype-phone .inv-card-mid{align-items:center;gap:10px;display:flex}.mype-phone .inv-status-chip{white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.mype-phone .inv-status-chip.ok{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.mype-phone .inv-status-chip.warn{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.mype-phone .inv-status-chip.exp{color:#be123c;background:#ffe4e6;border:1px solid #fecdd3}.mype-phone .inv-status-chip.crit{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.mype-phone .inv-health-bar-wrap{background:#f1f5f9;border-radius:99px;flex:1;height:6px;overflow:hidden}.mype-phone .inv-health-bar{border-radius:99px;height:100%;transition:width .3s}.mype-phone .inv-health-bar.health-ok{background:#10b981}.mype-phone .inv-health-bar.health-low{background:#f59e0b}.mype-phone .inv-health-bar.health-exp{background:#f43f5e}.mype-phone .inv-health-bar.health-empty{background:#ef4444}.mype-phone .inv-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.mype-phone .inv-footer-meta{color:#64748b;font-size:10.5px}.mype-phone .inv-footer-meta strong{color:#334155}.mype-phone .inv-stepper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;padding:2px;display:inline-flex}.mype-phone .step-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:28px;height:28px;font-size:14px;font-weight:800;transition:all .15s;display:grid;box-shadow:0 1px 3px #0f172a0a}.mype-phone .step-btn:hover{color:var(--teal);background:#f1f5f9}.mype-phone .step-val{color:#0f172a;text-align:center;min-width:42px;padding:0 4px;font-family:Montserrat,sans-serif;font-size:12.5px;font-weight:800}.mype-phone .step-val small{color:#64748b;font-size:9px;font-weight:600}.mype-phone .step-val.warn-num{color:#d97706}.mype-phone .empty-inv-state{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:32px 16px}.mype-phone .empty-icon-wrap{color:#64748b;background:#f1f5f9;border-radius:12px;place-items:center;width:44px;height:44px;margin:0 auto 10px;display:grid}.mype-phone .empty-title{color:#0f172a;font-size:14px;font-weight:700}.mype-phone .empty-sub{color:#64748b;margin-top:4px;font-size:11.5px}.mype-phone .form-nav-bar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mype-phone .back-btn{color:var(--teal);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:4px 0;font:700 12px Poppins,sans-serif;display:inline-flex}.mype-phone .form-nav-tag{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.mype-phone .product-modern-form{flex-direction:column;gap:14px;display:flex}.mype-phone .form-card-group{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 3px 12px -2px #0f172a0a}.mype-phone .form-card-group[hidden]{display:none!important}.mype-phone .field-wrap label{color:#475569;margin-bottom:0;font-size:11px;font-weight:700;display:block}.mype-phone .hoja-val{color:#0f172a;margin:0;font-size:14px;font-weight:600;line-height:1.4}.mype-phone .orden-block-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:11px;font-weight:700}.mype-phone .orden-hint{text-align:center;color:#64748b;margin:6px 0 0;font-size:13px}.mype-phone .orden-call{color:var(--teal);font-weight:700;text-decoration:none}.mype-phone .orden-vermas{color:var(--teal);cursor:pointer;background:0 0;border:0;margin:0 auto 10px;padding:0;font:700 13px Poppins,sans-serif;display:block}.mype-phone .cliente-modal{height:auto;max-height:82%;top:auto;bottom:92px}.mype-phone .cliente-modal .list-modal-body{padding-top:12px}.mype-phone .cliente-hero{border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;margin-bottom:4px;padding:4px 0 12px;display:flex}.mype-phone .cliente-avatar{background:var(--teal);color:#fff;letter-spacing:.04em;border-radius:16px;flex-shrink:0;place-items:center;width:52px;height:52px;font:800 16px Poppins,sans-serif;display:grid}.mype-phone .cliente-hero-name{color:#0f172a;margin:0;font:800 16px/1.25 Poppins,sans-serif}.mype-phone .cliente-phone{letter-spacing:.04em;color:#0f172a;background:#f3f4f6;border-radius:12px;flex:1;margin:0;padding:10px 12px;font:700 15px Poppins,sans-serif}.mype-phone .cliente-block{border-top:1px solid #e2e8f0;margin-top:14px;padding-top:10px}.mype-phone .cliente-kv{justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;display:flex}.mype-phone .cliente-kv span{color:#64748b;font-size:12px;font-weight:600}.mype-phone .cliente-kv strong{color:#0f172a;text-align:right;font-size:14px;font-weight:800}.mype-phone .orden-recap{color:#64748b;background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;margin-bottom:12px;padding:10px 12px;font:600 12px Poppins,sans-serif}.mype-phone .orden-recap p{margin:2px 0}.mype-phone .orden-recap-head{color:#0f172a;font-weight:800;margin-bottom:4px!important}.mype-phone .orden-line--edit{align-items:center}.mype-phone .orden-qty{text-align:center;border:1px solid #e2e8f0;border-radius:8px;width:52px;padding:6px 4px;font:700 13px Poppins,sans-serif}.mype-phone .orden-line-x{color:#be123c;cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0;font:800 18px Poppins,sans-serif}.mype-phone .orden-totals-box{border-top:1px solid #e2e8f0;margin-top:4px;padding-top:10px}.mype-phone .orden-totals-box p{color:#475569;justify-content:space-between;margin:4px 0;font:600 13px Poppins,sans-serif;display:flex}.mype-phone .orden-totals-sum{color:#0f172a!important;font:800 16px Poppins,sans-serif!important}.mype-phone .doc-pair{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.mype-phone .doc-pair .btn{margin:0}.mype-phone .photo-slots{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mype-phone .photo-slot{aspect-ratio:1;color:#64748b;cursor:pointer;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font:700 10px Poppins,sans-serif;display:flex;position:relative;overflow:hidden}.mype-phone .photo-slot img{object-fit:cover;width:100%;height:100%;display:block}.mype-phone .photo-slot--add{border-style:dashed}.mype-phone .photo-x{color:#fff;cursor:pointer;background:#0f172ab3;border:0;border-radius:99px;width:20px;height:20px;font:700 12px/20px Poppins,sans-serif;position:absolute;top:4px;right:4px}.mype-phone .orden-lines{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.mype-phone .orden-line{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.mype-phone .orden-line-qty{min-width:28px;color:var(--teal);flex-shrink:0;font-size:12px;font-weight:800}.mype-phone .orden-line-name{color:#0f172a;flex:1;font-size:13px;font-weight:600;line-height:1.35}.mype-phone .orden-line-price{color:#334155;flex-shrink:0;font-size:12px;font-weight:700}.mype-phone .llegada-toolbar{margin-bottom:10px}.mype-phone .llegada-toggle{margin-bottom:8px}.mype-phone .doc-actions{align-items:stretch;gap:8px;margin:8px 0 0;display:flex}.mype-phone .doc-actions .btn{flex:1;margin:0}.mype-phone .doc-download{width:44px;min-width:44px;color:var(--teal);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;place-items:center;padding:0;display:grid}.mype-phone .qa-pills{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:6px 0 8px;display:grid}.mype-phone .qa-pills button{color:var(--teal);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #cfe0ea;border-radius:999px;padding:8px 6px;font:700 11px Poppins,sans-serif;transition:transform .18s,background-color .2s,border-color .2s,color .2s,box-shadow .2s}.mype-phone .qa-pills button.on{color:#fff;animation:.28s ease-out qa-pop;transform:translateY(-2px)scale(1.04);box-shadow:0 4px 10px #0f172a24}.mype-phone .qa-item{margin-bottom:4px}.mype-phone .qa-fill{background:#e5e7eb;border-radius:99px;height:8px;margin:0 0 12px;overflow:hidden}.mype-phone .qa-fill i{border-radius:99px;width:0;height:100%;transition:width .5s ease-out,background-color .35s;display:block}@keyframes qa-pop{0%{transform:translateY(0)scale(.92)}60%{transform:translateY(-3px)scale(1.08)}to{transform:translateY(-2px)scale(1.04)}}.mype-phone .orden-check{color:#0f172a;cursor:pointer;align-items:center;gap:10px;margin:8px 0 12px;font:600 14px Poppins,sans-serif;display:flex}.mype-phone .orden-check input{min-width:22px;accent-color:var(--teal);appearance:auto;background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;flex-shrink:0;margin:0;width:22px!important;height:22px!important;padding:0!important}.mype-phone .orden-check span{white-space:nowrap;flex:1;line-height:1.3}.mype-phone .doc-pair .btn:disabled,.mype-phone .form-btn-group .btn:disabled{opacity:.45}.mype-phone .orden-phone-row{align-items:center;gap:8px;display:flex}.mype-phone .orden-phone-row .hoja-val,.mype-phone .orden-phone-row .cliente-phone{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1;margin:0;padding:10px 12px}.mype-phone .orden-call-btn{flex-shrink:0;width:auto!important;margin:0!important;padding:10px 14px!important}.mype-phone .orden-flow{align-items:flex-start;gap:4px;width:100%;min-height:28px;margin:8px 0 14px;display:flex}.mype-phone .orden-flow--mini{gap:4px;min-height:0;margin:8px 0 0}.mype-phone .orden-pip{flex-direction:column;flex:1 1 0;align-items:center;min-width:0;display:flex}.mype-phone .orden-pip-tick{background:#e5e7eb;border-radius:99px;width:100%;height:4px;display:block}.mype-phone .orden-flow--mini .orden-pip-tick{height:3px}.mype-phone .orden-pip.on .orden-pip-tick{background:var(--teal)}.mype-phone .orden-pip.done .orden-pip-tick{background:#0d948873}.mype-phone .orden-pip-name{color:var(--teal);white-space:nowrap;margin-top:4px;font-size:11px;font-weight:800;line-height:1.2}.mype-phone .llegada-toggle{cursor:pointer;color:#0f172a;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:10px 12px;font:700 13px Poppins,sans-serif;display:flex}.mype-phone .orden-total{text-align:center;margin:10px 0 4px;font-size:1.35rem;font-weight:800}.mype-phone .form-card-group textarea{color:#0f172a;resize:vertical;border:1px solid #e2e8f0;border-radius:12px;width:100%;min-height:72px;padding:10px 12px;font:600 14px Poppins,sans-serif}.mype-phone .currency-input-wrap{align-items:center;display:flex;position:relative}.mype-phone .currency-input-wrap .prefix{color:#64748b;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;position:absolute;left:12px}.mype-phone .currency-input-wrap input{padding-left:36px!important}.mype-phone .form-btn-group{flex-direction:column;gap:8px;margin-top:6px;display:flex}.mype-phone .form-btn-group.form-btn-row,.mype-phone .form-btn-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mype-phone .primary-btn{cursor:pointer;border:0;background:var(--teal)!important;color:#fff!important;border-radius:14px!important;padding:14px!important;font:700 14px Poppins,sans-serif!important;box-shadow:0 4px 14px #0d948840!important}.mype-phone .ghost-btn{cursor:pointer;color:#64748b!important;box-shadow:none!important;background:0 0!important;border:1.5px solid #e2e8f0!important;border-radius:14px!important;padding:12px!important;font:600 14px Poppins,sans-serif!important}.mype-phone .form-btn-group .primary-btn,.mype-phone .form-btn-group .ghost-btn{width:100%;display:block}.mype-phone .chart-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.mype-phone .chart-head-tools{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;display:flex}.mype-phone .chart-head.stack{text-align:center;flex-direction:column;align-items:center;gap:2px}.mype-phone .chart-head strong{font-size:13px;font-weight:800}.mype-phone .mec-list{flex-direction:column;gap:10px;display:flex}.mype-phone .mec-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;min-width:0;padding:12px}.mype-phone .mec-head{align-items:center;gap:10px;display:flex}.mype-phone .mec-avatar{background:var(--teal);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.mype-phone .mec-who{flex:1;min-width:0}.mype-phone .mec-who-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.mype-phone .mec-who-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.mype-phone .mec-money{font-variant-numeric:tabular-nums;color:#0f172a;margin-top:1px;font-size:12px;font-weight:800;display:block}.mype-phone .mec-who-row .chip{flex-shrink:0}.mype-phone .mec-stats{border-top:1px solid #e2e8f0;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:10px;padding-top:10px;display:grid}.mype-phone .mec-stat .lbl{color:#64748b;font-size:10px;font-weight:600;display:block}.mype-phone .mec-stat .num{font-variant-numeric:tabular-nums;color:#0f172a;margin-top:2px;font-size:18px;font-weight:800;line-height:1.1;display:block}.mype-phone .mec-bar{margin-top:10px}.mype-phone .flow-chart{align-items:flex-end;gap:6px;height:110px;padding:0 2px;display:flex}.mype-phone .flow-chart span{background:linear-gradient(180deg, var(--chart) 0%, var(--chart-deep) 100%);border-radius:6px 6px 2px 2px;flex:1;min-width:0;min-height:6px}.mype-phone .pay-split{grid-template-columns:140px 1fr;align-items:center;gap:12px;display:grid}.mype-phone .pay-split .pay-donut{place-items:center;width:140px;height:140px;margin:0;display:grid;position:relative;overflow:visible}.mype-phone .pay-split .pay-donut svg{width:140px;height:140px;transform:rotate(-90deg)}.mype-phone .pay-split .pay-donut-center{text-align:center;pointer-events:none;width:88px;max-width:88px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mype-phone .pay-split .pay-donut-center .lbl{letter-spacing:.05em;text-transform:uppercase;color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:8.5px;font-weight:800;line-height:1;display:block;overflow:hidden}.mype-phone .pay-split .pay-donut-center .amt{color:#0f172a;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 1px;font-family:Montserrat,sans-serif;font-size:13.5px;font-weight:900;line-height:1.15;display:block;overflow:hidden}.mype-phone .pay-split .pay-donut-center .n{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-weight:700;line-height:1;display:block;overflow:hidden}.mype-phone .pay-legend-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;min-width:0;padding:10px 12px;display:flex}.mype-phone .pay-split .pay-legend{border-top:0;flex-direction:column;gap:7px;padding-top:0;display:flex}.mype-phone .pay-split .pay-legend-row{justify-content:space-between;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.mype-phone .pay-split .pay-legend-row .left{color:#334155;align-items:center;gap:6px;display:flex}.mype-phone .pay-split .pay-legend-row .pay-right{align-items:center;gap:6px;display:flex}.mype-phone .pay-split .pay-legend-row .amt-s{color:#64748b;font-size:10px;font-weight:600}.mype-phone .card-more{color:#6d28d9;cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #f3f4f6;width:100%;margin-top:10px;padding:10px 0 0;font:800 12px Poppins,sans-serif}.mype-phone .card-more.crit{color:#d41f45}.mype-phone .toggle-row{color:#6b7280;cursor:pointer;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:700;display:flex}.mype-phone .toggle-row input{width:16px;height:16px;accent-color:var(--teal);padding:0}.mype-phone .qty-mini{flex-shrink:0;align-items:center;gap:4px;display:flex}.mype-phone .qty-mini button{color:#1f2937;cursor:pointer;background:#f3f4f6;border:0;border-radius:10px;width:28px;height:28px;font:700 16px Poppins,sans-serif}.mype-phone .qty-mini span{text-align:center;min-width:22px;font-size:12px;font-weight:800}.mype-phone .qty-mini span.down{color:#d41f45}.mype-phone .item-actions{flex-shrink:0;gap:6px;display:flex}.mype-phone .item-actions button{cursor:pointer;color:#374151;background:#f3f4f6;border:0;border-radius:10px;padding:6px 8px;font:700 10px Poppins,sans-serif}.mype-phone .item-actions button.warn{color:#be123c;background:#ffe4e6}.mype-phone .item-actions button.ok{color:#166534;background:#dcfce7}.mype-phone .list-modal-bg{z-index:37;background:#00000073;display:none;position:absolute;inset:0}.mype-phone .list-modal-bg.on{display:block}.mype-phone .list-modal{z-index:38;background:#fff;border:1px solid #e5e7eb;border-radius:24px;flex-direction:column;display:none;position:absolute;inset:52px 12px 92px;overflow:hidden}.mype-phone .list-modal.on{animation:.2s up;display:flex}.mype-phone .list-modal-head{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:8px;padding:14px 14px 10px;display:flex}.mype-phone .list-modal-head h2{text-align:center;color:#111827;flex:1;font-size:16px;font-weight:800}.mype-phone .list-modal-head .x{color:#374151;cursor:pointer;background:#f3f4f6;border:0;border-radius:10px;width:32px;height:32px;font:700 16px Poppins,sans-serif}.mype-phone .list-modal .search{width:calc(100% - 28px);margin:10px 14px 8px}.mype-phone .list-modal-body{scrollbar-width:none;flex:1;padding:0 14px 14px;overflow:auto}.mype-phone .list-modal-body::-webkit-scrollbar{display:none}.mype-phone .list-modal-row{border-bottom:1px solid #f3f4f6;padding:10px 0}.mype-phone .list-modal-row:last-child{border-bottom:0}.mype-phone .list-modal-row .star-row{margin-bottom:0}.mype-phone .pay-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:1px;display:flex}.mype-phone .pay-right .pct{font-size:12px;font-weight:800}.mype-phone .pay-right .amt-s{color:#6b7280;font-size:10px;font-weight:600}.mype-phone .star-row{margin-bottom:10px}.mype-phone .star-row:last-child{margin-bottom:0}.mype-phone .switch{background:#94a3b8;border-radius:99px;flex-shrink:0;width:36px;height:20px;margin-left:auto;position:relative}.mype-phone .switch i{background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:2px}.mype-phone .screen:not(.light) .switch{background:#f59e0b}.mype-phone .screen:not(.light) .switch i{transform:translate(16px)}.mype-phone .screen:not(.light) .period-caption{color:var(--muted)}.mype-phone .screen:not(.light) .period-track{background:var(--ink);border-color:var(--line)}.mype-phone .screen:not(.light) .period-track button{color:var(--muted)}.mype-phone .screen:not(.light) .period-track button.on{background:var(--wallet-yape);color:#efe8f6}.mype-phone .screen:not(.light) .kpi-m-value{color:var(--text)}.mype-phone .screen:not(.light) .kpi-m-label{color:var(--muted)}.mype-phone .screen:not(.light) .pay-legend-total{border-bottom-color:var(--line)}.mype-phone .screen:not(.light) .pay-legend-total .amt{color:var(--text)}.mype-phone .screen:not(.light) .pay-legend-total .n,.mype-phone .screen:not(.light) .pay-right .amt-s{color:var(--muted)}.mype-phone .screen:not(.light) .pay-legend-row .left{color:var(--text)}.mype-phone .screen:not(.light) .pay-dot{box-shadow:0 0 0 2px var(--panel)}.mype-phone .screen:not(.light) .card-more{border-top-color:var(--line);color:#c4b5fd}.mype-phone .screen:not(.light) .card-more.crit{color:#fb7185}.mype-phone .screen:not(.light) .toggle-row{color:var(--muted)}.mype-phone .screen:not(.light) .qty-mini button,.mype-phone .screen:not(.light) .item-actions button{background:var(--panel-2);color:var(--text)}.mype-phone .screen:not(.light) .list-modal{background:var(--panel);border-color:var(--line)}.mype-phone .screen:not(.light) .list-modal-head{border-bottom-color:var(--line)}.mype-phone .screen:not(.light) .list-modal-head h2{color:var(--text)}.mype-phone .screen:not(.light) .list-modal-head .x{background:var(--panel-2);color:var(--text)}.mype-phone .screen:not(.light) .list-modal-row{border-bottom-color:var(--line)}.mype-phone .screen.light .sheet{background:#fff;border-color:#e5e7eb;box-shadow:0 20px 25px -5px #0000001a}.mype-phone .screen.light .sheet button.row-btn{color:#1f2937}.mype-phone .screen.light .sheet button.row-btn:hover,.mype-phone .screen.light .sheet button.row-btn.on{background:#f3f4f6}.mype-phone .screen.light .sheet .muted{color:#6b7280}.mype-phone .screen.light .nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:0;border-top:1px solid #e2e8f0;border-radius:22px 22px 0 0;width:100%;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0f172a14}.mype-phone .screen.light .nav button{color:#64748b}.mype-phone .screen.light .nav button svg{stroke:#64748b}.mype-phone .screen.light .nav button.active{color:var(--teal);font-weight:700}.mype-phone .screen.light .nav button.active svg{stroke:var(--teal)}.mype-phone .screen.light .nav .fab-disc{background:var(--teal);color:#fff;box-shadow:0 4px 12px #0d948840}.mype-phone .screen.light input,.mype-phone .screen.light select,.mype-phone .screen.light textarea{border-radius:12px;outline:none;padding:10px 14px;font:600 13px Poppins,sans-serif;transition:all .2s;color:#0f172a!important;background:#fff!important;border:1.5px solid #cbd5e1!important}.mype-phone .screen.light input:focus,.mype-phone .screen.light select:focus,.mype-phone .screen.light textarea:focus{border-color:var(--teal)!important;background:#fff!important;box-shadow:0 0 0 3px #0d948814!important}.mype-phone .screen.light input::placeholder{color:#94a3b8!important}.mype-phone .hero-detail-action-btn{width:100%;color:var(--teal);cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;font:700 12px Poppins,sans-serif;transition:all .2s;display:flex}.mype-phone .hero-detail-action-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.mype-phone .hero-detail-action-btn .chevron-r{color:#94a3b8;transition:transform .2s}.mype-phone .hero-detail-action-btn:hover .chevron-r{color:var(--teal);transform:translate(2px)}.mype-phone .clean-outline-sm-btn{color:var(--teal);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;align-items:center;gap:5px;padding:7px 12px;font:700 11.5px Poppins,sans-serif;transition:all .15s;display:inline-flex}.mype-phone .clean-outline-sm-btn:hover{border-color:var(--teal);background:#f8fafc}.mype-phone .clean-report-strip-btn{cursor:pointer;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 14px;transition:all .2s;display:flex}.mype-phone .clean-report-strip-btn:hover{background:#e6fffa;border-color:#99f6e4}.mype-phone .strip-left{align-items:center;gap:10px;display:flex}.mype-phone .strip-icon{font-size:20px}.mype-phone .strip-left strong{color:#0f172a;font-size:13px;font-weight:700;line-height:1.2;display:block}.mype-phone .strip-left p{color:#0d9488;margin:2px 0 0;font-size:11px;font-weight:600}.mype-phone .strip-arrow{color:#0d9488}.mype-phone .sale-card-title-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:2px;display:flex}.mype-phone .sale-ticket-badge{color:#475569;letter-spacing:.2px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;padding:1px 6px;font-family:JetBrains Mono,Consolas,monospace;font-size:10.5px;font-weight:700}.mype-phone .sale-method-tag{color:var(--teal);background:#f0fdfa;border:1px solid #ccfbf1;border-radius:5px;padding:1px 6px;font-size:10.5px;font-weight:700}.mype-phone .card-meta-line{color:#64748b;font-size:11px;line-height:1.3}.mype-phone .card-meta-line .cashier-tag{color:#475569;font-weight:600}.mype-phone .card-meta-line .client-tag{color:#0f172a;font-weight:700}.mype-phone .sale-items-subline{color:var(--teal);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin-top:2px;font-size:11px;font-weight:600;display:-webkit-box;overflow:hidden}.mype-phone .sale-status-badge{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:700}.mype-phone .sale-status-badge.ok{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.mype-phone .sale-modal-body{max-height:78vh;padding:14px 16px 20px;overflow-y:auto}.mype-phone .sale-receipt-box{background:#fff;border:1.5px dashed #cbd5e1;border-radius:16px;margin-bottom:16px;padding:16px}.mype-phone .receipt-header-center{text-align:center;margin-bottom:14px}.mype-phone .receipt-biz-name{color:#0f172a;margin:0;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800}.mype-phone .receipt-biz-sub{color:#64748b;margin:2px 0 6px;font-size:11px}.mype-phone .receipt-doc-num{color:var(--teal);background:#f1f5f9;border-radius:6px;padding:2px 10px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;display:inline-block}.mype-phone .receipt-meta-grid{grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:12px;font-size:11.5px;display:grid}.mype-phone .meta-field{flex-direction:column;gap:1px;display:flex}.mype-phone .meta-field .lbl{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:700}.mype-phone .meta-field strong{color:#0f172a;font-size:12px;font-weight:700}.mype-phone .receipt-divider{background:#e2e8f0;height:1px;margin:10px 0}.mype-phone .receipt-items-head{color:#64748b;text-transform:uppercase;justify-content:space-between;margin-bottom:6px;font-size:10.5px;font-weight:700;display:flex}.mype-phone .receipt-items-list{flex-direction:column;gap:6px;display:flex}.mype-phone .receipt-item-row{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.mype-phone .r-item-left{flex-direction:column;display:flex}.mype-phone .r-item-left strong{color:#0f172a;font-weight:600}.mype-phone .r-item-left small{color:#64748b;font-size:10.5px}.mype-phone .r-item-right{color:#0f172a;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700}.mype-phone .receipt-totals-table{flex-direction:column;gap:4px;font-size:11.5px;display:flex}.mype-phone .tot-row{color:#64748b;justify-content:space-between;display:flex}.mype-phone .tot-row.total{color:#0f172a;border-top:1px solid #cbd5e1;margin-top:4px;padding-top:6px;font-size:13px;font-weight:800}.mype-phone .tot-row.total .tot-price{color:#166534;font-family:Montserrat,sans-serif;font-size:17px;font-weight:800}.mype-phone .sale-actions-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mype-phone .sale-act-btn{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px;font:700 11.5px Poppins,sans-serif;transition:all .2s;display:flex}.mype-phone .sale-act-btn.whatsapp{color:#fff;background:#25d366}.mype-phone .sale-act-btn.print{background:var(--teal);color:#fff}.mype-phone .report-kpi-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.mype-phone .rep-kpi-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;padding:12px;display:flex}.mype-phone .kpi-lbl{color:#64748b;text-transform:uppercase;font-size:10.5px;font-weight:700}.mype-phone .kpi-num{color:var(--teal);margin:3px 0 2px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:800}.mype-phone .kpi-sub{color:#166534;font-size:10px;font-weight:600}.mype-phone .report-breakdown-list,.mype-phone .report-top-products{flex-direction:column;gap:6px;display:flex}.mype-phone .rep-breakdown-row,.mype-phone .rep-top-prod{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.mype-phone .fin-row-header{align-items:center;gap:7px;margin-bottom:2px;display:flex}.mype-phone .fin-icon-sq{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.mype-phone .b-left,.mype-phone .p-info{flex-direction:column;display:flex}.mype-phone .b-left span,.mype-phone .p-info strong{color:#0f172a;font-size:12px;font-weight:700}.mype-phone .b-left small,.mype-phone .p-info small{color:#64748b;font-size:10.5px}.mype-phone .b-right{text-align:right}.mype-phone .b-right strong,.mype-phone .p-amt{color:#0f172a;font-family:Montserrat,sans-serif;font-size:13.5px;font-weight:800;display:block}.mype-phone .b-right .pct{color:#0d9488;font-size:10.5px;font-weight:700}.mype-phone .rep-top-prod .rank{width:24px;height:24px;color:var(--teal);background:#f1f5f9;border-radius:50%;flex-shrink:0;place-items:center;margin-right:8px;font-size:11px;font-weight:800;display:grid}.mype-phone .team-quota-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 14px;display:flex}.mype-phone .quota-left{align-items:center;gap:10px;display:flex}.mype-phone .quota-icon-wrap{color:#1d4ed8;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mype-phone .quota-left strong{color:#0f172a;font-size:13px;font-weight:700;line-height:1.2;display:block}.mype-phone .quota-left p{color:#64748b;margin:2px 0 0;font-size:11px}.mype-phone .quota-badge{color:#1e40af;background:#dbeafe;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:700}.mype-phone .member-card-row{cursor:pointer;transition:all .2s}.mype-phone .member-avatar-badge{color:#0369a1;background:#e0f2fe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;display:flex;position:relative}.mype-phone .member-online-dot{border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.mype-phone .member-online-dot.active{background:#22c55e}.mype-phone .member-online-dot.pending{background:#f59e0b}.mype-phone .self-tag{color:#0d9488;background:#f0fdfa;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:700}.mype-phone .member-terminal-hint{color:#64748b;margin-top:2px;font-size:10.5px;display:block}.mype-phone .team-role-pill{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:800}.mype-phone .team-role-pill.admin{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.mype-phone .team-role-pill.cashier{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.mype-phone .team-role-pill.warehouse{color:#854d0e;background:#fefce8;border:1px solid #fef08a}.mype-phone .team-status-tag{margin-top:4px;font-size:10px;font-weight:600;display:block}.mype-phone .team-status-tag.ok{color:#166534}.mype-phone .team-status-tag.pending{color:#d97706}.mype-phone .role-selection-stack{flex-direction:column;gap:8px;display:flex}.mype-phone .role-select-card{cursor:pointer;display:block;position:relative}.mype-phone .role-select-card input[type=radio]{accent-color:var(--teal);position:absolute;top:14px;right:14px}.mype-phone .role-card-body{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:12px;transition:all .2s}.mype-phone .role-select-card input[type=radio]:checked+.role-card-body{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal);background:#f8fafc}.mype-phone .role-card-top{align-items:center;gap:10px;margin-bottom:4px;display:flex}.mype-phone .role-icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mype-phone .role-icon-box.cashier{color:#166534;background:#f0fdf4}.mype-phone .role-icon-box.warehouse{color:#854d0e;background:#fefce8}.mype-phone .role-icon-box.admin{color:#1d4ed8;background:#eff6ff}.mype-phone .role-card-top strong{color:#0f172a;font-size:13px;font-weight:700;display:block}.mype-phone .role-access-tag{color:var(--teal);font-size:10.5px;font-weight:600}.mype-phone .role-desc{color:#64748b;margin:4px 0 0;font-size:11px;line-height:1.3}.mype-phone .member-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:14px;margin-bottom:14px;padding:16px;display:flex}.mype-phone .member-avatar-lg{color:#0369a1;background:#e0f2fe;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:800;display:flex}.mype-phone .m-name-title{color:#0f172a;margin:0;font-size:16px;font-weight:800}.mype-phone .m-email-sub{color:#64748b;margin:2px 0 6px;font-size:11.5px}.mype-phone .member-status-pill{border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:700}.mype-phone .member-status-pill.ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.mype-phone .member-status-pill.pending{color:#854d0e;background:#fefce8;border:1px solid #fef08a}.mype-phone .role-permission-hint{color:#64748b;margin:6px 0 0;font-size:11.5px;line-height:1.35}.mype-phone .account-hero-card{color:#0f172a;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:18px;margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #0000000a}.mype-phone .account-hero-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.mype-phone .account-avatar-circle{color:#0369a1;background:#e0f2fe;border:1.5px solid #bae6fd;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:800;display:flex}.mype-phone .account-titles{flex:1}.mype-phone .account-role-tag{text-transform:uppercase;letter-spacing:.4px;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;margin-bottom:4px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-block}.mype-phone .account-name-val{color:#0f172a;margin:0;font-size:16px;font-weight:800;line-height:1.2}.mype-phone .account-biz-val{color:#64748b;margin:2px 0 0;font-size:11.5px}.mype-phone .account-meta-strip{color:#475569;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:10px;font-size:11px;display:flex}.mype-phone .clean-card-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:12px;margin-bottom:12px;padding:14px;display:flex}.mype-phone .addr-fields{flex-direction:column;gap:14px;display:flex}.mype-phone .field-wrap{flex-direction:column;gap:6px;min-width:0;display:flex}.mype-phone .box-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mype-phone .biz-type-active-card{background:#faf5ff;border:1px solid #f3e8ff;border-radius:14px;padding:12px 14px}.mype-phone .biz-type-top{align-items:flex-start;gap:12px;display:flex}.mype-phone .biz-type-icon{margin-top:2px;font-size:22px;line-height:1}.mype-phone .biz-type-name{color:#581c87;font-size:13.5px;font-weight:800}.mype-phone .biz-type-badge{color:#6b21a8;text-transform:uppercase;letter-spacing:.3px;background:#ede9fe;border:1px solid #ddd6fe;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:800}.mype-phone .biz-type-desc{color:#6b7280;margin:4px 0 0;font-size:11px;line-height:1.35}.mype-phone .box-head-left{align-items:center;gap:10px;display:flex}.mype-phone .box-icon-sq{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mype-phone .box-title{color:#0f172a;font-size:13px;font-weight:700;line-height:1.2;display:block}.mype-phone .field-group-title{letter-spacing:.6px;text-transform:uppercase;color:#94a3b8;margin:0 0 10px;font-size:10px;font-weight:800}.mype-phone .plan-current-row{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.mype-phone .plan-current-row strong{color:#0f172a;font-size:16px;font-weight:800}.mype-phone .plan-next-bill{color:#64748b;font-size:11px;font-weight:600}.mype-phone .plan-mini-features{gap:4px;margin:0 0 12px;padding:0;list-style:none;display:grid}.mype-phone .plan-mini-features li{color:#334155;padding-left:14px;font-size:11px;font-weight:600;position:relative}.mype-phone .plan-mini-features li:before{content:"✓";color:#059669;font-size:11px;position:absolute;left:0}.mype-phone .plan-actions-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.mype-phone .plan-actions-row button,.mype-phone .plan-actions-row .btn{cursor:pointer;text-align:center;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:9px 12px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.mype-phone .plan-change-btn{color:#0f172a!important;background:#f8fafc!important;border:1.5px solid #cbd5e1!important;box-shadow:0 1px 2px #0000000a!important}.mype-phone .plan-change-btn:hover{background:#f1f5f9!important;border-color:#94a3b8!important}.mype-phone .plan-cancel-btn{color:#64748b!important;background:0 0!important;border:1px solid #e2e8f0!important}.mype-phone .plan-cancel-btn:hover{color:#e11d48!important;background:#fff1f2!important;border-color:#fecdd3!important}.mype-phone .hours-presets-row{scrollbar-width:none;gap:6px;margin-bottom:12px;padding-bottom:2px;display:flex;overflow-x:auto}.mype-phone .hours-preset-chip{color:#475569;white-space:nowrap;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s}.mype-phone .hours-preset-chip:hover{color:#0f172a;background:#e2e8f0}.mype-phone .hours-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.mype-phone .hours-presets-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.mype-phone .hours-presets-row::-webkit-scrollbar{display:none}.mype-phone .hours-preset-chip{white-space:nowrap;color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;flex-shrink:0;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s}.mype-phone .hours-preset-chip:active{background:#e2e8f0}.mype-phone .hours-stack{flex-direction:column;gap:8px;display:flex}.mype-phone .hours-row{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 10px;transition:all .15s;display:flex}.mype-phone .hours-row.is-open{background:#fff;border-color:#cbd5e1;box-shadow:0 1px 3px #00000008}.mype-phone .hours-row.is-closed{opacity:.85;background:#f8fafc;border-color:#f1f5f9}.mype-phone .hours-day-info{flex-shrink:0;align-items:center;gap:6px;display:flex}.mype-phone .hours-day-name{color:#1e293b;width:58px;font-size:12px;font-weight:700}.mype-phone .hours-toggle-pill{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:6px;align-items:center;gap:3px;padding:3px 7px;font-family:inherit;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex}.mype-phone .hours-toggle-pill.open{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.mype-phone .hours-toggle-pill.closed{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.mype-phone .hours-time-picker-wrap{flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.mype-phone .hours-time-picker-wrap input[type=time]{color:#0f172a;cursor:pointer;text-align:center;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:80px;min-width:72px;max-width:84px;padding:4px;font-family:inherit;font-size:11px;font-weight:600}.mype-phone .hours-time-picker-wrap input[type=time]:focus{background:#fff;border-color:#0284c7;box-shadow:0 0 0 2px #0284c71f}.mype-phone .hours-time-picker-wrap input[type=time]:disabled{opacity:.4}.mype-phone .hours-time-sep{color:#94a3b8;flex-shrink:0;font-size:11px;font-weight:600}.mype-phone .hours-closed-text{color:#94a3b8;text-align:right;padding-right:4px;font-size:11px;font-style:italic;font-weight:600}.mype-phone .wa-btn{color:#fff;cursor:pointer;box-sizing:border-box;background:#25d366;border:0;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:12px 14px;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;text-decoration:none;display:flex}.mype-phone .box-sub{color:#64748b;margin-top:2px;font-size:10.5px;display:block}.mype-phone .plan-status-chip{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:700}.mype-phone .plan-limits-stack{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.mype-phone .limit-metric-item{flex-direction:column;gap:4px;display:flex}.mype-phone .limit-labels-row{justify-content:space-between;font-size:11px;display:flex}.mype-phone .limit-labels-row span{color:#64748b;font-weight:600}.mype-phone .limit-labels-row strong{color:#0f172a;font-weight:700}.mype-phone .limit-labels-row strong small{color:#64748b;font-weight:600}.mype-phone .limit-track-bar{background:#f1f5f9;border-radius:4px;width:100%;height:6px;overflow:hidden}.mype-phone .limit-fill-bar{background:#0d9488;border-radius:4px;height:100%;transition:width .3s}.mype-phone .limit-fill-bar.warning{background:#f59e0b}.mype-phone .limit-fill-bar.danger{background:#e11d48}.mype-phone .plan-upgrade-action-btn{width:100%;color:var(--teal);cursor:pointer;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:10px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:11.5px;font-weight:700;transition:all .2s;display:flex}.mype-phone .plan-upgrade-action-btn:hover{background:#ccfbf1}.mype-phone .account-mini-form{flex-direction:column;gap:10px;display:flex}.mype-phone .devices-active-list{flex-direction:column;gap:8px;display:flex}.mype-phone .device-row-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.mype-phone .dev-left{align-items:center;gap:8px;display:flex}.mype-phone .dev-icon{font-size:16px}.mype-phone .dev-left strong{color:#0f172a;font-size:12px;font-weight:700;line-height:1.2;display:block}.mype-phone .dev-left small{color:#64748b;font-size:10px}.mype-phone .dev-status-tag{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.mype-phone .dev-status-tag.active{color:#166534;background:#f0fdf4}.mype-phone .plans-cards-stack{flex-direction:column;gap:10px;margin-top:10px;display:flex}.mype-phone .plans-carousel{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;flex:none;align-items:stretch;gap:12px;margin:0 -4px;padding:8px 9% 10px;scroll-padding-inline:9%;display:flex;overflow:auto hidden}.mype-phone .plans-carousel::-webkit-scrollbar{display:none}.mype-phone .plans-carousel .plan-select-card{scroll-snap-align:center;flex-direction:column;flex:0 0 82%;height:auto;min-height:min-content;display:flex}.mype-phone .plans-carousel-hint{text-align:center;color:#64748b;margin:0 0 2px;font-size:11px;font-weight:600}.mype-phone .plans-carousel-dots{background:0 0;border:0;justify-content:center;align-items:center;gap:6px;margin:8px 0 0;padding:0;display:flex}.mype-phone .plans-carousel-dots button{cursor:pointer;background:#cbd5e1;border:0;border-radius:999px;width:7px;height:7px;padding:0}.mype-phone .plans-carousel-dots button.on{background:var(--teal);width:18px}.mype-phone .list-modal.plan-sheet{pointer-events:auto;flex-direction:column;flex:0 auto;align-self:center;width:100%;height:max-content;min-height:min-content;max-height:100%;margin:0;display:flex;position:relative;inset:auto;overflow:hidden}.mype-phone .plan-sheet-layer{z-index:38;pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;inset:24px 12px 112px}.mype-phone .plan-sheet-layer.on{display:flex}.mype-phone .list-modal.plan-sheet .sale-modal-handle{display:none}.mype-phone .list-modal.plan-sheet .sale-modal-body{flex-direction:column;flex:0 auto;min-height:min-content;max-height:none;padding-top:12px;padding-bottom:16px;display:flex;overflow:visible}.mype-phone .plan-select-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;padding:16px 16px 14px;position:relative;box-shadow:0 10px 28px #0f172a0f}.mype-phone .plan-select-card.current{border-color:var(--teal);background:linear-gradient(#f8fafc 0%,#fff 42%);box-shadow:0 10px 28px #0d48631f}.mype-phone .plan-select-card.popular:not(.current){border-color:#0d9488}.mype-phone .current-plan-tag,.mype-phone .plan-popular-tag{color:#fff;text-transform:uppercase;letter-spacing:.3px;border-radius:5px;padding:2px 8px;font-size:9.5px;font-weight:800;position:absolute;top:12px;right:12px}.mype-phone .current-plan-tag{background:var(--teal)}.mype-phone .plan-popular-tag{background:#0d9488}.mype-phone .plan-card-top{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;padding-right:76px;display:flex}.mype-phone .plan-card-top strong{color:#0f172a;font-size:16px;font-weight:800;display:block}.mype-phone .plan-card-top p{color:#64748b;margin:3px 0 0;font-size:11.5px;line-height:1.35}.mype-phone .plan-price{color:var(--teal);letter-spacing:-.03em;font-size:22px;font-weight:800}.mype-phone .plan-price small{color:#64748b;font-size:11px;font-weight:600}.mype-phone .plan-limit-chips{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.mype-phone .plan-limit-chips span{color:#334155;background:#f1f5f9;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.mype-phone .plan-features-list{flex-direction:column;flex:none;gap:7px;margin:0 0 14px;padding:0;list-style:none;display:flex}.mype-phone .plan-features-list li{color:#334155;align-items:flex-start;gap:8px;font-size:12px;font-weight:500;line-height:1.35;display:flex}.mype-phone .plan-features-list li:before{content:"";background:#ecfdf5 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23047857' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 8.5 6.5 11.5 12.5 4.5'/></svg>") 50%/10px 10px no-repeat;border-radius:999px;flex-shrink:0;width:14px;height:14px;margin-top:1px}.mype-phone .plan-choose-btn{text-align:center;box-sizing:border-box;cursor:pointer;border:1px solid var(--teal);width:100%;color:var(--teal);background:#fff;border-radius:12px;margin-top:auto;padding:11px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:block}.mype-phone .plan-choose-btn.upgrade{background:var(--teal);color:#fff;border:none}.mype-phone .plan-choose-btn.downgrade{color:var(--teal);border:1.5px solid var(--teal);background:#fff}.mype-phone .plan-choose-btn.current{color:#64748b;cursor:default;pointer-events:none;background:#e2e8f0;border:none}.mype-phone .week-filter{color:#64748b;white-space:nowrap;align-items:center;gap:4px;margin:0;font-size:10px;font-weight:700;display:inline-flex}.mype-phone .week-filter select{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:none;width:3.1rem;min-width:0;height:26px;padding:0 4px 0 6px!important;font:700 11px/26px Poppins,sans-serif!important}.mype-phone .ranking-head-left{align-items:center;gap:10px;display:flex}.mype-phone .ranking-icon-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mype-phone .ranking-icon-badge.service{color:#2563eb;background:#eff6ff}.mype-phone .ranking-icon-badge.part{color:#059669;background:#ecfdf5}.mype-phone .ranking-icon-badge.product{color:#9333ea;background:#fdf4ff}.mype-phone .top-rank-list{flex-direction:column;gap:8px;margin-top:6px;display:flex}.mype-phone .top-rank-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;transition:transform .15s,background-color .15s;display:flex}.mype-phone .top-rank-card:active{background:#f1f5f9}.mype-phone .top-rank-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.mype-phone .top-rank-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.mype-phone .rank-num-badge{color:#475569;background:#e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:inline-flex}.mype-phone .rank-num-badge.rank-1{color:#b45309;background:#fef3c7}.mype-phone .rank-num-badge.rank-2{color:#475569;background:#f1f5f9}.mype-phone .rank-num-badge.rank-3{color:#c2410c;background:#ffedd5}.mype-phone .top-rank-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12.5px;font-weight:700;overflow:hidden}.mype-phone .top-rank-soles{color:#0f172a;letter-spacing:-.02em;flex-shrink:0;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800}.mype-phone .top-rank-card-body{align-items:center;gap:10px;display:flex}.mype-phone .top-rank-track{background:#e2e8f0;border-radius:99px;flex:1;height:6px;overflow:hidden}.mype-phone .top-rank-track span{border-radius:99px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);display:block}.mype-phone .track-fill-service{background:linear-gradient(90deg,#3b82f6,#6366f1)}.mype-phone .track-fill-part{background:linear-gradient(90deg,#10b981,#0d9488)}.mype-phone .track-fill-product{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.mype-phone .top-rank-tag{white-space:nowrap;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:10.5px;font-weight:700}.mype-phone .service-tag{color:#1d4ed8;background:#eff6ff}.mype-phone .part-tag{color:#047857;background:#ecfdf5}.mype-phone .product-tag{color:#7e22ce;background:#fdf4ff}.mype-phone .screen:not(.light){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.mype-phone .screen:not(.light) .user-name,.mype-phone .screen:not(.light) .page-main-title,.mype-phone .screen:not(.light) .clean-title,.mype-phone .screen:not(.light) .box-title,.mype-phone .screen:not(.light) .account-name-val,.mype-phone .screen:not(.light) .plan-current-row strong,.mype-phone .screen:not(.light) .limit-labels-row strong,.mype-phone .screen:not(.light) .card-title{color:var(--text)}.mype-phone .screen:not(.light) .greeting-prefix,.mype-phone .screen:not(.light) .tenant-subtitle,.mype-phone .screen:not(.light) .clean-sub,.mype-phone .screen:not(.light) .period-meta,.mype-phone .screen:not(.light) .account-biz-val,.mype-phone .screen:not(.light) .box-sub,.mype-phone .screen:not(.light) .plan-next-bill,.mype-phone .screen:not(.light) .form-nav-tag,.mype-phone .screen:not(.light) .field-group-title{color:var(--muted)}.mype-phone .screen:not(.light) .role-chip{background:var(--panel-2);color:#ddd6fe}.mype-phone .screen:not(.light) .notif-btn{background:var(--panel);border-color:var(--line);color:var(--text);box-shadow:none}.mype-phone .screen:not(.light) .notif-btn:hover{background:var(--panel-2);color:var(--teal)}.mype-phone .screen:not(.light) .notif-badge{border-color:var(--ink-2)}.mype-phone .screen:not(.light) .back-btn{color:var(--teal)}.mype-phone .screen:not(.light) .clean-card-box,.mype-phone .screen:not(.light) .clean-card-item,.mype-phone .screen:not(.light) .account-hero-card{background:var(--panel);border-color:var(--line);color:var(--text);box-shadow:none}.mype-phone .screen:not(.light) .account-hero-card{background:var(--panel-2)}.mype-phone .screen:not(.light) .account-avatar-circle{background:var(--wallet-yape);color:#ede9fe;border-color:#5b21b6}.mype-phone .screen:not(.light) .account-role-tag{color:#e9d5ff;background:#3b0764;border-color:#5b21b6}.mype-phone .screen:not(.light) .account-meta-strip{border-top-color:var(--line);color:var(--muted)}.mype-phone .screen:not(.light) .biz-type-active-card{background:var(--panel-2);border-color:var(--line)}.mype-phone .screen:not(.light) .biz-type-name{color:#e9d5ff}.mype-phone .screen:not(.light) .biz-type-badge{color:#e9d5ff;background:#3b0764;border-color:#5b21b6}.mype-phone .screen:not(.light) .biz-type-desc{color:var(--muted)}.mype-phone .screen:not(.light) .hours-preset-chip{background:var(--panel-2);border-color:var(--line);color:var(--muted)}.mype-phone .screen:not(.light) .hours-preset-chip:hover{background:var(--panel);color:var(--text)}.mype-phone .screen:not(.light) .hours-row{background:var(--panel-2);border-color:var(--line)}.mype-phone .screen:not(.light) .hours-row.is-open{background:var(--panel);border-color:#ffffff1f;box-shadow:0 1px 3px #0003}.mype-phone .screen:not(.light) .hours-row.is-closed{background:var(--panel-2);border-color:var(--line);opacity:.7}.mype-phone .screen:not(.light) .hours-day-name{color:var(--text)}.mype-phone .screen:not(.light) .hours-toggle-pill.open{color:#34d399;background:#10b9812e;border-color:#10b98159}.mype-phone .screen:not(.light) .hours-toggle-pill.closed{background:var(--panel-2);color:var(--muted);border-color:var(--line)}.mype-phone .screen:not(.light) .hours-time-picker-wrap input[type=time]{background:var(--ink);border-color:var(--line);color:var(--text)}.mype-phone .screen:not(.light) .hours-time-picker-wrap input[type=time]:focus{border-color:#38bdf8}.mype-phone .screen:not(.light) .hours-time-sep,.mype-phone .screen:not(.light) .hours-closed-text{color:var(--muted)}.mype-phone .screen:not(.light) .plan-mini-features li{color:#d5e3ee}.mype-phone .screen:not(.light) .plan-status-chip{color:#bbf7d0;background:#123d2a;border-color:#22c55e59}.mype-phone .screen:not(.light) .limit-labels-row span{color:var(--muted)}.mype-phone .screen:not(.light) .limit-track-bar{background:var(--ink)}.mype-phone .screen:not(.light) .ghost-btn{border-color:var(--line)!important;color:var(--text)!important}.mype-phone .screen:not(.light) .period-pill-group{background:var(--panel);border-color:var(--line)}.mype-phone .screen:not(.light) .period-pill-group button{color:var(--muted)}.mype-phone .screen:not(.light) .period-pill-group button.on{background:var(--panel-2);color:var(--text)}.mype-phone .screen:not(.light) .plan-select-card{background:var(--panel);border-color:var(--line);box-shadow:none}.mype-phone .screen:not(.light) .plan-select-card.current{background:var(--panel-2);border-color:var(--teal)}.mype-phone .screen:not(.light) .plan-card-top strong{color:var(--text)}.mype-phone .screen:not(.light) .plan-card-top p,.mype-phone .screen:not(.light) .plans-carousel-hint{color:var(--muted)}.mype-phone .screen:not(.light) .plan-limit-chips span{background:var(--panel-2);color:var(--text)}.mype-phone .screen:not(.light) .plan-features-list li{color:var(--text)}.mype-phone .screen:not(.light) .plans-carousel-dots button{background:#3f3a46}.mype-phone .screen:not(.light) .plans-carousel-dots button.on{background:var(--teal)}.mype-phone .screen:not(.light) .plan-choose-btn{color:var(--teal);border-color:var(--teal);background:0 0}.mype-phone .screen:not(.light) .plan-choose-btn.upgrade{background:var(--wallet-yape);color:#efe8f6}.mype-phone .screen:not(.light) .plan-choose-btn.downgrade{color:var(--teal);background:0 0}.mype-phone .screen:not(.light) .plan-choose-btn.current{color:var(--muted);background:#2a292e}.mype-phone .screen:not(.light) .week-filter{color:var(--muted)}.mype-phone .screen:not(.light) .week-filter select{border-color:var(--line);color:var(--text);background:0 0}.mype-phone .screen:not(.light) .top-rank-name,.mype-phone .screen:not(.light) .top-rank-soles{color:var(--text)}.mype-phone .screen:not(.light) .top-rank-qty{color:var(--muted)}.mype-phone .screen:not(.light) .top-rank-n{color:#c4b5fd}.mype-phone .screen:not(.light) .top-rank-track{background:#2a2433}.mype-phone .screen:not(.light) .pay-legend-card{background:var(--panel-2);border-color:var(--line)}.mype-phone .screen:not(.light) .pay-donut svg circle:first-child{stroke:#2a2433}.mype-phone .screen:not(.light) .pay-split .pay-donut-center .amt{color:var(--text)}.mype-phone .screen:not(.light) .hero-revenue-card{background:var(--panel);border-color:var(--line)}.mype-phone .screen:not(.light) .hero-kicker{color:var(--muted)}.mype-phone .screen:not(.light) .hero-amount,.mype-phone .screen:not(.light) .currency-symbol{color:var(--text)}.mype-phone .screen:not(.light) .hero-icon-box{background:var(--panel-2);color:var(--teal)}.mype-phone .screen:not(.light) .hero-badge-up{color:#86efac;background:#14532d;border-color:#166534}.mype-phone .screen:not(.light) .hero-badge-down{color:#fb7185;background:#3f1219;border-color:#7f1d1d}.mype-phone .screen:not(.light) .hero-submetrics{background:var(--ink);border-color:var(--line)}.mype-phone .screen:not(.light) .submetric-icon-wrap{background:var(--panel-2);border-color:var(--line);color:var(--muted)}.mype-phone .screen:not(.light) .submetric-val{color:var(--text)}.mype-phone .screen:not(.light) .submetric-lbl{color:var(--muted)}.mype-phone .screen:not(.light) .submetric-sep{background:var(--line)}.mype-phone .screen:not(.light) .peak-badge{color:#93c5fd;background:#2563eb38;border-color:#1e40af}.mype-phone .screen:not(.light) .flow-chart span i{color:#93c5fd}.mype-phone .stock-low-list{flex-direction:column;gap:12px;display:flex}.mype-phone .stock-low-row{cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;gap:4px;width:100%;padding:0;display:flex}.mype-phone .stock-low-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mype-phone .stock-low-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.mype-phone .stock-low-qty{color:#be123c;background:#fff1f2;border-radius:99px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:800}.mype-phone .stock-low-track{background:#ffe4e6;border-radius:99px;height:5px;overflow:hidden}.mype-phone .stock-low-track span{background:#e11d48;border-radius:99px;height:100%;display:block}.mype-phone .stock-low-hint{color:#94a3b8;font-size:10px;font-weight:600}.mype-phone .notif-btn[aria-expanded=true]{background:var(--teal);border-color:var(--teal);color:#fff}.mype-phone .notif-panel{z-index:54;background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-height:min(52vh,360px);padding:10px 12px 12px;position:absolute;top:56px;left:12px;right:12px;overflow:auto;box-shadow:0 16px 40px #0f172a29}.mype-phone .notif-panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.mype-phone .notif-panel-head strong{color:#0f172a;font-size:13px;font-weight:800}.mype-phone .notif-panel-head .x{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;width:28px;height:28px;font:700 16px Poppins,sans-serif}.mype-phone .notif-row{cursor:pointer;text-align:left;color:#0f172a;background:0 0;border:0;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 0;font:650 12px Poppins,sans-serif;display:flex}.mype-phone .notif-row:first-of-type{border-top:0}.mype-phone .notif-row span:last-child{color:#be123c;flex-shrink:0;font-size:11px;font-weight:800}.mype-phone .screen.light .toast{color:#166534;background:#ecfdf5;border-color:#bbf7d0}.mype-phone .screen.light .btn.btn-primary,.mype-phone .screen.light .btn.teal{background:var(--teal);color:#fff}.mype-phone .screen.light .clean-add-btn{background:var(--teal);color:#fff;box-shadow:0 2px 8px #0d948847}.mype-phone .screen.light .clean-add-btn:hover{background:var(--teal-deep)}.mype-phone .screen.light .btn.btn-ghost,.mype-phone .screen.light .btn.ghost{color:#475569;background:0 0;border-color:#e2e8f0}.mype-phone .screen:not(.light) .stock-low-name{color:var(--text)}.mype-phone .screen:not(.light) .stock-low-qty{color:#fb7185;background:#3f1219}.mype-phone .screen:not(.light) .stock-low-track{background:#3f1219}.mype-phone .screen:not(.light) .stock-low-hint{color:var(--muted)}.mype-phone .screen:not(.light) .notif-panel{background:var(--panel);border-color:var(--line)}.mype-phone .screen:not(.light) .notif-panel-head strong{color:var(--text)}.mype-phone .screen:not(.light) .notif-panel-head .x{background:var(--panel-2);color:var(--text)}.mype-phone .screen:not(.light) .notif-row{border-top-color:var(--line);color:var(--text)}.mype-phone .screen:not(.light) .notif-btn[aria-expanded=true]{background:var(--panel-2);border-color:var(--line);color:var(--text)}.mype-phone .screen:not(.light) .clean-hero-card,.mype-phone .screen:not(.light) .hero-finance-card,.mype-phone .screen:not(.light) .hero-revenue-card,.mype-phone .screen:not(.light) .chart-card,.mype-phone .screen:not(.light) .clean-caja-card,.mype-phone .screen:not(.light) .form-card-group{background:var(--panel)!important;border-color:var(--line)!important;box-shadow:none!important}.mype-phone .screen:not(.light) .chart-head strong,.mype-phone .screen:not(.light) .chart-title,.mype-phone .screen:not(.light) .lbl{color:var(--text)}.mype-phone .screen:not(.light) .chart-sub,.mype-phone .screen:not(.light) .spark-axis{color:var(--muted)}.mype-phone .screen:not(.light) .flow-chart span{background:#3a3840}.mype-phone .screen:not(.light) .flow-chart span.is-peak{background:var(--chart)}.mype-phone .screen:not(.light) input,.mype-phone .screen:not(.light) select,.mype-phone .screen:not(.light) textarea,.mype-phone .screen:not(.light) .input{background:var(--panel-2)!important;border-color:var(--line)!important;color:var(--text)!important}.mype-phone .screen:not(.light) .cobro-scan-btn{background:var(--panel-2);border-color:var(--line);color:var(--text);box-shadow:none}.mype-phone .screen:not(.light) .week-filter select{border-color:var(--line)!important;color:var(--text)!important;background:0 0!important;height:26px!important;padding:0 4px 0 6px!important;font-size:11px!important}.mype-phone .screen:not(.light) .clean-kicker,.mype-phone .screen:not(.light) .sum-item .label,.mype-phone .screen:not(.light) .card-meta,.mype-phone .screen:not(.light) .caja-big-num+.clean-sub,.mype-phone .screen:not(.light) .clean-balance-main .curr{color:var(--muted)}.mype-phone .screen:not(.light) .clean-balance-main .val,.mype-phone .screen:not(.light) .caja-big-num,.mype-phone .screen:not(.light) .card-price-num,.mype-phone .screen:not(.light) .fin-hero-amount-row .fin-amount{color:var(--text)}.mype-phone .screen:not(.light) .card-price-num.income,.mype-phone .screen:not(.light) .sum-item.income strong{color:#4ade80}.mype-phone .screen:not(.light) .card-price-num.expense,.mype-phone .screen:not(.light) .sum-item.expense strong{color:#fb7185}.mype-phone .screen:not(.light) .clean-summary-strip{border-top-color:var(--line)}.mype-phone .screen:not(.light) .sum-sep{color:var(--muted)}.mype-phone .screen:not(.light) .clean-status-pill{background:var(--panel-2);border-color:var(--line);color:#86efac}.mype-phone .screen:not(.light) .clean-status-pill.off{color:var(--muted);background:var(--ink);border-color:var(--line)}.mype-phone .screen:not(.light) .clean-tab-row{background:var(--ink)}.mype-phone .screen:not(.light) .clean-tab-row button{color:var(--muted)}.mype-phone .screen:not(.light) .clean-tab-row button.on{background:var(--panel-2);color:var(--text);box-shadow:none}.mype-phone .screen:not(.light) .clean-search-input{box-shadow:none;background:var(--panel-2)!important;border-color:var(--line)!important;color:var(--text)!important}.mype-phone .screen:not(.light) .clean-search-input:focus{border-color:var(--teal)!important}.mype-phone .screen:not(.light) .clean-search-wrap svg{color:var(--muted)}.mype-phone .screen:not(.light) .clean-filter-chips button{background:var(--panel);border-color:var(--line);color:var(--muted)}.mype-phone .screen:not(.light) .clean-filter-chips button.on{background:var(--panel-2);border-color:var(--line);color:var(--text)}.mype-phone .screen:not(.light) .clean-add-btn,.mype-phone .screen:not(.light) .clean-caja-btn,.mype-phone .screen:not(.light) .primary-btn,.mype-phone .screen:not(.light) .btn.btn-primary,.mype-phone .screen:not(.light) .btn.teal{background:var(--teal-deep)!important;color:#ecfdf8!important;box-shadow:none!important}.mype-phone .screen:not(.light) .clean-add-btn:hover{background:#0d9488!important}.mype-phone .screen:not(.light) .card-icon-sq,.mype-phone .screen:not(.light) .input,.mype-phone .screen:not(.light) select,.mype-phone .screen:not(.light) textarea{background:var(--panel-2);border-color:var(--line);color:var(--text)}.mype-phone .screen:not(.light) .plan-change-btn{background:var(--panel-2)!important;color:var(--text)!important;border-color:var(--line)!important}.mype-phone .screen:not(.light) .plan-change-btn:hover{background:var(--line)!important}.mype-phone .screen:not(.light) .orden-line{background:var(--panel)!important;border-color:var(--line)!important}.mype-phone .screen:not(.light) .orden-line-name{color:var(--text)!important}.mype-phone .screen:not(.light) .orden-line-price,.mype-phone .screen:not(.light) .orden-line-qty{color:var(--teal)!important}.mype-phone .screen:not(.light) .orden-qty{background:var(--ink)!important;border-color:var(--line)!important;color:var(--text)!important}.mype-phone .screen:not(.light) .orden-line-x{color:var(--muted)!important}.mype-phone .screen:not(.light) .svc-suggest-box{background:var(--panel)!important;border-color:var(--line)!important}.mype-phone .screen:not(.light) .svc-suggest-box button{background:var(--panel)!important;color:var(--text)!important;border-bottom-color:var(--line)!important}.mype-phone .screen:not(.light) .svc-suggest-box button:hover{background:var(--panel-2)!important}.mype-phone .screen:not(.light) .clean-card-box,.mype-phone .screen:not(.light) .account-hero-card{background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)!important}.mype-phone .screen:not(.light) .field-wrap label{color:var(--muted)!important}.mype-phone .screen:not(.light) .field-wrap input,.mype-phone .screen:not(.light) .field-wrap select,.mype-phone .screen:not(.light) .field-wrap textarea{background:var(--panel-2)!important;border-color:var(--line)!important;color:var(--text)!important}.mype-phone .screen:not(.light) .clean-title,.mype-phone .screen:not(.light) .page-main-title,.mype-phone .screen:not(.light) .card-section-title,.mype-phone .screen:not(.light) h1.clean-title,.mype-phone .screen:not(.light) .chart-title{color:var(--text)!important}.mype-phone .screen:not(.light) .toast{color:#e2e8f0!important;background:#1e293bf0!important;border-color:#ffffff1f!important;box-shadow:0 4px 14px -2px #00000059!important}.mype-phone .screen.light .clean-card-box,.mype-phone .screen.light .account-hero-card,.mype-phone .screen.light .clean-hero-card,.mype-phone .screen.light .clean-caja-card,.mype-phone .screen.light .form-card-group,.mype-phone .screen.light .chart-card,.mype-phone .screen.light .card{color:#0f172a!important;background:#fff!important;border-color:#e2e8f0!important}.mype-phone .screen.light .field-wrap label,.mype-phone .screen.light .lbl{color:#475569!important}.mype-phone .screen.light .field-wrap input,.mype-phone .screen.light .field-wrap select,.mype-phone .screen.light .field-wrap textarea,.mype-phone .screen.light input,.mype-phone .screen.light select,.mype-phone .screen.light textarea,.mype-phone .screen.light .input,.mype-phone .screen.light .clean-search-input{color:#0f172a!important;background:#fff!important;border-color:#cbd5e1!important}.mype-phone .screen.light .cobro-scan-btn{color:#0f172a!important;background:#fff!important;border-color:#e2e8f0!important}.mype-phone .screen.light .clean-title,.mype-phone .screen.light .page-main-title,.mype-phone .screen.light .card-section-title,.mype-phone .screen.light h1.clean-title,.mype-phone .screen.light .chart-title{color:#0f172a!important}.mype-phone .screen.light .clean-sub,.mype-phone .screen.light .chart-sub,.mype-phone .screen.light .sub{color:#64748b!important}.mype-phone .screen.light .orden-line{background:#fff!important;border-color:#e2e8f0!important}.mype-phone .screen.light .orden-line-name,.mype-phone .screen.light .orden-line-price{color:#0f172a!important}.mype-phone .screen.light .orden-qty{color:#0f172a!important;background:#fff!important;border-color:#cbd5e1!important}.mype-phone .screen.light .toast{color:#334155!important;background:#f1f5f9f0!important;border-color:#cbd5e1d9!important;box-shadow:0 4px 14px -2px #0f172a14!important}@media (max-width:860px){.mype-phone .studio{grid-template-columns:1fr;gap:0}.mype-phone .side{display:none}.mype-phone .device{width:100vw;height:100dvh;box-shadow:none;border-radius:0;padding:0}.mype-phone .device:before{display:none}.mype-phone .screen{border-radius:0}}