*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f6f6f3;--surface: #ffffff;--line: #e7e6e1;--line-soft: #efeeea;--ink: #0e1116;--ink-2: #3a4047;--ink-3: #6b7280;--accent: #2c5cff;--green: #16a34a;--green-soft: #e7f6ec;--amber: #b45309;--amber-soft: #fdf3e0;--red: #c0362c;--red-soft: #fbe9e6;--whatsapp: #22c45e;--r-sm: 6px;--r: 10px;--r-lg: 12px;--r-pill: 999px;--shadow-card: 0 1px 3px rgba(0,0,0,.04);--primary: #2c5cff;--primary-light: #e6efff;--primary-dark: #1a3fd4;--teal: #16a34a;--teal-light: #e7f6ec;--red-light: #fbe9e6;--yellow: #b45309;--yellow-light: #fdf3e0;--blue: #2c5cff;--blue-light: #e6efff;--border: #e7e6e1;--border-strong: #d5d4ce;--text: #0e1116;--text-2: #3a4047;--text-3: #6b7280;--navy: #0e1116;--navy2: #1c2128;--sidebar-full: 232px;--sidebar-mini: 64px;--bottom-nav-h: 60px;--topbar-h: 60px;--radius: var(--r-lg);--radius-sm: var(--r);--radius-xs: var(--r-sm);--trans: .22s cubic-bezier(.4, 0, .2, 1)}html,body,#root{height:100%;font-family:Geist,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}.app{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.page-body{flex:1;overflow-y:auto;padding:20px 32px 32px}.sidebar{width:var(--sidebar-full);background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width var(--trans);position:relative;z-index:50}.sidebar.collapsed{width:var(--sidebar-mini)}.sidebar-logo{padding:18px 16px 16px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:10px;min-height:70px;overflow:hidden}.sidebar-logo-icon{width:32px;height:32px;background:var(--ink);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo-icon svg{width:16px;height:16px}.sidebar-logo-text{overflow:hidden;white-space:nowrap;transition:opacity var(--trans),width var(--trans)}.sidebar-logo-text h1{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.01em;line-height:1.15}.sidebar-logo-text p{font-size:11px;color:var(--ink-3);margin-top:1px}.sidebar.collapsed .sidebar-logo-text{opacity:0;width:0}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar-toggle{position:absolute;top:18px;right:-12px;width:24px;height:24px;background:var(--surface);border:1.5px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:60;transition:background var(--trans),box-shadow var(--trans);box-shadow:0 1px 4px #00000014}.sidebar-toggle:hover{background:var(--line-soft)}.sidebar-toggle svg{width:12px;height:12px;transition:transform var(--trans);stroke:var(--ink-2)!important}.sidebar.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.nav-section{font-size:10px;color:var(--ink-3);padding:14px 18px 5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;white-space:nowrap;overflow:hidden;transition:opacity var(--trans),padding var(--trans)}.sidebar.collapsed .nav-section{opacity:0;padding-top:10px;padding-bottom:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;font-weight:450;color:var(--ink-2);cursor:pointer;text-decoration:none;transition:background var(--trans),color var(--trans);border-left:2px solid transparent;background:none;width:100%;border-top:none;border-right:none;border-bottom:none;font-family:inherit;white-space:nowrap;overflow:hidden;position:relative;border-radius:8px}.nav-item:hover{color:var(--ink);background:var(--line-soft)}.nav-item.active{color:var(--ink);background:var(--line-soft);font-weight:550;border-radius:0 8px 8px 0;border-left-color:var(--accent);margin-left:-12px;padding-left:22px;width:calc(100% + 12px)}.nav-item svg{width:17px;height:17px;flex-shrink:0}.nav-item-label{overflow:hidden;white-space:nowrap;transition:opacity var(--trans),width var(--trans),margin var(--trans)}.sidebar.collapsed .nav-item-label{opacity:0;width:0;margin-left:-10px}.sidebar.collapsed .nav-item{justify-content:center;border-left-color:transparent;border-radius:8px;margin-left:0;width:100%;padding:9px}.sidebar.collapsed .nav-item.active{border-left-color:transparent;margin:0 4px;width:calc(100% - 8px)}.nav-badge{margin-left:auto;background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center;flex-shrink:0;transition:opacity var(--trans)}.nav-badge.amber{background:var(--accent)}.sidebar.collapsed .nav-badge{opacity:0;width:0;overflow:hidden;padding:0;min-width:0}.sidebar.collapsed .nav-item:after{content:attr(data-label);position:absolute;left:calc(var(--sidebar-mini) - 4px);top:50%;transform:translateY(-50%);background:var(--ink);color:#fff;font-size:12px;font-weight:500;padding:6px 10px;border-radius:var(--r-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:0 4px 12px #0003;z-index:100}.sidebar.collapsed .nav-item:hover:after{opacity:1}.gym-pill{margin:auto 12px 16px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:8px;padding:8px 10px;display:flex;align-items:center;gap:10px;overflow:hidden;transition:padding var(--trans)}.sidebar.collapsed .gym-pill{padding:8px;justify-content:center;margin:auto 8px 16px}.gym-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.gym-pill-text{overflow:hidden;white-space:nowrap;transition:opacity var(--trans),width var(--trans)}.gym-pill-text strong{font-size:12.5px;color:var(--ink);font-weight:550;display:block;line-height:1.2}.gym-pill-text span{font-size:11px;color:var(--green)}.sidebar.collapsed .gym-pill-text{opacity:0;width:0}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);z-index:100;padding:6px 4px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));height:auto}.bn-inner{display:flex;align-items:flex-start;justify-content:space-around;gap:0}.bn-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 2px 8px;border:none;background:none;cursor:pointer;font-family:inherit;color:var(--ink-3);position:relative;transition:color var(--trans);-webkit-tap-highlight-color:transparent}.bn-tab.active{color:var(--accent)}.bn-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.bn-icon svg{width:22px;height:22px}.bn-label{font-size:10px;font-weight:600;line-height:1;white-space:nowrap}.bn-tab.active:before{content:"";position:absolute;top:0;left:22%;right:22%;height:2px;background:var(--accent);border-radius:0 0 2px 2px}.bn-center.active:before{display:none}.bn-center{flex:0 0 72px}.bn-pill-wrap{width:46px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:999px;box-shadow:0 4px 12px #2c5cff4d;transition:box-shadow var(--trans),transform var(--trans)}.bn-pill-wrap svg{width:17px;height:17px;stroke:#fff}.bn-center .bn-label{color:var(--ink-2);font-weight:600}.bn-center.active .bn-pill-wrap{box-shadow:0 6px 18px #2c5cff6b;transform:translateY(-1px)}.bn-dot{position:absolute;top:5px;right:calc(50% - 16px);width:7px;height:7px;border-radius:50%;background:var(--red);border:1.5px solid var(--surface);pointer-events:none}.bn-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:200;display:flex;align-items:flex-end;animation:bn-fade-in .18s ease}@keyframes bn-fade-in{0%{opacity:0}to{opacity:1}}.bn-sheet{width:100%;background:var(--surface);border-radius:20px 20px 0 0;padding:0 0 calc(16px + env(safe-area-inset-bottom,0px));animation:bn-slide-up .22s cubic-bezier(.4,0,.2,1);box-shadow:0 -4px 24px #0000001a}@keyframes bn-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bn-sheet-handle{width:36px;height:4px;background:var(--line);border-radius:999px;margin:10px auto 0}.bn-sheet-title{font-size:12px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;padding:14px 20px 8px}.bn-sheet-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 20px;border:none;background:none;cursor:pointer;font-family:inherit;text-align:left;transition:background var(--trans);-webkit-tap-highlight-color:transparent;border-top:1px solid var(--line-soft)}.bn-sheet-item:first-of-type{border-top:none}.bn-sheet-item:hover,.bn-sheet-item:active,.bn-sheet-item.active{background:var(--line-soft)}.bn-sheet-ico{width:40px;height:40px;border-radius:10px;background:var(--line-soft);color:var(--ink-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--trans)}.bn-sheet-ico svg{width:20px;height:20px}.bn-sheet-item.active .bn-sheet-ico{background:var(--accent);color:#fff}.bn-sheet-item.active .bn-sheet-ico svg{stroke:#fff}.bn-sheet-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.bn-sheet-name{font-size:14px;font-weight:600;color:var(--ink)}.bn-sheet-desc{font-size:12px;color:var(--ink-3)}.bn-sheet-item.active .bn-sheet-name{color:var(--accent)}.bn-sheet-arrow{color:var(--ink-3);display:flex;align-items:center}.bn-sheet-arrow svg{width:16px;height:16px}.bn-sheet-divider{height:1px;background:var(--line);margin:4px 0}.bn-sheet-item--danger:hover,.bn-sheet-item--danger:active{background:var(--red-soft)}.bn-sheet-ico--danger{background:var(--red-soft)!important;color:var(--red)!important}.bn-sheet-name--danger{color:var(--red)!important}.topbar{background:var(--surface);border-bottom:1px solid var(--line);padding:0 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:var(--topbar-h);gap:12px}.topbar h2{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.4px;line-height:1.2}.topbar p{font-size:11px;color:var(--ink-3);margin-top:1px}.topbar-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--r);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;border:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px #0000000f}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 12px #2c5cff40}.btn-secondary{background:none;border:1px solid var(--line);color:var(--ink-2)}.btn-secondary:hover{background:var(--line-soft)}.btn-wa{background:var(--whatsapp);color:#fff}.btn-wa:hover{background:#1cab52;box-shadow:0 4px 12px #22c45e4d}.btn-sm{padding:5px 11px;font-size:11px}.card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow-card)}.card-head{padding:14px 18px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between}.card-head h4{font-size:13px;font-weight:700;color:var(--ink)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.kpi-grid-3{grid-template-columns:repeat(3,1fr)}.kpi-card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--line);padding:18px 18px 14px;display:flex;flex-direction:column;gap:10px;min-height:124px;position:relative;overflow:hidden;min-width:0;transition:box-shadow var(--trans)}.kpi-card:hover{box-shadow:var(--shadow-card)}.kpi-stripe{display:none}.kpi-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.kpi-icon svg{width:18px;height:18px}.kpi-val{font-size:clamp(1.4rem,5vw,2.25rem);font-weight:600;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums;min-width:0;overflow:hidden;text-overflow:ellipsis}.kpi-lbl{font-size:11.5px;color:var(--ink-3);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.kpi-trend{font-size:11px;margin-top:4px;font-weight:600}.dash-header{padding:20px 32px 0}.dash-header-fab{display:none}.banner-actions{display:flex;gap:8px;flex-shrink:0}.banner{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--red);border-radius:var(--r-lg);padding:14px 18px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.banner h3{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px}.banner p{font-size:12.5px;color:var(--ink-3);line-height:1.5}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.caja-cols{display:flex;gap:24px}.caja-cols>*{flex:1}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:500px}th{font-size:10px;color:var(--ink-3);font-weight:700;padding:10px 16px;text-align:left;background:var(--bg);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}td{font-size:13px;padding:12px 16px;border-bottom:1px solid var(--line-soft);color:var(--ink);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background var(--trans)}tbody tr:hover td{background:var(--line-soft)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-pill);font-size:11.5px;font-weight:550}.badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-green{background:var(--green-soft);color:var(--green)}.badge-green:before{background:var(--green)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-red:before{background:var(--red)}.badge-yellow{background:var(--amber-soft);color:var(--amber)}.badge-yellow:before{background:var(--amber)}.badge-gray{background:var(--line-soft);color:var(--ink-3)}.badge-gray:before{background:var(--ink-3)}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.alert-row{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--line-soft);transition:background var(--trans)}.alert-row:first-of-type{border-top:none}.alert-row:hover{background:var(--line-soft)}.alert-info{flex:1;min-width:0}.alert-name{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-sub{font-size:11px;color:var(--ink-3);margin-top:2px}.search-wrap{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-input{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;background:var(--bg);border-radius:var(--r-sm);padding:8px 12px;border:1px solid var(--line);transition:border-color var(--trans),box-shadow var(--trans)}.search-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2c5cff1f}.search-input input{border:none;outline:none;background:none;font-size:13px;color:var(--ink);flex:1;font-family:inherit}.filter-pill{padding:5px 12px;border-radius:var(--r-pill);font-size:11px;font-weight:600;cursor:pointer;border:1px solid var(--line);color:var(--ink-3);background:none;transition:all .15s;font-family:inherit}.filter-pill:hover{border-color:var(--accent);color:var(--accent)}.filter-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.plan-row{display:flex;align-items:center;gap:10px;padding:0 16px;margin-bottom:12px}.plan-name-col{font-size:12px;color:var(--ink);font-weight:600;width:85px;flex-shrink:0}.plan-bar-bg{flex:1;height:6px;background:var(--line-soft);border-radius:3px;overflow:hidden}.plan-bar-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}.plan-count-col{font-size:12px;color:var(--ink-3);font-weight:600;width:28px;text-align:right}.plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan-card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--line);padding:20px;transition:box-shadow var(--trans),transform var(--trans)}.plan-card:hover{box-shadow:0 4px 16px #0000000f;transform:translateY(-1px)}.plan-card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;color:var(--ink-3)}.plan-card-price{font-size:28px;font-weight:700;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.plan-card-price span{font-size:13px;font-weight:500;color:var(--ink-3)}.plan-card-features{margin:12px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.plan-card-features p{font-size:12px;color:var(--ink-3);margin-bottom:4px}.plan-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.wa-chat{background:#0d1117;border-radius:var(--r-lg);padding:16px}.wa-header{font-size:10px;color:#ffffff4d;margin-bottom:10px}.wa-bubble{background:#1a4731;border-radius:12px 12px 12px 0;padding:12px 14px;display:inline-block;max-width:90%}.wa-bubble p{font-size:12px;color:#e2f4ec;line-height:1.6}.wa-time{font-size:10px;color:#ffffff40;margin-top:6px;display:flex;align-items:center;gap:4px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.toggle-row:last-child{border-bottom:none}.toggle-row strong{font-size:13px;color:var(--ink);font-weight:600;display:block}.toggle-row span{font-size:11px;color:var(--ink-3)}.toggle{width:40px;height:22px;border-radius:11px;position:relative;cursor:pointer;transition:background var(--trans);border:none;flex-shrink:0}.toggle.on{background:var(--green)}.toggle.off{background:var(--border-strong)}.toggle-knob{position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:2px;transition:left var(--trans);box-shadow:0 1px 4px #0003}.toggle.on .toggle-knob{left:20px}.toggle.off .toggle-knob{left:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:16px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:16px;padding:24px;width:100%;max-width:420px;border:1px solid var(--line);animation:slideUp .2s cubic-bezier(.4,0,.2,1);max-height:calc(100vh - 32px);overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal h3{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:4px}.modal>p{font-size:12px;color:var(--ink-3);margin-bottom:20px}.field{margin-bottom:14px}.field label{font-size:11px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:5px}.field input,.field select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);font-size:13px;color:var(--ink);background:var(--surface);outline:none;transition:border-color var(--trans),box-shadow var(--trans);font-family:inherit}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2c5cff24}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.modal-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-title{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:10px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.member-cell{display:flex;align-items:center;gap:10px}.member-cell strong{font-size:13px;font-weight:600;display:block;line-height:1.3}.member-cell small{font-size:11px;color:var(--ink-3)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-bottom:1px solid var(--line);transition:background var(--trans)}.stat-row:hover{background:var(--line-soft)}.stat-row:last-child{border-bottom:none}.stat-row span{font-size:13px;color:var(--ink-3)}.stat-row strong{font-size:13px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.mobile-cards{display:none}.member-topbar{background:var(--surface);border-bottom:1px solid var(--line);padding:0 20px;display:flex;align-items:center;justify-content:space-between;min-height:60px;gap:12px;flex-shrink:0}.member-topbar-actions{display:flex;gap:8px;flex-shrink:0}@media (max-width: 1024px){.kpi-grid,.kpi-grid-3,.plan-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{display:none}.bottom-nav{display:block}.sidebar-toggle{display:none}.main-content{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}.page-body{padding:0 16px;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.topbar{padding:0 14px;height:54px}.topbar h2{font-size:15px}.topbar p,.topbar-actions .btn-secondary{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-bottom:16px!important}.kpi-grid-3{grid-template-columns:repeat(2,1fr)}.kpi-val{font-size:clamp(1.3rem,7vw,1.75rem)}.kpi-card{padding:14px;min-height:100px}.kpi-icon{width:30px;height:30px;margin-bottom:4px}.kpi-icon svg{width:15px;height:15px}.banner{flex-direction:column;align-items:flex-start;gap:12px}.banner h3{font-size:14px}.banner-actions{display:flex;flex-direction:column;gap:8px;width:100%;flex-shrink:unset}.banner-actions button{width:100%;justify-content:center}.dash-header{padding:14px 16px 0!important}.dash-header-actions{display:none!important}.dash-header-fab{display:flex!important}.two-col{grid-template-columns:1fr}.caja-cols{flex-direction:column;gap:16px}input[type=date].caja-date{width:100%;box-sizing:border-box}.plan-cards{grid-template-columns:1fr}.table-wrap{display:none}.mobile-cards{display:block}.modal{max-width:100%;border-radius:16px 16px 0 0}.modal-overlay{align-items:flex-end;padding:0}.field-row{grid-template-columns:1fr}.member-topbar{padding:10px 14px;flex-wrap:wrap;min-height:auto;gap:8px}.member-topbar-actions{width:100%;justify-content:flex-end}.member-topbar-actions .btn{padding:6px 10px;font-size:12px}.member-topbar-hide,.member-topbar-text,.member-topbar-sub{display:none}.modal-grid-2{grid-template-columns:1fr}.search-wrap{padding:10px 12px;gap:6px}.search-input{min-width:0}.alert-row .btn{padding:4px 8px;font-size:10px}}@media (max-width: 480px){.search-wrap{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-right:20px}.search-wrap::-webkit-scrollbar{display:none}.search-input{flex-shrink:0;min-width:160px}.filter-pill{flex-shrink:0}.kpi-grid{gap:8px}}html.dark{color-scheme:dark;--bg: #0D1117;--surface: #161B22;--line: #21262D;--line-soft: #1C2128;--ink: #E6EDF3;--ink-2: #8B949E;--ink-3: #6E7681;--accent: #58A6FF;--green: #3FB950;--green-soft: rgba(63,185,80,.12);--amber: #E3B341;--amber-soft: rgba(227,179,65,.12);--red: #F85149;--red-soft: rgba(248,81,73,.12);--whatsapp: #2EA043;--primary: #58A6FF;--primary-dark: #388BFD;--primary-light: rgba(88,166,255,.12);--teal: #3FB950;--teal-light: rgba(63,185,80,.12);--red-light: rgba(248,81,73,.12);--yellow: #E3B341;--yellow-light: rgba(227,179,65,.12);--border: #21262D;--border-strong: #30363D;--text: #E6EDF3;--text-2: #8B949E;--text-3: #6E7681;--navy: #0A0D14;--navy2: #1C2128;--surface-2: #1C2128}html.dark body,html.dark #root,html.dark .app,html.dark .main-content,html.dark .page-body{background:var(--bg);color:var(--ink)}html.dark [style*="background: #fff"],html.dark [style*="background:#fff"],html.dark [style*="background: white"],html.dark [style*="background: rgb(255, 255, 255)"],html.dark [style*="background-color: rgb(255, 255, 255)"]{background:var(--surface)!important}html.dark [style*="background: #FAFBFC"],html.dark [style*="background:#FAFBFC"],html.dark [style*="background: rgb(250, 251, 252)"]{background:var(--surface-2)!important}html.dark [style*="color: #1A2332"],html.dark [style*="color:#1A2332"]{color:var(--ink)!important}html.dark [style*="color: #5A6476"],html.dark [style*="color:#5A6476"]{color:var(--ink-2)!important}html.dark [style*="color: #9AA0AC"],html.dark [style*="color:#9AA0AC"]{color:var(--ink-3)!important}html.dark [style*="border: 1px solid #E4E8EE"],html.dark [style*="border:1px solid #E4E8EE"],html.dark [style*="border-bottom: 1px solid #E4E8EE"],html.dark [style*="border-top: 1px solid #E4E8EE"],html.dark [style*="border-bottom: 1px solid #F0F2F5"],html.dark [style*="border: 1px solid #F0F2F5"],html.dark [style*="border: 1.5px solid #C8CDD6"],html.dark [style*="border: 1.5px solid #E4E8EE"]{border-color:var(--border)!important}html.dark input:not([type=checkbox]):not([type=radio]),html.dark textarea,html.dark select{background:var(--surface-2)!important;color:var(--ink)!important;border-color:var(--border-strong)!important}html.dark input::placeholder,html.dark textarea::placeholder{color:var(--ink-3)!important}html.dark th{background:var(--surface-2)!important;color:var(--ink-3);border-bottom:1px solid var(--border)}html.dark td{border-color:var(--border);color:var(--ink)}html.dark tbody tr:hover td{background:var(--surface-2)!important}html.dark tr:last-child td{border-bottom:none}html.dark .alert-row:hover,html.dark .stat-row:hover{background:var(--surface-2)!important}html.dark [style*="background: #FEF0F0"],html.dark [style*="background:#FEF0F0"],html.dark [style*="background: #fbe9e6"],html.dark [style*="background:#fbe9e6"]{background:#f851491a!important;border-color:#f8514933!important}html.dark [style*="background: #E0FAF4"],html.dark [style*="background:#E0FAF4"],html.dark [style*="background: #e7f6ec"],html.dark [style*="background:#e7f6ec"]{background:#3fb9501a!important}html.dark [style*="background: #fdf3e0"],html.dark [style*="background:#fdf3e0"]{background:#e3b3411a!important}html.dark ::-webkit-scrollbar{width:6px;height:6px}html.dark ::-webkit-scrollbar-track{background:transparent}html.dark ::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}html.dark ::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}html.dark .bn-sheet{background:var(--surface)}html.dark .bn-sheet-handle{background:var(--border-strong)}html.dark .bn-sheet-ico{background:var(--surface-2);color:var(--ink-2)}html.dark .bn-sheet-item:hover,html.dark .bn-sheet-item.active{background:var(--surface-2)}html.dark .bn-dot{border-color:var(--surface)}