.layout{display:flex;min-height:100vh;background-color:#0f172a}.hamburger-btn,.sidebar-overlay{display:none}.sidebar{width:260px;background-color:#1e293b;border-right:1px solid #334155;transition:width .3s ease;position:fixed;height:100vh;overflow-y:auto;z-index:1000;display:flex;flex-direction:column}.sidebar.closed{width:80px}.sidebar-header{padding:24px 20px;border-bottom:1px solid #334155;display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{font-size:18px;font-weight:600;color:#f9fafb;white-space:nowrap;overflow:hidden}.sidebar.closed .sidebar-header h2{display:none}.toggle-sidebar{background:none;border:none;color:#d1d5db;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.toggle-sidebar:hover{color:#44a717}.toggle-sidebar svg{width:18px;height:18px}.sidebar-nav{padding:16px 0;flex:1}.sidebar-footer{margin-top:auto;padding:16px 20px;border-top:1px solid #334155}.sidebar-user{padding:8px 0 12px}.sidebar-user-email{font-size:13px;color:#f9fafb;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:12px;color:#9ca3af;margin-top:2px}.sidebar.closed .sidebar-user-email,.sidebar.closed .sidebar-user-role{display:none}.nav-item-logout{width:100%;background:none;border:none;border-left:3px solid transparent;cursor:pointer;text-align:left;font-size:14px}.nav-item-logout:hover{color:#fca5a5}.nav-item-logout .nav-icon{color:inherit}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#d1d5db;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent;font-size:14px}.nav-item:hover{background-color:#334155;border-left-color:#44a717;color:#f9fafb}.nav-item.active{background-color:#334155;border-left-color:#44a717;color:#44a717;font-weight:500}.nav-icon{display:flex;align-items:center;justify-content:center;margin-right:12px;min-width:24px;color:inherit}.nav-icon svg{width:20px;height:20px}.nav-item.active .nav-icon{color:#44a717}.nav-label{white-space:nowrap;font-size:14px}.sidebar.closed .nav-label{display:none}.main-content{flex:1;margin-left:260px;padding:32px;transition:margin-left .3s ease}.sidebar.closed~.main-content{margin-left:80px}@media (max-width: 1023px){.hamburger-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:16px;left:16px;width:44px;height:44px;z-index:1100;background-color:#1e293b;border:1px solid #334155;border-radius:8px;color:#d1d5db;cursor:pointer;transition:color .2s ease,background-color .2s ease}.hamburger-btn:hover{color:#44a717;background-color:#334155}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:1050;opacity:0;pointer-events:none;transition:opacity .3s ease}.layout.mobile-menu-open .sidebar-overlay{opacity:1;pointer-events:auto}.sidebar{width:260px;transform:translate(-100%);transition:transform .3s ease;z-index:1060;box-shadow:4px 0 24px #0000004d}.layout.mobile-menu-open .sidebar{transform:translate(0)}.toggle-sidebar{display:none}.sidebar.closed .sidebar-header h2,.sidebar.closed .nav-label,.sidebar.closed .sidebar-user-email,.sidebar.closed .sidebar-user-role{display:block}.sidebar.closed{width:260px}.main-content{margin-left:0;padding:72px 16px 16px}.sidebar.closed~.main-content{margin-left:0}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-primary)}.login-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:40px;width:100%;max-width:400px}.login-title{font-size:28px;font-weight:700;color:var(--color-accent);text-align:center;margin-bottom:4px}.login-subtitle{font-size:14px;color:var(--color-text-muted);text-align:center;margin-bottom:32px}.login-error{background-color:var(--color-danger-bg);color:var(--color-danger);padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:16px}.login-btn{width:100%;padding:12px;background-color:var(--color-accent);color:#fff;border-radius:6px;font-size:16px;font-weight:600;transition:background-color .2s ease;margin-top:8px}.login-btn:hover:not(:disabled){background-color:var(--color-accent-hover)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.otp-container{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.otp-input{width:48px;height:56px;text-align:center;font-size:24px;font-weight:600;border:2px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .2s ease}.otp-input:focus{border-color:var(--color-accent);outline:none}.btn-back-login{width:100%;padding:10px;background:transparent;color:var(--color-text-muted);font-size:14px;margin-top:12px;cursor:pointer;border:none;transition:color .2s ease}.btn-back-login:hover{color:var(--color-text-primary)}.login-page .login-password-wrapper{position:relative}.login-page .login-password-wrapper input{padding-right:44px;width:100%}.login-page .login-password-toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:none;background:transparent;color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:4px;border-radius:4px}.login-page .login-password-toggle:hover{color:var(--color-text-primary)}.login-page .login-password-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.pedidos-page{width:100%}.pedidos-page--modern{display:flex;flex-direction:column;gap:24px}.subs-page-header{margin-bottom:4px}.subs-page-header__desc{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--color-text-muted, #9ca3af);max-width:640px}.subs-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1100px){.subs-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.subs-kpi-grid{grid-template-columns:1fr}}.subs-kpi-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:linear-gradient(145deg,#1e293bf2,#0f172afa);border:1px solid rgba(148,163,184,.12);border-radius:14px;box-shadow:0 4px 24px #0000002e;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.subs-kpi-card:hover{border-color:#44a71740;transform:translateY(-1px);box-shadow:0 8px 28px #00000038}.subs-kpi-card__icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#44a7171f;color:var(--color-accent, #44a717)}.subs-kpi-card__label{margin:0 0 6px;font-size:13px;font-weight:500;color:var(--color-text-muted, #9ca3af)}.subs-kpi-card__value{margin:0;font-size:26px;font-weight:700;letter-spacing:-.03em;color:var(--color-text-primary, #f9fafb);line-height:1.2}.subs-kpi-card__plan{margin:4px 0 2px}.subs-kpi-card__hint{margin:8px 0 0;font-size:11px;color:#9ca3afd9}.subs-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.subs-search{width:100%;max-width:520px}.subs-search__input{width:100%!important;max-width:none!important;padding:12px 14px 12px 44px!important;border-radius:10px!important;font-size:15px!important;border:1px solid rgba(148,163,184,.2)!important;background:#0f172a99!important}.subs-search__input:focus{border-color:var(--color-accent, #44a717)!important;box-shadow:0 0 0 3px #44a71726}.subs-table-shell{background:linear-gradient(180deg,#1e293b,#172033);border:1px solid rgba(148,163,184,.12);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0003}.table-container{background-color:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden}.pedidos-table{width:100%;border-collapse:collapse}.pedidos-table thead{background:#0f172ad9;position:sticky;top:0;z-index:2}.pedidos-table th{padding:14px 18px;text-align:left;font-weight:600;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(148,163,184,.15);white-space:nowrap}.pedidos-table td{padding:18px;border-bottom:1px solid rgba(51,65,85,.6);color:#e2e8f0;font-size:14px;vertical-align:middle}.pedidos-table tbody tr{transition:background-color .15s ease}.pedidos-table tbody tr:hover{background:#33415559}.pedidos-table tbody tr:last-child td{border-bottom:none}.th-amount,.td-amount{text-align:right}.th-actions,.td-actions{text-align:right;width:72px}.td-folio{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:#cbd5e1}.subs-user-cell{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.subs-user-cell__name{background:none;border:none;padding:0;font-size:14px;font-weight:600;color:#f1f5f9;cursor:pointer;text-align:left;transition:color .15s ease}.subs-user-cell__name:hover{color:var(--color-accent, #44a717)}.subs-user-cell__email{font-size:12px;color:#94a3b8;text-decoration:none}.subs-user-cell__email:hover{color:#cbd5e1;text-decoration:underline}.subs-amount{display:block;font-size:15px;font-weight:700;color:#f8fafc;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.plan-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}.plan-badge--mister{color:#93c5fd;background:#3b82f626;border-color:#3b82f659}.plan-badge--master{color:#c4b5fd;background:#8b5cf626;border-color:#8b5cf659}.plan-badge--sir{color:#fdba74;background:#f9731626;border-color:#f9731659}.plan-badge--lord{color:#fde047;background:#eab3081f;border-color:#eab30866}.plan-badge--contadores{color:#d1d5db;background:#6b728033;border-color:#9ca3af59}.plan-badge--default{color:#e2e8f0;background:#94a3b81f;border-color:#94a3b840}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent}.status-badge__dot{font-size:10px;line-height:1}.status-badge--paid{color:#6ee7b7;background:#10b9811f;border-color:#10b9814d}.status-badge--pending{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b4d}.status-badge--failed{color:#fca5a5;background:#ef44441f;border-color:#ef444459}.status-badge--cancelled,.status-badge--refunded{color:#9ca3af;background:#4b556340;border-color:#6b728066}.row-actions-menu{position:relative;display:inline-flex;justify-content:flex-end}.row-actions-menu__trigger{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#0f172a80;color:#e2e8f0;cursor:pointer;transition:background .15s ease,border-color .15s ease}.row-actions-menu__trigger:hover{background:#33415599;border-color:#94a3b859}.row-actions-menu__dots{font-size:18px;line-height:1;font-weight:700}.row-actions-menu__dropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:200px;padding:6px;background:#1e293b;border:1px solid rgba(148,163,184,.2);border-radius:12px;box-shadow:0 12px 40px #00000059;z-index:20}.row-actions-menu__dropdown button{display:block;width:100%;padding:10px 12px;text-align:left;border:none;border-radius:8px;background:transparent;color:#f1f5f9;font-size:14px;cursor:pointer;transition:background .12s ease}.row-actions-menu__dropdown button:hover{background:#334155b3}.row-actions-menu__danger{color:#fca5a5!important}.row-actions-menu__danger:hover{background:#ef44441f!important}.subs-empty{padding:56px 24px;text-align:center;color:#94a3b8}.subs-empty__illus{width:160px;height:auto;margin:0 auto 20px;color:#64748b}.subs-empty__title{margin:0 0 8px;font-size:18px;font-weight:600;color:#f1f5f9}.subs-empty__text{margin:0 auto;max-width:360px;font-size:14px;line-height:1.5}.subs-mobile-list{display:none;flex-direction:column;gap:12px}.subs-mobile-card{padding:16px;background:linear-gradient(145deg,#1e293bf2,#0f172afa);border:1px solid rgba(148,163,184,.12);border-radius:14px;box-shadow:0 4px 16px #00000026}.subs-mobile-card__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.subs-mobile-card__folio{font-family:ui-monospace,monospace;font-size:13px;color:#94a3b8}.subs-mobile-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}.subs-mobile-card__date{font-size:12px;color:#94a3b8}.subs-mobile-card__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-top:12px;border-top:1px solid rgba(51,65,85,.5)}.subs-mobile-card__method{display:block;font-size:12px;color:#94a3b8;margin-bottom:4px}.subs-pagination{margin-top:8px}@media (max-width: 900px){.subs-table-desktop{display:none}.subs-mobile-list{display:flex}}thead{background-color:#0f172a}th{padding:16px;text-align:left;font-weight:600;color:#f9fafb;font-size:14px;border-bottom:1px solid #334155}td{padding:16px;border-bottom:1px solid #334155;color:#d1d5db;font-size:14px}tbody tr:hover{background-color:#334155}.btn-primary{background-color:#1f2937;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:background-color .2s ease}.modal-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-secondary{background-color:#334155;color:#f9fafb;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;border:1px solid #475569;cursor:pointer;transition:background-color .2s ease}.btn-secondary:hover:not(:disabled){background-color:#475569}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background-color:#991b1b;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:background-color .2s ease}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background-color:transparent;color:#9ca3af;padding:8px 16px;border-radius:6px;font-size:14px;border:1px solid #334155;cursor:pointer}.btn-cancel:hover{background-color:#334155;color:#f9fafb}.link-button{background:none;border:none;color:#44a717;text-decoration:underline;cursor:pointer;font-size:14px;padding:0}.link-button:hover{color:#3a8f14}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-success{background-color:#d1fae5;color:#065f46}.badge-danger{background-color:#fee2e2;color:#991b1b}.badge-warning{background-color:#fef3c7;color:#92400e}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-content{background-color:#1e293b;border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;border:1px solid #334155;box-shadow:0 25px 50px -12px #0006}.modal-content.modal-detail .modal-header{padding:24px 28px;border-bottom:1px solid #334155;background:linear-gradient(180deg,#1e293b,#1a2332);border-radius:16px 16px 0 0}.modal-header{padding:24px;border-bottom:1px solid #334155;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.modal-title{font-size:22px;font-weight:600;color:#f9fafb;margin:0;letter-spacing:-.02em}.modal-subtitle{font-size:13px;color:#9ca3af;margin:4px 0 0;font-weight:400}.modal-close{background:#334155;border:none;font-size:22px;color:#d1d5db;cursor:pointer;line-height:1;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0;transition:background-color .2s,color .2s}.modal-close:hover{background:#475569;color:#f9fafb}.modal-body{padding:0}.detail-section{padding:20px 28px;border-bottom:1px solid #334155}.detail-section:last-of-type{border-bottom:none}.detail-section-title{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}@media (max-width: 420px){.detail-grid{grid-template-columns:1fr}}.detail-group{margin:0}.detail-group label{display:block;font-weight:500;color:#9ca3af;margin-bottom:4px;font-size:12px}.detail-group p{color:#f9fafb;font-size:14px;margin:0}.detail-amount{margin-top:18px;padding-top:16px;border-top:1px solid #334155;display:flex;justify-content:space-between;align-items:center}.detail-amount-label{font-size:13px;color:#9ca3af;font-weight:500}.detail-amount-value{font-size:20px;font-weight:700;color:#44a717;letter-spacing:-.02em}.modal-detail .modal-actions{padding:20px 28px 24px;margin:0;border-top:1px solid #334155;background:#0f172a;border-radius:0 0 16px 16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#f9fafb;font-size:14px}.form-group input{width:100%;padding:10px 12px;border:1px solid #334155;border-radius:6px;font-size:14px;background-color:#0f172a;color:#f9fafb;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#44a717;background-color:#0f172a}.form-group input::placeholder{color:#6b7280}.pedidos-table .th-num,.pedidos-table .td-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.client-plan-cell{font-size:13px;font-weight:500;color:var(--color-text-primary, #e5e7eb);max-width:140px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.client-timbres-qty{font-weight:600;font-variant-numeric:tabular-nums;cursor:help}.client-timbres-qty--neutral{color:var(--color-text-primary, #e5e7eb)}.client-timbres-qty--ok{color:#4ade80}.client-timbres-qty--warn{color:#fbbf24}.client-timbres-qty--danger{color:#f87171}.client-timbres-tip{position:relative;display:inline-flex}.client-timbres-tip__popup{position:absolute;z-index:40;right:0;bottom:calc(100% + 8px);min-width:200px;padding:10px 12px;border-radius:10px;background:#0f172afa;border:1px solid rgba(148,163,184,.2);box-shadow:0 8px 24px #00000059;font-size:12px;line-height:1.4;color:#e5e7eb;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease,visibility .15s}.client-timbres-tip:hover .client-timbres-tip__popup,.client-timbres-tip:focus-within .client-timbres-tip__popup{opacity:1;visibility:visible;transform:translateY(0)}.client-timbres-tip__row{display:flex;justify-content:space-between;gap:12px;padding:3px 0}.client-timbres-tip__row span{color:#9ca3af}.client-timbres-mobile{display:flex;flex-direction:column;gap:6px;margin-top:8px}.client-timbres-mobile__stats{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--color-text-muted, #9ca3af)}.dashboard-page{width:100%;max-width:100%;overflow-x:hidden}.dashboard-header{margin-bottom:0}.dashboard-kpi-grid,.dashboard-kpi-grid--executive{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-kpi-grid--operation,.dashboard-kpi-grid--distributors{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-kpi-card,.dashboard-kpi-card__body{min-width:0}.dashboard-kpi-card .subs-kpi-card__value{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dashboard-kpi-card__value--currency{font-size:clamp(1.125rem,2vw,1.5rem);letter-spacing:0;line-height:1.25}.dashboard-section{display:flex;flex-direction:column;gap:16px}.dashboard-section--executive{gap:14px}.dashboard-section__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.dashboard-section__title{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary, #f9fafb);letter-spacing:0}.dashboard-section__desc{margin:6px 0 0;font-size:13px;line-height:1.45;color:#9ca3afe0}.dashboard-insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-insight-card{padding:18px 20px;min-width:0}.dashboard-insight-card--primary{border-color:#44a7176b;background:linear-gradient(135deg,#44a71729,#0f172af5 45%),#0f172aeb}.dashboard-insight-card__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.dashboard-insight-card__label{font-size:13px;font-weight:600;color:#cbd5e1}.dashboard-insight-card__head strong{font-size:22px;line-height:1;color:#f8fafc;font-variant-numeric:tabular-nums}.dashboard-insight-card--primary .dashboard-insight-card__head strong{font-size:clamp(28px,3vw,40px);color:#86efac}.dashboard-progress{position:relative;height:8px;overflow:hidden;border-radius:999px;background:#334155cc}.dashboard-progress span{display:block;height:100%;min-width:0;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#44a717,#7ddc3a)}.dashboard-progress--blue span{background:linear-gradient(90deg,#3b82f6,#7dd3fc)}.dashboard-threshold{position:relative;height:14px}.dashboard-threshold span{position:absolute;top:-9px;width:2px;height:14px;border-radius:999px;background:#f59e0b;box-shadow:0 0 0 3px #f59e0b2e}.dashboard-insight-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px;font-size:12px;font-weight:600;color:#cbd5e1}.dashboard-insight-card__copy{margin:12px 0 0;font-size:12px;line-height:1.45;color:#94a3b8}.dashboard-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-chart-card{padding:20px;min-width:0}.dashboard-chart-card--wide{grid-column:1 / -1}.dashboard-chart-card__header{margin-bottom:14px}.dashboard-chart-card__title{margin:0;font-size:15px;font-weight:700;color:#f8fafc;letter-spacing:0}.dashboard-chart-card__canvas{width:100%;height:300px;min-width:0}.dashboard-chart-card .recharts-wrapper,.dashboard-chart-card .recharts-surface{max-width:100%}@media (max-width: 1180px){.dashboard-kpi-grid,.dashboard-kpi-grid--executive,.dashboard-kpi-grid--operation,.dashboard-kpi-grid--distributors{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.dashboard-insights-grid,.dashboard-charts-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 520px){.dashboard-kpi-grid,.dashboard-kpi-grid--executive,.dashboard-kpi-grid--operation,.dashboard-kpi-grid--distributors{grid-template-columns:minmax(0,1fr)}.dashboard-chart-card{padding:16px 12px}}.clientes-page{width:100%}.clientes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.clientes-header h2{font-size:20px;font-weight:600;color:var(--color-text-primary)}.pedidos-page--clientes{max-width:100%;overflow-x:hidden;box-sizing:border-box}.clientes-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;min-width:0}.clientes-kpi-grid .subs-kpi-card,.clientes-kpi-grid .subs-kpi-card__body{min-width:0}.clientes-kpi-grid .subs-kpi-card__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clientes-kpi-grid .subs-kpi-card__hint{overflow-wrap:anywhere}@media (max-width: 900px){.clientes-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.clientes-kpi-grid{grid-template-columns:minmax(0,1fr)}}.clientes-table-shell{overflow-x:hidden}.pedidos-table--clientes{table-layout:fixed;width:100%}.pedidos-table--clientes col.col-cliente{width:28%}.pedidos-table--clientes col.col-plan,.pedidos-table--clientes col.col-estado{width:10%}.pedidos-table--clientes col.col-empresas{width:8%}.pedidos-table--clientes col.col-registro{width:12%}.pedidos-table--clientes col.col-timbres{width:10%}.pedidos-table--clientes col.col-acciones{width:2%;min-width:48px}.pedidos-table--clientes thead th,.pedidos-table--clientes tbody td{padding:12px 10px;font-size:13px;vertical-align:middle}.pedidos-table--clientes thead th{font-size:12px;font-weight:600;white-space:nowrap}.pedidos-table--clientes tbody tr{height:56px}.pedidos-table--clientes .td-cliente{overflow:hidden}.pedidos-table--clientes .subs-user-cell--clientes{display:flex;flex-direction:column;gap:2px;max-width:100%;min-width:0}.pedidos-table--clientes .subs-user-cell__name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pedidos-table--clientes .subs-user-cell__email,.pedidos-table--clientes .subs-user-cell__rfc{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35}.pedidos-table--clientes .subs-user-cell__rfc{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#94a3b8;letter-spacing:.02em}.pedidos-table--clientes .td-plan{overflow:hidden}.pedidos-table--clientes .client-plan-cell{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.pedidos-table--clientes .th-estado,.pedidos-table--clientes .td-estado{min-width:90px;text-align:center}.pedidos-table--clientes .td-estado .status-badge{white-space:nowrap}.pedidos-table--clientes .th-empresas,.pedidos-table--clientes .td-empresas,.pedidos-table--clientes .th-registro,.pedidos-table--clientes .td-registro{text-align:center;white-space:nowrap}.pedidos-table--clientes .td-registro{font-size:12px;color:#cbd5e1;font-variant-numeric:tabular-nums}.pedidos-table--clientes .th-timbres,.pedidos-table--clientes .td-timbres{text-align:center;white-space:nowrap}.pedidos-table--clientes .td-timbres .client-timbres-tip{justify-content:center;width:100%}.pedidos-table--clientes .td-timbres .client-timbres-qty{display:inline-block}.pedidos-table--clientes .th-actions,.pedidos-table--clientes .td-actions{text-align:center;padding-left:4px;padding-right:4px;width:48px;min-width:48px}.dist-row-actions{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:8px}.dist-row-actions .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.cliente-detalle{display:flex;flex-direction:column;gap:24px;max-width:100%;overflow-x:hidden}.cliente-detalle__breadcrumb{margin-bottom:-8px}.cliente-detalle__back{background:none;border:none;padding:0;font-size:14px;font-weight:500;color:#94a3b8;cursor:pointer;transition:color .15s ease}.cliente-detalle__back:hover{color:var(--color-accent, #44a717)}.cliente-detalle-hero{display:flex;align-items:flex-start;gap:20px;padding:24px;background:linear-gradient(145deg,#1e293bf2,#0f172afa);border:1px solid rgba(148,163,184,.12);border-radius:16px;box-shadow:0 4px 24px #0000002e}.cliente-detalle-hero__avatar{flex-shrink:0;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#f8fafc;background:linear-gradient(135deg,#44a717d9,#22780ff2);box-shadow:0 4px 16px #44a71740}.cliente-detalle-hero__body{flex:1;min-width:0}.cliente-detalle-hero__name{margin:0 0 6px;font-size:26px;font-weight:700;color:#f8fafc;letter-spacing:-.02em;line-height:1.2}.cliente-detalle-hero__email{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#94a3b8;text-decoration:none;margin-bottom:12px}.cliente-detalle-hero__email:hover{color:#cbd5e1;text-decoration:underline}.cliente-detalle-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.cliente-detalle-hero__actions{flex-shrink:0;align-self:center}@media (max-width: 640px){.cliente-detalle-hero{flex-wrap:wrap}.cliente-detalle-hero__actions,.cliente-detalle-hero__actions .btn-primary{width:100%}}.cliente-detalle-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1100px){.cliente-detalle-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.cliente-detalle-kpi-grid{grid-template-columns:minmax(0,1fr)}}.cliente-detalle__columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media (max-width: 960px){.cliente-detalle__columns{grid-template-columns:1fr}}.cliente-detalle__col{display:flex;flex-direction:column;gap:20px;min-width:0}.cliente-detalle-card{background:linear-gradient(145deg,#1e293b99,#0f172ad9);border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:20px;box-shadow:0 2px 16px #0000001f}.cliente-detalle-card--full{width:100%}.cliente-detalle-card__header{margin-bottom:16px}.cliente-detalle-card__title{margin:0;font-size:16px;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:8px}.cliente-detalle-card__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;font-size:12px;font-weight:600;color:#94a3b8;background:#94a3b81f;border-radius:999px}.cliente-detalle-empty{margin:0;font-size:14px;color:#94a3b8}.cliente-detalle-dl{margin:0;display:flex;flex-direction:column;gap:14px}.cliente-detalle-dl__row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:baseline}@media (max-width: 480px){.cliente-detalle-dl__row{grid-template-columns:1fr;gap:4px}}.cliente-detalle-dl dt{margin:0;font-size:12px;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.cliente-detalle-dl dd{margin:0;font-size:14px;color:#e2e8f0}.cliente-detalle-dl dd a{color:#cbd5e1;text-decoration:none}.cliente-detalle-dl dd a:hover{color:var(--color-accent, #44a717);text-decoration:underline}.cliente-detalle-dl__mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;letter-spacing:.02em}.cliente-detalle-timbres__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}@media (max-width: 480px){.cliente-detalle-timbres__stats{grid-template-columns:1fr}}.cliente-detalle-timbres__stat{padding:12px;border-radius:10px;background:#0f172a80;border:1px solid rgba(148,163,184,.08)}.cliente-detalle-timbres__label{display:block;font-size:11px;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.cliente-detalle-timbres__value{font-size:22px;font-weight:700;color:#f8fafc;font-variant-numeric:tabular-nums}.cliente-detalle-timbres__value--ok{color:#4ade80}.cliente-detalle-timbres__value--warn{color:#fbbf24}.cliente-detalle-timbres__value--danger{color:#f87171}.cliente-detalle-timbres__progress-meta{display:flex;justify-content:space-between;font-size:12px;color:#94a3b8;margin-bottom:8px}.cliente-detalle-timbres__progress-track{height:8px;border-radius:999px;background:#94a3b826;overflow:hidden}.cliente-detalle-timbres__progress-bar{height:100%;border-radius:999px;transition:width .3s ease}.cliente-detalle-timbres__progress-bar--ok{background:linear-gradient(90deg,#4ade80,#22c55e)}.cliente-detalle-timbres__progress-bar--warn{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.cliente-detalle-timbres__progress-bar--danger{background:linear-gradient(90deg,#f87171,#ef4444)}.cliente-detalle-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid rgba(148,163,184,.08)}.cliente-detalle-table-wrap--scroll{max-width:100%}.cliente-detalle-table{width:100%;margin:0}.cliente-detalle-table thead th{font-size:11px;padding:10px 12px;white-space:nowrap}.cliente-detalle-table tbody td{padding:12px;font-size:13px;vertical-align:middle}.cliente-detalle-table__date{white-space:nowrap;color:#cbd5e1;font-size:12px}.coupon-code-badge{display:inline-block;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600;letter-spacing:.04em;color:#a7f3d0;background:#44a7171f;border:1px solid rgba(68,167,23,.28);border-radius:6px}.planes-page{width:100%;max-width:100%;overflow-x:hidden}.subs-page-header--with-action{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.subs-page-header--with-action .btn-primary{flex-shrink:0;align-self:center}.planes-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1100px){.planes-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.planes-kpi-grid{grid-template-columns:minmax(0,1fr)}}.planes-table-shell{overflow-x:hidden}.pedidos-table--planes{table-layout:fixed;width:100%}.pedidos-table--planes col.col-plan{width:24%}.pedidos-table--planes col.col-precio{width:14%}.pedidos-table--planes col.col-timbres,.pedidos-table--planes col.col-empresas,.pedidos-table--planes col.col-usuarios{width:10%}.pedidos-table--planes col.col-comision{width:12%}.pedidos-table--planes col.col-estado,.pedidos-table--planes col.col-acciones{width:10%}.pedidos-table--planes thead th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pedidos-table--planes .th-plan,.pedidos-table--planes .td-plan,.pedidos-table--planes .th-precio,.pedidos-table--planes .td-precio{text-align:left}.pedidos-table--planes .th-num,.pedidos-table--planes .td-num{text-align:center;white-space:nowrap}.pedidos-table--planes .td-comision,.pedidos-table--planes .td-estado{text-align:center}.pedidos-table--planes .td-comision .dist-commission-badge,.pedidos-table--planes .td-estado .status-badge{margin-left:auto;margin-right:auto}.planes-kpi-grid.clientes-kpi-grid .subs-kpi-card__value--currency{font-size:clamp(1.125rem,2.5vw,1.625rem);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:visible;text-overflow:clip;word-break:normal}.plan-cell{display:flex;flex-direction:column;gap:4px;min-width:0;max-width:100%}.plan-cell__name-btn{background:none;border:none;padding:0;cursor:pointer;text-align:left;max-width:100%}.plan-cell__desc{margin:0;font-size:12px;line-height:1.4;color:#94a3b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.plan-cell__desc--muted{font-style:italic;opacity:.85}.plan-price-cell{font-size:15px;font-weight:700;color:#f8fafc;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.dist-commission-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:4px 10px;font-size:12px;font-weight:700;border-radius:6px;font-variant-numeric:tabular-nums}.dist-commission-badge--default{color:#94a3b8;background:#94a3b81f;border:1px solid rgba(148,163,184,.2)}.dist-commission-badge--10{color:#7dd3fc;background:#0ea5e91f;border:1px solid rgba(14,165,233,.28)}.dist-commission-badge--20{color:#93c5fd;background:#3b82f61f;border:1px solid rgba(59,130,246,.28)}.dist-commission-badge--27{color:#a78bfa;background:#7c3aed1f;border:1px solid rgba(124,58,237,.28)}.dist-commission-badge--28{color:#c084fc;background:#a855f71f;border:1px solid rgba(168,85,247,.28)}.dist-commission-badge--25{color:#a5b4fc;background:#6366f11f;border:1px solid rgba(99,102,241,.28)}.dist-commission-badge--30{color:#c4b5fd;background:#8b5cf61f;border:1px solid rgba(139,92,246,.28)}.dist-commission-badge--35{color:#fcd34d;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35)}.plan-mobile-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.plan-detalle-hero__avatar{background:linear-gradient(135deg,#6366f1d9,#4338caf2);box-shadow:0 4px 16px #6366f140}.plan-detalle-hero__desc{margin:0 0 12px;font-size:14px;line-height:1.5;color:#94a3b8;max-width:560px}.plan-detalle .cliente-detalle-hero__meta .plan-price-cell{font-size:14px}@media (max-width: 900px){.subs-table-desktop.planes-table-shell{display:none}}@media (min-width: 901px){.planes-page .subs-mobile-list{display:none}}.timbres-page{width:100%;max-width:100%;overflow-x:hidden}.timbres-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1100px){.timbres-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.timbres-kpi-grid{grid-template-columns:minmax(0,1fr)}}.timbres-table-shell{overflow-x:hidden}.pedidos-table--timbres{table-layout:fixed;width:100%}.pedidos-table--timbres col.col-paquete{width:28%}.pedidos-table--timbres col.col-qty{width:10%}.pedidos-table--timbres col.col-precio{width:18%}.pedidos-table--timbres col.col-comision{width:14%}.pedidos-table--timbres col.col-estado{width:12%}.pedidos-table--timbres col.col-acciones{width:6%}.pedidos-table--timbres .th-num,.pedidos-table--timbres .td-num{text-align:center}.timbre-paquete-cell{display:flex;flex-direction:column;gap:4px;min-width:0}.timbre-paquete-cell__name{background:none;border:none;padding:0;font-size:14px;font-weight:600;color:#f1f5f9;cursor:pointer;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timbre-paquete-cell__name:hover{color:var(--color-accent, #44a717)}.timbre-paquete-cell__name--static{cursor:default}.timbre-paquete-cell__desc{margin:0;font-size:12px;line-height:1.4;color:#94a3b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.timbre-paquete-cell__desc--muted{font-style:italic}.timbres-qty-cell{display:block;font-size:22px;font-weight:700;color:#f8fafc;font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:center;line-height:1.1}.pedidos-table--timbres .td-num .timbres-qty-cell{margin:0 auto}.timbres-price-cell{display:flex;flex-direction:column;gap:4px;min-width:0}.timbres-price-cell__total{font-size:15px;font-weight:700;color:#f8fafc;white-space:nowrap;font-variant-numeric:tabular-nums}.timbres-price-cell__unit{font-size:12px;color:#94a3b8;white-space:nowrap}.timbre-mobile-meta{display:flex;align-items:center;gap:10px}.timbre-detalle-hero__avatar{font-size:18px;font-weight:700;background:linear-gradient(135deg,#0ea5e9d9,#0284c7f2);box-shadow:0 4px 16px #0ea5e940}.timbre-detalle-kpi-grid .subs-kpi-card__value{font-size:1.25rem}.timbre-detalle .cliente-detalle-hero__meta .timbres-qty-cell{font-size:16px}@media (max-width: 900px){.subs-table-desktop.timbres-table-shell{display:none}}@media (min-width: 901px){.timbres-page .subs-mobile-list{display:none}}.cupones-page{width:100%;max-width:100%;overflow-x:hidden}.cupones-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1100px){.cupones-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.cupones-kpi-grid{grid-template-columns:minmax(0,1fr)}}.cupones-table-shell{overflow-x:hidden}.pedidos-table--cupones{table-layout:fixed;width:100%}.pedidos-table--cupones col.col-codigo{width:14%}.pedidos-table--cupones col.col-desc{width:22%}.pedidos-table--cupones col.col-tipo,.pedidos-table--cupones col.col-descuento{width:12%}.pedidos-table--cupones col.col-usos{width:10%}.pedidos-table--cupones col.col-vigencia,.pedidos-table--cupones col.col-estado{width:12%}.pedidos-table--cupones col.col-acciones{width:6%}.pedidos-table--cupones .td-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94a3b8;font-size:13px}.pedidos-table--cupones .td-vigencia{white-space:nowrap;font-size:12px;color:#cbd5e1}.pedidos-table--cupones .th-num,.pedidos-table--cupones .td-num{text-align:center}.cupon-usos{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.cupon-usos--warn{color:#fbbf24}.coupon-code-badge{display:inline-block;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600;letter-spacing:.06em;color:#a7f3d0;background:#44a7171f;border:1px solid rgba(68,167,23,.28);border-radius:6px}.coupon-code-badge--btn{cursor:pointer;background:#44a7172e;border:1px solid rgba(68,167,23,.35);transition:background .15s ease,border-color .15s ease}.coupon-code-badge--btn:hover{background:#44a71747;border-color:#44a71780}.coupon-discount-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:4px 10px;font-size:12px;font-weight:700;border-radius:6px;font-variant-numeric:tabular-nums;white-space:nowrap}.coupon-discount-badge--none{color:#64748b;background:transparent;border:none;min-width:auto;padding:0}.coupon-discount-badge--10{color:#7dd3fc;background:#0ea5e91f;border:1px solid rgba(14,165,233,.28)}.coupon-discount-badge--20{color:#93c5fd;background:#3b82f61f;border:1px solid rgba(59,130,246,.28)}.coupon-discount-badge--30{color:#c4b5fd;background:#8b5cf61f;border:1px solid rgba(139,92,246,.28)}.coupon-discount-badge--default{color:#94a3b8;background:#94a3b81f;border:1px solid rgba(148,163,184,.2)}.coupon-discount-badge--fixed{color:#fcd34d;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35)}.coupon-tipo-badge{display:inline-block;padding:3px 8px;font-size:11px;font-weight:500;border-radius:4px;white-space:nowrap}.coupon-tipo-badge--percent{color:#a5b4fc;background:#6366f11f}.coupon-tipo-badge--fixed{color:#fcd34d;background:#f59e0b1a}.coupon-tipo-badge--none{color:#94a3b8;background:#94a3b81a}.cupon-mobile-desc{margin:0;font-size:13px;color:#94a3b8;line-height:1.4}.cupon-mobile-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:#94a3b8}.cupon-detalle-hero__avatar{font-size:22px;font-weight:700;background:linear-gradient(135deg,#ec4899d9,#be185df2);box-shadow:0 4px 16px #ec489940}.cupon-detalle .cliente-detalle-hero__name{margin-bottom:8px}.cupon-detalle-kpi-grid .subs-kpi-card__value{font-size:1.15rem}@media (max-width: 900px){.subs-table-desktop.cupones-table-shell{display:none}}@media (min-width: 901px){.cupones-page .subs-mobile-list{display:none}}.ordenes-page{width:100%;max-width:100%;overflow-x:hidden}.ordenes-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1100px){.ordenes-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.ordenes-kpi-grid{grid-template-columns:minmax(0,1fr)}}.ordenes-table-shell{overflow-x:hidden}.pedidos-table--ordenes{table-layout:fixed;width:100%}.pedidos-table--ordenes col.col-orden{width:14%}.pedidos-table--ordenes col.col-cliente{width:24%}.pedidos-table--ordenes col.col-tipo{width:12%}.pedidos-table--ordenes col.col-fecha,.pedidos-table--ordenes col.col-monto,.pedidos-table--ordenes col.col-estado{width:14%}.pedidos-table--ordenes col.col-acciones{width:8%}.pedidos-table--ordenes .td-folio{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.pedidos-table--ordenes .td-fecha{white-space:nowrap;font-size:12px;color:#cbd5e1}.pedidos-table--ordenes .th-amount,.pedidos-table--ordenes .td-amount{text-align:right}.orden-folio-link,.subs-mobile-card__folio--btn{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600;color:#94a3b8;background:none;border:none;padding:0;cursor:pointer;text-align:left}.orden-folio-link:hover,.subs-mobile-card__folio--btn:hover{color:#e2e8f0;text-decoration:underline}.orden-amount-cell{display:inline-block;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:#e2e8f0}.order-tipo-badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;border-radius:6px;white-space:nowrap}.order-tipo-badge--plan{color:#93c5fd;background:#3b82f61f;border:1px solid rgba(59,130,246,.28)}.order-tipo-badge--timbres{color:#6ee7b7;background:#10b9811f;border:1px solid rgba(16,185,129,.28)}.order-tipo-badge--renovacion{color:#c4b5fd;background:#8b5cf61f;border:1px solid rgba(139,92,246,.28)}.order-tipo-badge--cupon{color:#f9a8d4;background:#ec48991f;border:1px solid rgba(236,72,153,.28)}.orden-detalle-hero__avatar{font-size:22px;font-weight:700;background:linear-gradient(135deg,#3b82f6d9,#2563ebf2);box-shadow:0 4px 16px #3b82f640}.orden-detalle-kpi-method,.orden-detalle-kpi-product{font-size:1rem;line-height:1.35}.orden-mobile-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:#94a3b8}@media (max-width: 900px){.subs-table-desktop.ordenes-table-shell{display:none}}@media (min-width: 901px){.ordenes-page .subs-mobile-list{display:none}}.usuarios-page--admins{width:100%;max-width:100%;overflow-x:hidden}.admins-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 900px){.admins-kpi-grid{grid-template-columns:minmax(0,1fr)}}.admins-table-shell{overflow-x:hidden}.pedidos-table--admins{table-layout:fixed;width:100%}.pedidos-table--admins col.col-admin{width:22%}.pedidos-table--admins col.col-correo{width:24%}.pedidos-table--admins col.col-rol,.pedidos-table--admins col.col-fecha{width:14%}.pedidos-table--admins col.col-estado{width:12%}.pedidos-table--admins col.col-acciones{width:14%}.pedidos-table--admins .td-correo{font-size:13px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pedidos-table--admins .td-correo a{color:inherit;text-decoration:none}.pedidos-table--admins .td-correo a:hover{color:#e2e8f0;text-decoration:underline}.pedidos-table--admins .td-fecha{white-space:nowrap;font-size:12px;color:#cbd5e1}.admin-role-badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;border-radius:6px;white-space:nowrap}.admin-role-badge--super{color:#fcd34d;background:#eab3081f;border:1px solid rgba(234,179,8,.35)}.admin-role-badge--admin{color:#93c5fd;background:#3b82f61f;border:1px solid rgba(59,130,246,.28)}.admin-role-badge--soporte{color:#a5b4fc;background:#6366f11f;border:1px solid rgba(99,102,241,.28)}.admin-role-badge--default{color:#94a3b8;background:#94a3b81f;border:1px solid rgba(148,163,184,.2)}.badge-2fa{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;border-radius:6px}.badge-2fa-active{color:#6ee7b7;background:#10b9811f}.badge-2fa-inactive{color:#94a3b8;background:#94a3b81f}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:44px}.password-toggle-btn{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:none;color:#94a3b8;cursor:pointer}.password-strength-bar{display:flex;gap:4px;margin-bottom:4px}.password-strength-bar span{flex:1;height:4px;border-radius:2px;background:#334155}.password-strength-bar span.filled.weak{background:#ef4444}.password-strength-bar span.filled.fair{background:#f59e0b}.password-strength-bar span.filled.good{background:#3b82f6}.password-strength-bar span.filled.strong{background:#22c55e}.password-strength-label{font-size:12px;color:#94a3b8}@media (max-width: 900px){.subs-table-desktop.admins-table-shell{display:none}}.admin-mobile-correo{margin:0 0 8px;font-size:13px;color:#94a3b8}.admin-mobile-correo a{color:inherit;text-decoration:none}.subs-mobile-card__folio--btn{cursor:pointer;background:none;border:none;padding:0;font-family:inherit;font-weight:600;color:#94a3b8}.subs-mobile-card__folio--btn:hover{color:#e2e8f0}@media (min-width: 901px){.usuarios-page--admins .subs-mobile-list{display:none}}.admin-usuarios-page{width:100%}.admin-usuarios-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.admin-usuarios-header h2{font-size:20px;font-weight:600;color:var(--color-text-primary)}.badge-2fa{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:9999px;font-weight:500}.badge-2fa-active{background-color:#22c55e26;color:#22c55e}.badge-2fa-inactive{background-color:#9ca3af26;color:#9ca3af}.password-strength{margin-top:8px}.password-strength-bar{display:flex;gap:4px;height:6px;border-radius:3px;overflow:hidden;background-color:var(--color-border, #334155)}.password-strength-bar span{flex:1;background-color:#334155;transition:background-color .2s ease}.password-strength-bar span.filled.weak{background-color:#dc2626}.password-strength-bar span.filled.medium{background-color:#eab308}.password-strength-bar span.filled.strong{background-color:#22c55e}.password-strength-bar span.filled.very-strong{background-color:#16a34a}.password-strength-label{font-size:12px;color:var(--color-text-muted, #9ca3af);margin-top:6px}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:40px}.password-toggle-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:none;background:transparent;color:var(--color-text-muted, #9ca3af);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:4px}.password-toggle-btn:hover{color:var(--color-text-primary, #f3f4f6)}.config-page{width:100%}.config-section{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:24px;margin-bottom:24px}.config-section h2{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.config-section p{color:var(--color-text-secondary);font-size:14px;margin-bottom:20px}.twofa-status{display:flex;align-items:center;gap:12px;margin-bottom:20px}.twofa-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:13px;font-weight:500}.twofa-status-badge.active{background-color:#22c55e26;color:#22c55e}.twofa-status-badge.inactive{background-color:#9ca3af26;color:#9ca3af}.qr-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background-color:var(--color-bg-primary);border-radius:8px;margin-bottom:20px}.qr-container img{border-radius:8px}.qr-container .secret-key{font-family:monospace;font-size:14px;color:var(--color-text-secondary);background-color:var(--color-bg-secondary);padding:8px 16px;border-radius:6px;letter-spacing:2px}.verify-2fa-form{display:flex;gap:12px;align-items:flex-end}.verify-2fa-form .form-group{flex:1;max-width:200px;margin-bottom:0}.disable-2fa-form{display:flex;gap:12px;align-items:flex-end;margin-top:16px}.disable-2fa-form .form-group{flex:1;max-width:250px;margin-bottom:0}.issuer-page{width:100%}.issuer-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.issuer-page .page-title{margin:0}.issuer-page .page-subtitle{margin:8px 0 0;color:var(--color-text-secondary);font-size:14px}.issuer-page .header-actions{display:flex;gap:10px}.config-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:20px}.issuer-callout{margin:0 0 18px;padding:12px 14px;border-radius:8px;border:1px solid rgba(59,130,246,.35);background:#3b82f614;color:var(--color-text-secondary);font-size:13px;line-height:1.5}.issuer-callout strong{color:var(--color-text-primary)}.meta-row{display:flex;gap:10px;align-items:center;margin-bottom:8px}.meta-hint{margin:0 0 16px;font-size:12px;color:var(--color-text-muted)}.meta-hint code{font-size:11px;word-break:break-all}.meta-label{color:var(--color-text-secondary);font-size:13px}.meta-badge{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--color-border);color:var(--color-text-primary)}.meta-badge.DB{background:#22c55e1f;border-color:#22c55e40;color:#16a34a}.meta-badge.ENV{background:#3b82f61f;border-color:#3b82f640;color:#2563eb}.meta-badge.UNSET{background:#9ca3af1f;border-color:#9ca3af40;color:#6b7280}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-group label{display:block;font-size:13px;color:var(--color-text-secondary);margin-bottom:6px}.form-group input{width:100%;border:1px solid var(--color-border);border-radius:10px;padding:10px 12px;background:var(--color-bg-primary);color:var(--color-text-primary);outline:none}.form-group small{display:block;margin-top:6px;font-size:12px;color:var(--color-text-secondary)}@media (max-width: 900px){.form-grid{grid-template-columns:1fr}.issuer-page .page-header{flex-direction:column}}.distribuidores-page{width:100%;max-width:100%;overflow-x:hidden}.distribuidores-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1100px){.distribuidores-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.distribuidores-kpi-grid{grid-template-columns:minmax(0,1fr)}}.distribuidores-table-shell{overflow-x:hidden}.pedidos-table--distribuidores{table-layout:fixed;width:100%}.pedidos-table--distribuidores col.col-distribuidor{width:20%}.pedidos-table--distribuidores col.col-plan{width:12%}.pedidos-table--distribuidores col.col-clientes{width:10%}.pedidos-table--distribuidores col.col-com-pend,.pedidos-table--distribuidores col.col-com-pag{width:16%}.pedidos-table--distribuidores col.col-estado{width:12%}.pedidos-table--distribuidores col.col-acciones{width:14%}.pedidos-table--distribuidores .th-clientes,.pedidos-table--distribuidores .td-clientes{text-align:center}.dist-commissions-cell{display:flex;flex-direction:column;gap:4px;font-size:12px}.dist-commissions-cell__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px}.dist-commissions-cell__label{color:#64748b;font-weight:500}.dist-commissions-cell__value{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.dist-commissions-cell__value--pending{color:#fcd34d}.dist-commissions-cell__value--paid{color:#6ee7b7}.pedidos-table--distribuidores .th-amount,.pedidos-table--distribuidores .td-amount{text-align:right}.dist-money-cell{display:inline-block;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.dist-money-cell--pending{color:#fcd34d}.dist-money-cell--paid{color:#6ee7b7}.distribuidores-toolbar__filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dist-filter-chip{padding:6px 14px;font-size:13px;font-weight:600;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:#0f172a80;color:#94a3b8;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.dist-filter-chip:hover{color:#e2e8f0;border-color:#94a3b866}.dist-filter-chip--active{color:#e2e8f0;background:#3b82f633;border-color:#3b82f673}.distribuidor-detalle-hero__avatar{background:linear-gradient(135deg,#22c55ed9,#16a34af2);box-shadow:0 4px 16px #22c55e40}.dist-codigo-badge{display:inline-block;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600;color:#a7f3d0;background:#22c55e1f;border:1px solid rgba(34,197,94,.28);border-radius:6px}.dist-rendimiento-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 4px 4px}@media (max-width: 768px){.dist-rendimiento-grid{grid-template-columns:minmax(0,1fr)}}.dist-rendimiento-card{padding:16px}.dist-chart-section .dist-chart-inner{height:220px;min-height:220px}.dist-commission-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:0 4px}.dist-alert-fraud{margin:0 16px 12px;padding:10px 12px;font-size:13px;color:#fca5a5;background:#ef44441a;border-left:3px solid #ef4444;border-radius:4px}.dist-payout-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.cliente-detalle-card__subtitle{margin:4px 0 0;font-size:12px;color:#94a3b8;font-weight:400}@media (max-width: 900px){.subs-table-desktop.distribuidores-table-shell{display:none}}@media (min-width: 901px){.distribuidores-page .subs-mobile-list{display:none}}:root{--color-bg-primary: #0F172A;--color-bg-secondary: #1E293B;--color-bg-tertiary: #334155;--color-border: #334155;--color-border-hover: #475569;--color-text-primary: #F9FAFB;--color-text-secondary: #D1D5DB;--color-text-muted: #9CA3AF;--color-text-placeholder: #6B7280;--color-accent: #44A717;--color-accent-hover: #3a8f14;--color-danger: #EF4444;--color-danger-hover: #DC2626;--color-warning-bg: #FEF3C7;--color-warning-text: #92400E;--color-success-bg: rgba(68, 167, 23, .2);--color-success-text: #44A717;--color-danger-bg: rgba(239, 68, 68, .2);--color-danger-text: #EF4444}.page-title{font-size:28px;font-weight:600;color:var(--color-text-primary)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.table-container{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}@media (max-width: 767px){.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}}table{width:100%;border-collapse:collapse}thead{background-color:var(--color-bg-primary)}th{padding:16px;text-align:left;font-weight:600;color:var(--color-text-primary);font-size:14px;border-bottom:1px solid var(--color-border)}td{padding:16px;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:14px}tbody tr:hover{background-color:var(--color-bg-tertiary)}tbody tr:last-child td{border-bottom:none}.no-results{text-align:center;padding:40px 16px!important;color:var(--color-text-muted);font-style:italic}.btn-primary{background-color:#1f2937;color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;transition:background-color .2s ease}.btn-primary:hover{background-color:#374151}.action-buttons{display:flex;gap:8px;align-items:center}.btn-edit{background-color:var(--color-accent);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;transition:background-color .2s ease}.btn-edit:hover{background-color:var(--color-accent-hover)}.btn-delete{background-color:var(--color-danger);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;transition:background-color .2s ease}.btn-delete:hover{background-color:var(--color-danger-hover)}.action-buttons .btn-edit,.action-buttons .btn-delete,.action-buttons .btn-primary{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:34px;padding:8px;line-height:0}.btn-cancel{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;border:1px solid var(--color-border-hover);transition:background-color .2s ease}.btn-cancel:hover{background-color:var(--color-border-hover)}.link-button{background:none;border:none;color:var(--color-accent);text-decoration:underline;cursor:pointer;font-size:14px;padding:0}.link-button:hover{color:var(--color-accent-hover)}.badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.badge-success{background-color:var(--color-success-bg);color:var(--color-success-text)}.badge-danger{background-color:var(--color-danger-bg);color:var(--color-danger-text)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.codigo-badge{display:inline-block;padding:4px 10px;background-color:var(--color-bg-tertiary);border-radius:6px;font-weight:600;color:var(--color-accent);font-size:13px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background-color:var(--color-bg-secondary);border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid var(--color-border)}.modal-header{padding:24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:20px;font-weight:600;color:var(--color-text-primary)}.modal-close{background:none;border:none;font-size:32px;color:var(--color-text-muted);cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--color-text-primary)}.modal-form,.modal-body{padding:24px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.form-group{margin-bottom:20px}.form-group label:not(.checkbox-label){display:block;margin-bottom:8px;font-weight:500;color:var(--color-text-primary);font-size:14px}.form-group input:not([type=checkbox]),.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .2s ease;font-family:Poppins,sans-serif}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-accent);background-color:var(--color-bg-primary)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-placeholder)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-label,.form-group label.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:0}.checkbox-label input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px!important;height:18px;min-width:18px;padding:0!important;border:2px solid var(--color-border);border-radius:4px;background-color:var(--color-bg-primary);cursor:pointer;position:relative;transition:all .15s ease;margin:0}.checkbox-label input[type=checkbox]:hover{border-color:var(--color-accent)}.checkbox-label input[type=checkbox]:checked{background-color:var(--color-accent);border-color:var(--color-accent)}.checkbox-label input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label span{font-size:14px;color:var(--color-text-secondary)}.form-error{color:var(--color-danger);font-size:12px;margin-top:4px}.search-container{display:flex;align-items:center}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--color-text-muted);pointer-events:none}.search-input{padding:10px 12px 10px 40px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background-color:var(--color-bg-secondary);color:var(--color-text-primary);width:300px;transition:border-color .2s ease;font-family:Poppins,sans-serif}.search-input:focus{outline:none;border-color:var(--color-accent)}.search-input::placeholder{color:var(--color-text-placeholder)}.breadcrumb{margin-bottom:24px;display:flex;align-items:center;gap:8px}.breadcrumb button{background:none;border:none;color:var(--color-accent);font-weight:500;cursor:pointer;padding:0}.breadcrumb span{color:var(--color-text-muted)}.tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--color-border)}.tab{background:none;border:none;padding:12px 24px;font-size:14px;font-weight:500;color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab:hover{color:var(--color-text-primary)}.tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.detail-group{margin-bottom:20px}.detail-group label{display:block;font-weight:600;color:var(--color-text-primary);margin-bottom:8px;font-size:14px}.detail-group p{color:var(--color-text-secondary);font-size:14px}.detail-group .monto{font-size:18px;font-weight:600;color:var(--color-text-primary)}.loading-container{display:flex;align-items:center;justify-content:center;padding:60px 0}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary .btn-spinner,.btn-primary .spinner-inline{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:8px}.btn-primary:disabled .btn-spinner,.btn-primary:disabled .spinner-inline{margin-right:6px}.btn-primary .btn-spinner+span,.btn-primary .spinner-inline+span{vertical-align:middle}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px;border-top:1px solid var(--color-border)}.pagination button{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;background-color:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all .2s ease}.pagination button:hover:not(:disabled){background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:var(--color-text-muted);font-size:13px}.confirm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-confirm-danger{background-color:var(--color-danger);color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;transition:background-color .2s ease}.btn-confirm-danger:hover{background-color:var(--color-danger-hover)}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.search-input{width:200px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6}#root{width:100%;min-height:100vh}button{font-family:Poppins,sans-serif;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:Poppins,sans-serif}