.panel,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--shadow-xs)}.card{padding:1.3rem}.card.flat{padding:0;overflow:hidden}.panel{padding:1.35rem}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.panel-head h2{margin-top:.28rem}.panel-footer-link{display:block;margin:1rem -1.35rem -1.35rem;padding:.9rem 1.35rem;border-top:1px solid var(--line);color:var(--forest);font-size:.72rem;font-weight:650}.panel-footer-link:hover{background:#fafbf8}.text-action{border:0;background:transparent;color:var(--forest);font-size:.68rem;font-weight:650;cursor:pointer}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-bottom:.9rem}.metric-card{min-height:145px;padding:1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;justify-content:space-between;transition:transform var(--normal) var(--ease),box-shadow var(--normal)}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.metric-head{display:flex;align-items:center;justify-content:space-between;color:var(--ink-soft);font-size:.7rem}.metric-signal{width:7px;height:7px;border-radius:50%;background:var(--line-strong)}.metric-signal.success{background:var(--success);box-shadow:0 0 0 4px rgba(35,128,91,.09)}.metric-signal.warning{background:var(--warning);box-shadow:0 0 0 4px rgba(166,101,29,.09)}.metric-card>strong{font-family:var(--font-display);font-size:2rem;letter-spacing:-.055em}.metric-card>small{color:var(--ink-faint);font-size:.64rem}.metric{min-height:145px;display:flex;flex-direction:column;justify-content:space-between}.metric strong{font-family:var(--font-display);font-size:2rem}.metric small{color:var(--success);font-size:.68rem}
.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.55fr);gap:.9rem;margin-top:.9rem}.admin-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,.5fr)}.owner-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr)}
.button{min-height:41px;border:1px solid transparent;border-radius:10px;padding:.62rem .95rem;font-size:.74rem;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:.48rem;cursor:pointer;transition:transform var(--fast),background var(--fast),box-shadow var(--fast)}.button svg{width:15px;height:15px}.button:hover{transform:translateY(-1px)}.button:active{transform:scale(.98)}.button.primary,.button.accent{background:var(--forest);color:white;box-shadow:0 5px 13px rgba(33,76,63,.14)}.button.primary:hover,.button.accent:hover{background:var(--forest-dark)}.button.dark{background:var(--ink);color:#fff}.button.secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.button.secondary:hover,.button.ghost:hover{background:var(--surface-soft)}.button.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.button.danger{background:var(--danger);color:#fff}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.icon-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}.icon-button svg{width:18px;height:18px}
.field{display:grid;gap:.42rem}.field label{color:var(--ink-2);font-size:.72rem;font-weight:650}.field input,.field select,.field textarea,.search{width:100%;min-height:44px;padding:.65rem .76rem;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink);transition:border var(--fast),box-shadow var(--fast)}.field input:hover,.field select:hover,.search:hover{border-color:#c8cbc2}.field input:focus,.field select:focus,.search:focus{border-color:var(--forest);outline:0;box-shadow:0 0 0 3px rgba(33,76,63,.09)}.form{display:grid;gap:1rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.actions{display:flex;gap:.6rem;flex-wrap:wrap}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:.86rem 1rem;border-bottom:1px solid var(--line);text-align:left}.table th{color:var(--ink-faint);font-size:.61rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.table td{font-size:.72rem}.table td strong{display:inline-block;font-size:.72rem}.table td small{display:block;margin-left:43px;color:var(--ink-faint);font-size:.61rem}.table tbody tr{transition:background var(--fast)}.table tbody tr:hover{background:#fafbf8}.table tr:last-child td{border:0}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:.55rem;border-radius:10px;background:var(--forest-soft);color:var(--forest);font-size:.61rem;font-weight:750;vertical-align:middle}.avatar.warm{background:var(--terracotta-soft);color:var(--terracotta)}.avatar.forest{background:var(--forest-soft);color:var(--forest)}.avatar.sand{background:#f5efe5;color:#896b42}.avatar.blue{background:#edf1f5;color:#48647d}.pill{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:999px;background:#edf7f2;color:var(--success);font-size:.6rem;font-weight:700}.pill.warning{background:#fbf1e3;color:var(--warning)}
.customer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.search-wrap{position:relative;min-width:min(360px,100%)}.search-wrap>span{position:absolute;left:.8rem;top:50%;transform:translateY(-52%);color:var(--ink-faint);font-size:1.2rem}.search-wrap .search{padding-left:2.35rem;background:var(--surface)}.toolbar-actions{display:flex;gap:.55rem}.toolbar-actions select{min-height:41px;padding:0 .75rem;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink-soft);font-size:.68rem}.customer-table{padding:0}.customer-table tbody tr{cursor:pointer}.balance-cell>strong{display:block!important}.balance-cell>span{display:block;width:84px;height:4px;margin:.35rem 0;border-radius:99px;background:var(--surface-soft);overflow:hidden}.balance-cell>span i{display:block;height:100%;border-radius:99px;background:var(--forest)}.balance-cell>small{margin:0!important}.wallet-label{color:var(--ink-soft);font-size:.65rem}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-top:1px solid var(--line);color:var(--ink-faint);font-size:.62rem}.table-footer div{display:flex;gap:.35rem}.table-footer button{padding:.38rem .65rem;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink-soft);font-size:.61rem}.table-footer button:disabled{opacity:.45}
.health-value{font-family:var(--font-display);font-size:1.3rem}.uptime-visual{height:94px;display:flex;align-items:flex-end;gap:5px;margin:1.6rem 0}.uptime-visual span{flex:1;min-width:5px;border-radius:3px 3px 1px 1px;background:var(--forest);opacity:.82}.status-list{display:grid}.status-list li{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:.65rem;padding:.68rem 0;border-bottom:1px solid var(--line);font-size:.67rem}.status-list li:last-child{border:0}.status-list i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px rgba(35,128,91,.08)}.status-list i.pending{background:var(--warning);box-shadow:0 0 0 3px rgba(166,101,29,.08)}.status-list strong{font-size:.61rem}
.chart-total{font-family:var(--font-display);font-size:1.2rem}.chart-total small{font-family:var(--font-body);color:var(--ink-faint);font-size:.62rem;font-weight:500}.chart-area{height:250px;display:flex;align-items:flex-end;gap:clamp(.55rem,2vw,1.25rem);padding-top:1rem;border-bottom:1px solid var(--line)}.chart-area>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.55rem}.chart-area span{width:min(28px,70%);min-height:4px;border-radius:6px 6px 2px 2px;background:var(--forest);opacity:.88;transition:opacity var(--fast),transform var(--fast)}.chart-area span:hover{opacity:1;transform:scaleX(1.08)}.chart-area small{margin-bottom:-1.4rem;color:var(--ink-faint);font-size:.6rem}.live-dot{display:inline-flex;align-items:center;gap:.35rem;color:var(--success);font-size:.61rem;font-weight:650}.live-dot::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success)}
.operation-list{display:grid}.operation-list li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:.7rem;padding:.78rem 0;border-bottom:1px solid var(--line)}.operation-list li:last-child{border:0}.operation-list strong{display:block;font-size:.68rem;line-height:1.35}.operation-list small{display:block;margin-top:.15rem;color:var(--ink-faint);font-size:.6rem}.operation-list b{color:var(--success);font-size:.58rem}.activity-avatar,.operation-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:var(--forest-soft);color:var(--forest);font-size:.58rem;font-weight:750}.activity-avatar.warm,.operation-icon.reward{background:var(--terracotta-soft);color:var(--terracotta)}
.staff-hero{display:grid;grid-template-columns:1fr 220px;min-height:250px;margin-bottom:.9rem;padding:2rem;border-radius:var(--r4);background:var(--forest-dark);color:white;overflow:hidden}.staff-hero h2{margin:.45rem 0 .6rem;font-size:2rem}.staff-hero p{max-width:460px;margin-bottom:1.3rem;color:#bdcec8;font-size:.8rem}.staff-hero .section-kicker{color:#d9b9aa}.scanner-motif{position:relative;display:grid;place-items:center}.scanner-motif>span{position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.18);border-radius:36px;transform:rotate(9deg)}.scanner-motif>i{position:absolute;width:126px;height:126px;border:2px solid rgba(255,255,255,.64);border-radius:22px}.scanner-motif>b{font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em}.quick-panel{display:grid;align-content:start}.quick-panel h2{margin:.3rem 0 1rem}.quick-panel a{display:flex;align-items:center;justify-content:space-between;padding:.82rem 0;border-top:1px solid var(--line);font-size:.7rem;font-weight:600}.quick-panel a b{color:var(--forest)}
.demo-note,.banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.82rem 1rem;border:1px solid #e6ded3;border-radius:12px;background:#fbf7f1}.demo-note span{display:grid}.demo-note strong{font-size:.68rem}.demo-note small{color:var(--ink-soft);font-size:.61rem}.demo-note a{color:var(--forest);font-size:.65rem;font-weight:650}.banner strong{font-size:.72rem}.banner small{color:var(--ink-soft)}
.empty{padding:3.2rem 1.5rem;text-align:center}.empty.compact{padding:2rem 1rem}.empty p{max-width:430px;margin:.5rem auto 1.2rem;color:var(--ink-soft);font-size:.75rem}.toast-region{position:fixed;right:1rem;bottom:1rem;z-index:100;display:grid;gap:.5rem}.toast{max-width:360px;padding:.82rem 1rem;border-radius:11px;background:var(--ink);color:white;box-shadow:var(--shadow);font-size:.72rem}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(23,25,21,.5);backdrop-filter:blur(3px);z-index:50}.modal{width:min(560px,100%);max-height:92vh;overflow:auto;padding:1.45rem;border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}
.loyalty-preview{max-width:340px;aspect-ratio:9/14;margin:auto;padding:1.6rem;border-radius:26px;background:var(--forest-dark);color:white;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 25px 55px rgba(23,58,49,.2)}.loyalty-preview .qr{display:grid;place-items:center;width:116px;height:116px;border-radius:14px;background:white;color:#111;font-size:.68rem;text-align:center}.progress{height:7px;border-radius:99px;background:rgba(255,255,255,.2);overflow:hidden}.progress span{display:block;height:100%;background:white}.scanner{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:var(--r3);background:#111}.scanner video{width:100%;height:100%;object-fit:cover}.scanner-frame{position:absolute;inset:18%;border:2px solid white;border-radius:18px;box-shadow:0 0 0 999px rgba(0,0,0,.34)}.activity{display:grid;gap:.2rem;margin-top:1rem}.activity li{display:grid;grid-template-columns:12px 1fr auto;gap:.75rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.dot{width:7px;height:7px;margin-top:.48rem;border-radius:50%;background:var(--terracotta)}.chart-bars{height:220px;display:flex;align-items:flex-end;gap:clamp(.4rem,2vw,1rem);padding-top:2rem}.chart-bars span{flex:1;min-width:10px;border-radius:7px 7px 2px 2px;background:var(--forest);opacity:.86}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.admin-grid,.owner-grid{grid-template-columns:1fr}.health-panel{min-height:auto}}
@media(max-width:700px){.staff-hero{grid-template-columns:1fr;min-height:360px}.scanner-motif{min-height:150px}.operation-list li{grid-template-columns:34px 1fr}.operation-list li>b{display:none}.customer-toolbar{align-items:stretch;flex-direction:column}.search-wrap{width:100%}.toolbar-actions{justify-content:space-between}}
@media(max-width:560px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:125px}.form-row{grid-template-columns:1fr}.modal{border-radius:var(--r2)}.actions .button{flex:1}.loyalty-preview{max-width:280px}.staff-hero{padding:1.4rem}.premium-head .button{width:100%}}

/* Tema NOTIA: controles y estados */
.button{background:var(--rose-pale);color:var(--wine)}
.metric-signal.success{background:var(--rose);box-shadow:0 0 0 4px rgba(255,107,98,.12)}
.button.primary{background:var(--rose-deep);color:#fff;box-shadow:0 6px 16px rgba(71,83,255,.16)}
.button.accent{background:var(--rose);color:#fff;box-shadow:0 6px 16px rgba(255,107,98,.16)}
.button.primary:hover,.button.dark:hover{background:var(--wine)}
.button.accent:hover{background:var(--rose-deep)}
.button.dark{background:var(--rose-deep)}
.button.secondary{border-color:var(--rose-pale);background:var(--rose-pale);color:var(--wine)}
.button.secondary:hover{background:#dedaff}
.button.ghost{background:transparent;color:var(--ink)}
.field input:hover,.field select:hover,.search:hover{border-color:#d4c5cc}
.field input:focus,.field select:focus,.search:focus{border-color:var(--rose-deep);box-shadow:0 0 0 3px rgba(71,83,255,.12)}
.pill{background:var(--rose-pale);color:var(--wine)}
.status-list i{background:var(--rose);box-shadow:0 0 0 3px rgba(255,107,98,.12)}
.staff-hero{border:1px solid #dfe1ff;background:linear-gradient(135deg,#fff 15%,#f6f7ff 100%);color:var(--ink)}
.staff-hero p{color:var(--ink-soft)}
.staff-hero .section-kicker{color:var(--rose-deep)}
.scanner-motif>span{border-color:rgba(71,83,255,.18)}
.scanner-motif>i{border-color:rgba(71,83,255,.72)}
.scanner-motif>b{color:var(--wine)}
.loyalty-preview{background:linear-gradient(155deg,var(--wine),var(--rose-deep));box-shadow:0 25px 55px rgba(71,83,255,.2)}

/* Refinamiento de superficies y controles */
.panel,.card,.metric-card{border-color:#e9eaf2;box-shadow:0 1px 2px rgba(25,35,102,.025)}
.metric-card{border-radius:16px}
.metric-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(25,35,102,.07)}
.button{border-radius:12px}
.button.primary,.button.accent{min-height:43px}
.table tbody tr:hover{background:#f8f8ff}
.demo-note,.banner{border-color:#dedfff;background:#f7f7ff}
.demo-note a{color:var(--rose-deep)}
.operation-icon,.activity-avatar{border:1px solid rgba(71,83,255,.08)}

/* Sunset Atelier: superficies cálidas y contraste editorial */
.button.primary{box-shadow:0 6px 16px rgba(237,99,63,.18)}
.field input:focus,.field select:focus,.search:focus{box-shadow:0 0 0 3px rgba(237,99,63,.13)}
.staff-hero{border-color:#f0d7cc;background:linear-gradient(135deg,#fff 15%,#fff7f2 100%)}
.scanner-motif>span{border-color:rgba(237,99,63,.2)}
.scanner-motif>i{border-color:rgba(214,62,105,.72)}
.loyalty-preview{box-shadow:0 25px 55px rgba(61,27,50,.2)}
.panel,.card,.metric-card{border-color:#eee4dc;box-shadow:0 1px 2px rgba(61,27,50,.03)}
.metric-card:hover{box-shadow:0 14px 32px rgba(61,27,50,.08)}
.table tbody tr:hover{background:#fff8f3}
.demo-note,.banner{border-color:#efd5ca;background:#fff7f2}
.operation-icon,.activity-avatar{border-color:rgba(237,99,63,.1)}

/* Arctic Indigo */
.button.primary{box-shadow:0 6px 16px rgba(49,85,245,.18)}
.field input:focus,.field select:focus,.search:focus{box-shadow:0 0 0 3px rgba(49,85,245,.12)}
.staff-hero{border-color:#e0e3ff;background:linear-gradient(135deg,#fff 15%,#f7f7ff 100%)}
.scanner-motif>span{border-color:rgba(49,85,245,.2)}
.scanner-motif>i{border-color:rgba(124,58,237,.72)}
.loyalty-preview{background:linear-gradient(155deg,#3155f5,#7c3aed);box-shadow:0 25px 55px rgba(49,85,245,.2)}
.panel,.card,.metric-card{border-color:#e8e8ef;box-shadow:0 1px 2px rgba(17,17,26,.03)}
.metric-card:hover{box-shadow:0 14px 32px rgba(17,17,26,.07)}
.table tbody tr:hover{background:#f7f7ff}
.demo-note,.banner{border-color:#dfe3ff;background:#f7f7ff}
.operation-icon,.activity-avatar{border-color:rgba(49,85,245,.1)}
.button.accent{box-shadow:0 6px 16px rgba(124,58,237,.17)}
.field input:hover,.field select:hover,.search:hover{border-color:#c7cadb}
.metric-signal.success{box-shadow:0 0 0 4px rgba(91,56,233,.11)}
.status-list i{box-shadow:0 0 0 3px rgba(91,56,233,.1)}
.avatar.sand,.pill.warning{background:#f0edff;color:#6f4bc7}
.avatar.blue{background:#eef2ff;color:#3155f5}
.panel-footer-link:hover{background:#f7f7ff}

/* NOTIA Product System — jerarquía base */
.panel,.card,.metric-card{border:1px solid #e6e6ee;background:#fff;box-shadow:0 8px 28px rgba(17,17,26,.045)}
.panel,.card{border-radius:20px}.panel{padding:1.5rem}.card{padding:1.45rem}
.panel-head{margin-bottom:1.5rem}.panel-head h2{color:#0b0b12;letter-spacing:-.035em}.section-kicker{color:#777789}
.metric-grid{gap:1rem;margin-bottom:1rem}
.metric-card{position:relative;min-height:154px;padding:1.25rem;border-radius:18px;overflow:hidden}
.metric-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#3155f5,#7c3aed);opacity:.82}
.metric-card:hover{transform:translateY(-3px);border-color:#d8dcff;box-shadow:0 18px 40px rgba(49,85,245,.1)}
.metric-head{color:#707080;font-weight:600}.metric-card>strong{color:#0b0b12;font-size:2.15rem}.metric-card>small{color:#8d8d9c}
.button{min-height:43px;border-radius:12px;padding:.65rem 1rem;font-weight:700}
.button.primary{background:#3155f5;box-shadow:0 7px 18px rgba(49,85,245,.2)}.button.primary:hover{background:#2446dc}
.button.accent{background:#7c3aed;box-shadow:0 7px 18px rgba(124,58,237,.18)}.button.accent:hover{background:#6930cf}
.button.dark{background:#0b0b12}.button.dark:hover{background:#252532}
.button.secondary{border-color:#dedee8;background:#fff;color:#171722}.button.secondary:hover{border-color:#cfd3ee;background:#f7f7ff}
.button.ghost{border-color:#e5e5ed;background:transparent}

/* NOTIA Product System — componentes y estados */
.content-grid,.admin-grid,.owner-grid{gap:1rem;margin-top:1rem}
.text-action,.panel-footer-link{color:#3155f5;font-weight:700}.text-action:hover{color:#2344d2}
.panel-footer-link{margin:1.1rem -1.5rem -1.5rem;padding:1rem 1.5rem}
.field{gap:.48rem}.field label{color:#343442;font-weight:700}
.field input,.field select,.field textarea,.search{min-height:46px;border-color:#dedee7;border-radius:12px;background:#fff}
.field input:hover,.field select:hover,.search:hover{border-color:#bdc6f5}
.field input:focus,.field select:focus,.search:focus{border-color:#3155f5;box-shadow:0 0 0 4px rgba(49,85,245,.1)}
.search-wrap>span{color:#818191}.toolbar-actions select{min-height:43px;border-color:#dedee7;border-radius:11px;background:#fff}
.customer-toolbar{margin-bottom:1rem}.search-wrap{min-width:min(410px,100%)}
.customer-table{border-radius:20px}.table{min-width:760px}.table th,.table td{padding:.95rem 1.05rem}
.table thead{background:#fafaff}.table th{color:#777787;font-weight:750}.table td{color:#24242f}.table tbody tr:hover{background:#f7f8ff}
.avatar{border:1px solid rgba(49,85,245,.08);border-radius:11px;background:#eef1ff;color:#3155f5}
.avatar.warm{background:#f3efff;color:#7c3aed}.avatar.forest{background:#eef1ff;color:#3155f5}.avatar.sand{background:#f1efff;color:#6945cf}.avatar.blue{background:#edf3ff;color:#355ac5}
.pill{border:1px solid #dfe3ff;background:#f2f4ff;color:#3155f5}.pill.warning{border-color:#e2d9ff;background:#f5f1ff;color:#6f4bc7}
.balance-cell>span{height:5px;background:#ececf3}.balance-cell>span i{background:linear-gradient(90deg,#3155f5,#7c3aed)}
.table-footer{padding:.9rem 1.05rem;background:#fcfcff}.table-footer button{border-color:#e0e0e9;border-radius:9px}.table-footer button:not(:disabled):hover{border-color:#bdc6f5;color:#3155f5}
.chart-panel,.activity-panel,.businesses-panel,.health-panel,.quick-panel{min-width:0}
.chart-area{height:270px;border-bottom-color:#e8e8ef}.chart-area span{width:min(30px,72%);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#7c3aed,#3155f5);opacity:.92}
.chart-area span:hover{opacity:1;box-shadow:0 5px 15px rgba(49,85,245,.18)}
.chart-total,.health-value{color:#0b0b12}.live-dot{color:#5b38e9}.live-dot::before{background:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.1)}
.uptime-visual span{background:linear-gradient(180deg,#7c3aed,#3155f5);opacity:.86}
.status-list li{padding:.78rem 0}.status-list i{background:#3155f5;box-shadow:0 0 0 3px rgba(49,85,245,.1)}.status-list i.pending{background:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1)}
.operation-list li{padding:.9rem 0}.operation-list strong{color:#24242f}.operation-list b{color:#3155f5}
.activity-avatar,.operation-icon{border:1px solid #dfe3ff;border-radius:11px;background:#eef1ff;color:#3155f5}
.activity-avatar.warm,.operation-icon.reward{border-color:#e5dcff;background:#f3efff;color:#7c3aed}
.staff-hero{position:relative;isolation:isolate;min-height:270px;border-color:#dfe3ff;border-radius:24px;background:radial-gradient(circle at 80% 35%,rgba(124,58,237,.15),transparent 28%),linear-gradient(135deg,#fff 5%,#eef2ff 100%);box-shadow:0 12px 34px rgba(49,85,245,.07)}
.staff-hero h2{color:#0b0b12;letter-spacing:-.045em}.staff-hero p{color:#636374}.staff-hero .section-kicker{color:#3155f5}
.scanner-motif>span{border-color:rgba(49,85,245,.22);background:rgba(255,255,255,.35)}.scanner-motif>i{border-color:#7c3aed}.scanner-motif>b{color:#3155f5}
.quick-panel a{margin:0 -.55rem;padding:.88rem .55rem;border-top-color:#e8e8ef;border-radius:10px}.quick-panel a:hover{background:#f6f7ff;color:#3155f5}.quick-panel a b{color:#3155f5}
.demo-note,.banner{border-color:#dfe3ff;border-radius:14px;background:#f6f7ff}.demo-note a{color:#3155f5}
.modal-backdrop{background:rgba(11,11,18,.48);backdrop-filter:blur(6px)}.modal{padding:1.6rem;border-color:#e4e4ec;border-radius:22px;box-shadow:0 30px 80px rgba(11,11,18,.2)}
.toast{border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#0b0b12;box-shadow:0 18px 45px rgba(11,11,18,.22)}
.loyalty-preview{background:linear-gradient(155deg,#3155f5,#7c3aed);box-shadow:0 28px 65px rgba(49,85,245,.23)}
.scanner{border:1px solid #252532;border-radius:22px;background:#0b0b12}.scanner-frame{border-color:#9aaaff;box-shadow:0 0 0 999px rgba(11,11,18,.48),0 0 24px rgba(124,58,237,.35)}
.empty{border-radius:16px}.empty h2,.empty h3{color:#0b0b12}.empty p{color:#737383}
@media(max-width:700px){.customer-toolbar{gap:.75rem}.toolbar-actions{gap:.5rem}.toolbar-actions>*{flex:1}.staff-hero{min-height:380px}.panel{padding:1.25rem}.panel-footer-link{margin:1rem -1.25rem -1.25rem;padding:1rem 1.25rem}}
@media(max-width:560px){.metric-grid{gap:.75rem}.metric-card{min-height:132px}.table-footer{align-items:flex-start;gap:.75rem;flex-direction:column}.table-footer div{width:100%}.table-footer button{flex:1}.modal{padding:1.3rem;border-radius:18px}}

/* Recuperación de inicio */
.launch-guard{min-height:100vh;padding:1.25rem;background:linear-gradient(145deg,#fff,#f4f5ff);display:grid;place-items:center}
.launch-guard__card{width:min(520px,100%);padding:clamp(1.6rem,5vw,2.5rem);border:1px solid #e1e4f4;border-radius:24px;background:#fff;box-shadow:0 28px 70px rgba(17,17,26,.1)}
.launch-guard__card>.brand-mark{margin-bottom:1.4rem}.launch-guard__card .eyebrow{color:#3155f5}
.launch-guard__card h1{margin:.45rem 0 .8rem;color:#0b0b12;font-size:clamp(2rem,5vw,3rem);line-height:1;letter-spacing:-.055em}
.launch-guard__card>p,.launch-guard__hint{color:#666677;line-height:1.65}
.launch-guard__card ol{margin:1.3rem 0;padding-left:1.2rem;color:#333342;display:grid;gap:.6rem}.launch-guard__card ol strong{color:#3155f5}
.launch-guard__actions{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.65rem}.launch-guard__actions .button{flex:1}
@media(max-width:520px){.launch-guard__card{border-radius:20px}.launch-guard__actions{flex-direction:column}}