*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FFFFFF;--bg-soft: #FAFAFA;--bg-hover: #F5F5F5;--border: #E6E6E6;--border-soft: #E0E0E0;--text-primary: #0F0F0F;--text-secondary: #3A3A3A;--text-muted: #8A8A8A;--accent: #1F1F1F;--green: #2F7D32;--amber: #A05C00;--red: #991F1F;--blue-dark: #1C2B4A;--font: -apple-system, "Inter", system-ui, sans-serif;--radius-sm: 4px;--radius: 6px}html,body,#root{height:100%;font-family:var(--font);font-size:14px;color:var(--text-primary);background:var(--bg-soft);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font)}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;flex-shrink:0;border-right:1px solid var(--border-soft);background:var(--bg);display:flex;flex-direction:column;height:100vh;overflow-y:auto}.sidebar-brand{padding:20px 20px 16px;border-bottom:1px solid var(--border-soft)}.sidebar-brand .name{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.sidebar-brand .sub{font-size:12px;color:var(--text-muted);margin-top:1px}.sidebar-section{padding:16px 12px 4px}.section-label{font-size:11px;font-weight:500;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;padding:0 8px 6px;display:block}.nav-item{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:var(--radius-sm);font-size:13.5px;color:var(--text-secondary);transition:background .1s}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-hover);color:var(--text-primary);font-weight:500}.nav-item .icon{width:15px;height:15px;opacity:.4;flex-shrink:0}.nav-item.active .icon{opacity:.85}.nav-item .count{margin-left:auto;font-size:11px;color:var(--text-muted)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border-soft);padding:12px}.client-chip{display:flex;align-items:center;gap:9px;padding:8px;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer}.client-chip:hover{background:var(--bg-soft)}.client-chip .avatar{width:22px;height:22px;border-radius:3px;background:var(--accent);color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-chip .info .client-name{font-size:12px;font-weight:500}.client-chip .info .client-role{font-size:11px;color:var(--text-muted)}.client-chip .caret{margin-left:auto;font-size:10px;color:var(--text-muted)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:48px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;padding:0 32px;gap:12px;flex-shrink:0}.topbar .page-title{font-size:14px;font-weight:600;letter-spacing:-.01em}.topbar .divider{width:1px;height:12px;background:var(--border)}.topbar .page-sub{font-size:12px;color:var(--text-muted)}.topbar .actions{margin-left:auto;display:flex;gap:6px}.page-content{box-sizing:border-box;width:100%;flex:1;overflow-y:auto;padding:28px 32px}.btn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 12px;font-size:12px;font-weight:500;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background .1s}.btn-primary{background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#111);color:#fff;box-shadow:0 2px 8px #00000040,inset 0 1px #ffffff14;border:none}.btn-primary:hover{background:linear-gradient(135deg,#111,#222,#000);box-shadow:0 4px 16px #00000059,inset 0 1px #ffffff14}.btn-ghost{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-soft)}.metrics-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:32px;overflow:hidden}.metric{padding:16px 20px;border-right:1px solid var(--border)}.metric:last-child{border-right:none}.metric .label{font-size:11px;color:var(--text-muted);margin-bottom:6px}.metric .value{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1}.metric .delta{font-size:11px;color:var(--text-muted);margin-top:4px}.metric .delta.up{color:var(--green)}.table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.table-title{font-size:13px;font-weight:500}.filters{display:flex;gap:2px}.filter-btn{font-size:11px;font-family:var(--font);color:var(--text-muted);padding:3px 8px;border-radius:var(--radius-sm);border:1px solid transparent;background:none;cursor:pointer}.filter-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.filter-btn.active{background:var(--bg-hover);color:var(--text-primary);font-weight:500;border-color:var(--border)}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:11px;font-weight:500;color:var(--text-muted);text-align:left;padding:0 12px 8px;border-bottom:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase}.data-table th:first-child{padding-left:0}.data-table td{font-size:13px;color:var(--text-secondary);padding:9px 12px;border-bottom:1px solid var(--border-soft);vertical-align:middle}.data-table td:first-child{padding-left:0}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--bg-soft)}.data-table .td-strong{color:var(--text-primary);font-weight:500}.data-table .td-mono{font-variant-numeric:tabular-nums;color:var(--text-primary)}.status-dot{display:inline-flex;align-items:center;gap:5px;font-size:12px}.dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.dot-green{background:var(--green)}.dot-amber{background:var(--amber)}.dot-red{background:var(--red)}.dot-gray{background:#bbb}.sena-ok{font-size:12px;color:var(--green)}.sena-no{font-size:12px;color:#bbb}.channel-tag{font-size:10px;color:var(--text-muted);border:1px solid var(--border);border-radius:3px;padding:1px 5px}.lead-status{font-size:11px;font-weight:500}.ls-new{color:var(--blue-dark)}.ls-ok{color:var(--green)}.ls-cold{color:var(--text-muted)}.login-page{background:var(--bg-soft);min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-box{background:#fff;border-radius:20px;width:100%;max-width:380px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;width:340px;border:1px solid var(--border);border-radius:var(--radius);padding:32px}.login-box h1{font-size:18px;font-weight:600;margin-bottom:4px}.login-box p{font-size:13px;color:var(--text-muted);margin-bottom:24px}.form-group{margin-bottom:14px}.form-group label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.form-group input{width:100%;height:34px;padding:0 10px;font-size:13px;font-family:var(--font);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-primary);outline:none}.form-group input:focus{border-color:#aaa}.login-error{font-size:12px;color:var(--red);margin-bottom:12px}.btn-login{background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#111);padding:13px;border-radius:var(--radius);font-size:14px;font-weight:600;letter-spacing:.02em;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff14;transition:all .2s;width:100%;height:34px;background:#1f1f1f;color:#fff;font-size:13px;font-weight:500;font-family:var(--font);border:none;border-radius:var(--radius-sm);cursor:pointer}.btn-login:hover{background:linear-gradient(135deg,#000,#1a1a1a,#000);box-shadow:0 6px 24px #0006,inset 0 1px #ffffff1a;transform:translateY(-1px)}.btn-login:disabled{opacity:.6;cursor:not-allowed}.state-empty,.state-loading{padding:48px 0;text-align:center;font-size:13px;color:var(--text-muted)}@media (max-width: 768px){.sidebar{display:none}.page-content{padding:16px}.topbar{padding:0 16px}.metrics-row{grid-template-columns:1fr 1fr}.metric{border-right:none;border-bottom:1px solid var(--border)}.metric:nth-child(odd){border-right:1px solid var(--border)}.metric:nth-last-child(-n+2){border-bottom:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg);border-top:1px solid var(--border-soft);z-index:50}.mobile-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none}.mobile-nav-tab .tab-icon{width:18px;height:18px;opacity:.3}.mobile-nav-tab.active .tab-icon{opacity:1}.mobile-nav-tab .tab-label{font-size:9px;color:var(--text-muted)}.mobile-nav-tab.active .tab-label{color:var(--text-primary);font-weight:500}.main{padding-bottom:56px}}@media (min-width: 769px){.mobile-nav{display:none}}.sidebar-brand{display:flex;align-items:center;gap:10px}.sidebar-brand-icon{flex-shrink:0;display:flex;align-items:center}.nav-item-locked{opacity:.45;cursor:default;pointer-events:none}.nav-item-locked:hover{background:none;color:var(--text-secondary)}.nav-icon-clientes{display:flex;align-items:center;justify-content:center;width:15px;height:15px;flex-shrink:0}.locked-badge{margin-left:auto;font-size:9px;font-weight:500;color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border-soft);border-radius:3px;padding:1px 5px;letter-spacing:.03em;text-transform:uppercase}.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:4px}.login-logo img{display:block}.login-logo-text{display:flex;flex-direction:column}.agenda-root{display:flex;flex-direction:column;height:100%}.agenda-date-input{border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:6px 10px;font-size:13px;color:var(--text-primary);background:var(--bg);font-family:var(--font);cursor:pointer}.agenda-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;width:100%;box-sizing:border-box;background:var(--border-soft);border:1px solid var(--border-soft);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.agenda-metric{background:var(--bg);padding:16px 20px;display:flex;flex-direction:column;gap:2px}.agenda-metric-value{font-size:22px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.agenda-metric-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.agenda-filters{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap}.agenda-filter-btn{padding:5px 12px;font-size:12.5px;border-radius:20px;border:1px solid var(--border-soft);background:transparent;color:var(--text-secondary);cursor:pointer;font-family:var(--font);transition:all .15s}.agenda-filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.agenda-filter-btn.active{background:var(--text-primary);color:var(--bg);border-color:var(--text-primary)}.agenda-empty{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:14px}.agenda-list{display:flex;flex-direction:column;gap:6px}.agenda-card{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--bg);cursor:pointer;transition:border-color .15s,background .15s}.agenda-card:hover{border-color:#c8c8c8;background:#fafafa}.agenda-card-time{min-width:56px;text-align:center;flex-shrink:0}.agenda-card-hour{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.agenda-card-date{font-size:10px;color:var(--text-muted);text-transform:capitalize;margin-top:1px}.agenda-card-body{flex:1;min-width:0}.agenda-card-name{font-size:14px;font-weight:500;color:var(--text-primary)}.agenda-card-treatment{font-size:12.5px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-card-phone{font-size:11.5px;color:var(--text-muted);margin-top:2px}.agenda-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.agenda-status-badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px;border:1px solid;white-space:nowrap}.agenda-card-meta{font-size:11px;color:var(--text-muted)}.agenda-sena-ok{color:#10b981}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-box{background:var(--bg);border:1px solid var(--border-soft);border-radius:10px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px #0000001f}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border-soft)}.modal-title{font-size:15px;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:16px;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:4px}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border-soft)}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:12px;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:8px 10px;font-size:13.5px;color:var(--text-primary);background:var(--bg);font-family:var(--font);transition:border-color .15s;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#a0a0a0}.form-group textarea{resize:vertical}.detail-name{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.detail-phone{font-size:13px;color:var(--text-muted);margin-bottom:14px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-soft);font-size:13.5px;color:var(--text-secondary)}.detail-row strong{color:var(--text-primary);font-weight:500}.detail-notes{background:var(--bg-hover);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;color:var(--text-secondary);margin-top:4px;line-height:1.5}.detail-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.detail-status-btn{padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:transparent;font-size:12.5px;color:var(--text-secondary);cursor:pointer;font-family:var(--font);transition:all .15s;text-align:center}.detail-status-btn:hover{background:var(--bg-hover)}.detail-status-btn.active{font-weight:500}@media (max-width: 640px){.agenda-metrics{grid-template-columns:repeat(2,1fr);width:100%;box-sizing:border-box}.form-row-2{grid-template-columns:1fr}.agenda-card{gap:10px;padding:12px}.agenda-card-right{display:none}.topbar{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:8px;padding:12px 14px}.topbar>div:first-child{flex:1;min-width:0;overflow:hidden}.topbar .page-title,.topbar .page-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.actions{width:100%;display:flex;gap:8px}.actions .agenda-date-input{flex:1;min-width:0}.actions .btn-primary{white-space:nowrap;flex-shrink:0}.agenda-date-input{flex:1}}@media (max-width: 640px){.page-content,.topbar{padding:14px}.agenda-metrics{margin-bottom:14px}.agenda-metric{padding:12px 14px}.agenda-metric-value{font-size:18px}.agenda-card-name{font-size:13.5px}.agenda-card-treatment{font-size:12px}.modal-box{border-radius:14px 14px 0 0;position:fixed;bottom:0;max-height:92vh}.modal-overlay{align-items:flex-end;padding:0}}@media (min-width: 641px){.date-picker-icon{display:none}}.agenda-add-mobile{display:none}@media (max-width: 640px){.agenda-add-mobile{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--text-primary);color:var(--bg);font-size:20px;font-weight:300;border:none;cursor:pointer;flex-shrink:0;padding:0;line-height:1}.actions .btn-primary{display:none}}.agenda-root{background:var(--bg-soft);min-height:100%}.agenda-root .page-content{background:var(--bg-soft)}.agenda-root .topbar{background:var(--bg);border-bottom:1px solid var(--border-soft)}.agenda-layout{display:grid;grid-template-columns:260px 1fr;gap:14px;align-items:start;padding:14px 0 0}.agenda-cal-panel{background:var(--bg);border:1px solid var(--border-soft);border-radius:12px;padding:16px;box-shadow:0 1px 4px #0000000a}.agenda-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cal-month-label{font-size:13px;font-weight:600;color:var(--text-primary);text-transform:capitalize}.cal-nav{background:var(--bg-soft);border:1px solid var(--border-soft);font-size:16px;color:var(--text-muted);cursor:pointer;padding:3px 8px;border-radius:6px;line-height:1}.cal-nav:hover{background:var(--bg-hover);color:var(--text-primary)}.agenda-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-dow{font-size:10px;font-weight:600;color:var(--text-muted);text-align:center;padding:4px 0 6px;text-transform:uppercase;letter-spacing:.04em}.cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-primary);border-radius:8px;border:none;background:none;cursor:pointer;transition:background .1s}.cal-day:hover{background:var(--bg-soft)}.cal-day.today{font-weight:700;color:var(--text-primary)}.cal-day.selected{background:var(--text-primary);color:var(--bg);font-weight:600;border-radius:8px}.agenda-cal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-soft)}.cal-stat{background:var(--bg-soft);border-radius:8px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:2px}.cal-stat-val{font-size:15px;font-weight:700;color:var(--text-primary)}.cal-stat-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:center}.agenda-appts-panel{background:var(--bg);border:1px solid var(--border-soft);border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.agenda-appts-panel .agenda-filters{padding:12px 14px;border-bottom:1px solid var(--border-soft);display:flex;flex-wrap:wrap;gap:6px;background:var(--bg)}.agenda-appts-panel .agenda-list{padding:10px;display:flex;flex-direction:column;gap:8px}.agenda-appts-panel .agenda-empty{padding:48px 20px}.agenda-card{background:var(--bg);border:1px solid var(--border-soft);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:box-shadow .15s,border-color .15s;box-shadow:0 1px 3px #0000000a}.agenda-card:hover{border-color:#c8c8c8;box-shadow:0 2px 8px #00000014}.agenda-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:0;background:transparent;border:none;border-radius:0}.agenda-metric{background:var(--bg);border:1px solid var(--border-soft);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 3px #0000000a}.agenda-metric-value{font-size:20px;font-weight:700;color:var(--text-primary)}.agenda-metric-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 640px){.agenda-layout{grid-template-columns:1fr;gap:10px;padding:10px 0 0}.agenda-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.agenda-metric{padding:12px 14px}.agenda-metric-value{font-size:18px}}.agenda-card{display:flex;align-items:stretch;gap:0;padding:0;overflow:hidden}.agenda-card-timecol{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 12px;min-width:58px;background:var(--bg-soft);gap:3px}.agenda-card-hour{font-size:14px;font-weight:700;color:var(--text-primary)}.agenda-card-duration{font-size:10px;color:var(--text-muted)}.agenda-card-divider{width:3px;flex-shrink:0}.agenda-card-body{flex:1;padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}.agenda-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.agenda-card-name{font-size:14px;font-weight:600;color:var(--text-primary)}.agenda-card-treatment{font-size:12.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-card-bottom{display:flex;align-items:center;gap:10px;margin-top:2px;flex-wrap:wrap}.agenda-card-phone{font-size:12px;color:var(--text-muted)}.agenda-card-seña{font-size:11.5px;color:var(--text-muted)}.agenda-card-actions{display:flex;align-items:center;padding:0 12px}.agenda-wa-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;background:#25d366;color:#fff;text-decoration:none;transition:all .22s cubic-bezier(.16,1,.3,1);font-size:12px;font-weight:600;white-space:nowrap;border:none;box-shadow:0 2px 8px #25d36630}.agenda-wa-btn span{display:inline}.agenda-wa-btn:hover{background:#1fb855;transform:translateY(-1px);box-shadow:0 4px 14px #25d36645}.agenda-wa-btn img{filter:brightness(0) invert(1)}.settings-root{background:var(--bg-soft);min-height:100%}.settings-root .page-content{background:var(--bg-soft);padding:16px}.settings-root .topbar{background:var(--bg);border-bottom:1px solid var(--border-soft)}.settings-section{margin-bottom:24px}.settings-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;padding:0 4px}.settings-card{background:var(--bg);border:1px solid var(--border-soft);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-soft)}.settings-row:last-child{border-bottom:none}.settings-row-info{display:flex;flex-direction:column;gap:2px}.settings-row-label{font-size:12px;color:var(--text-muted)}.settings-row-value{font-size:14px;font-weight:500;color:var(--text-primary)}.settings-badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px;border:1px solid}.settings-badge-active{background:#10b98118;color:#10b981;border-color:#10b98160}.settings-logout-btn{display:flex;align-items:center;gap:8px;width:100%;padding:14px 16px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#ef4444;text-align:left}.settings-logout-btn:hover{background:#ef444408}.resumen-root{background:var(--bg-soft);min-height:100%}.resumen-root .page-content{background:var(--bg-soft)}.resumen-content{padding:20px 20px 40px}.resumen-hero{margin-bottom:24px}.resumen-greeting{font-size:26px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px}.resumen-sub{font-size:13px;color:var(--text-muted)}.resumen-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.resumen-card{background:var(--bg);border:1px solid var(--border-soft);border-radius:14px;padding:16px;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s}.resumen-card:hover{box-shadow:0 4px 16px #00000014}.resumen-card-full{grid-column:1 / -1}.resumen-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.resumen-card-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.resumen-card-link{font-size:12px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:0}.resumen-card-link:hover{color:var(--text-primary)}.resumen-saved{font-size:11px;color:#10b981;font-weight:500}.resumen-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 0;color:var(--text-muted);font-size:12.5px}.resumen-turnos{display:flex;flex-direction:column;gap:8px}.resumen-turno{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-soft);border-radius:10px;cursor:pointer;transition:background .15s;border:1px solid var(--border-soft)}.resumen-turno:hover{background:var(--bg-hover)}.resumen-turno-time{font-size:13px;font-weight:700;color:var(--text-primary);min-width:44px}.resumen-turno-bar{width:3px;height:32px;border-radius:2px;flex-shrink:0}.resumen-turno-body{flex:1;min-width:0}.resumen-turno-name{font-size:13px;font-weight:600;color:var(--text-primary)}.resumen-turno-treatment{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resumen-notes{width:100%;min-height:120px;border:1px solid var(--border-soft);border-radius:10px;padding:12px;font-size:13px;color:var(--text-primary);background:var(--bg-soft);resize:vertical;font-family:var(--font);line-height:1.5;box-sizing:border-box;outline:none;transition:border-color .15s}.resumen-notes:focus{border-color:#a0a0a0}.resumen-modules{display:flex;flex-direction:column;gap:2px}.resumen-module{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;cursor:pointer;transition:background .15s}.resumen-module:hover{background:var(--bg-soft)}.resumen-module-icon{font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-soft);border-radius:10px;border:1px solid var(--border-soft);flex-shrink:0}.resumen-module-label{font-size:13px;font-weight:500;color:var(--text-primary)}.resumen-module-desc{font-size:11.5px;color:var(--text-muted);margin-top:1px}.resumen-account{display:flex;gap:24px;flex-wrap:wrap;padding:16px 20px;background:var(--bg);border:1px solid var(--border-soft);border-radius:14px;box-shadow:0 1px 4px #0000000d}.resumen-account-item{display:flex;flex-direction:column;gap:3px}.resumen-account-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.resumen-account-value{font-size:13px;font-weight:500;color:var(--text-primary)}@media (max-width: 640px){.resumen-content{padding:16px 14px 40px}.resumen-greeting{font-size:22px}.resumen-grid{grid-template-columns:1fr}.resumen-card-full{grid-column:1}.resumen-account{gap:16px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.resumen-card{animation:fadeUp .35s ease both}.resumen-card:nth-child(1){animation-delay:.05s}.resumen-card:nth-child(2){animation-delay:.1s}.resumen-card:nth-child(3){animation-delay:.15s}.resumen-hero{animation:fadeUp .3s ease both}.resumen-account{animation:fadeUp .35s ease .2s both}.agenda-card{transition:box-shadow .2s ease,border-color .2s ease,transform .15s ease}.agenda-card:hover{transform:translateY(-1px)}.agenda-cal-panel{animation:fadeUp .3s ease .05s both}.agenda-appts-panel{animation:fadeUp .3s ease .1s both}.agenda-metrics .agenda-metric{animation:fadeUp .3s ease both}.agenda-metrics .agenda-metric:nth-child(1){animation-delay:.03s}.agenda-metrics .agenda-metric:nth-child(2){animation-delay:.06s}.agenda-metrics .agenda-metric:nth-child(3){animation-delay:.09s}.agenda-metrics .agenda-metric:nth-child(4){animation-delay:.12s}.settings-card{animation:fadeUp .3s ease both}.settings-section:nth-child(1) .settings-card{animation-delay:.05s}.settings-section:nth-child(2) .settings-card{animation-delay:.1s}.settings-section:nth-child(3) .settings-card{animation-delay:.15s}.settings-row{transition:background .15s ease}.btn-primary{transition:all .18s ease}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{transition:all .15s ease}.cal-day{transition:background .12s ease,transform .1s ease}.cal-day:hover{transform:scale(1.1)}.cal-day.selected{transform:scale(1.05)}.mobile-nav-tab{transition:opacity .15s ease,transform .15s ease}.mobile-nav-tab:active{transform:scale(.92)}.mobile-nav-tab.active .tab-icon{transform:translateY(-1px);transition:transform .2s ease}.modal-overlay{animation:fadeIn .2s ease}.modal-box{animation:fadeUp .25s ease}.resumen-turno{transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.resumen-turno:hover{transform:translate(2px);box-shadow:0 2px 8px #0000000f}.resumen-module{transition:background .15s ease,transform .15s ease}.resumen-module:hover{transform:translate(3px)}.sidebar-link{transition:background .15s ease,color .15s ease}.page-content{animation:fadeIn .25s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.resumen-card{animation-duration:.6s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.resumen-card:nth-child(1){animation-delay:.08s}.resumen-card:nth-child(2){animation-delay:.16s}.resumen-card:nth-child(3){animation-delay:.24s}.resumen-hero{animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.resumen-account{animation-duration:.6s;animation-delay:.32s}.agenda-cal-panel{animation-duration:.55s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.agenda-appts-panel{animation-duration:.55s;animation-delay:.12s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.agenda-metrics .agenda-metric{animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.modal-box{animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.settings-card{animation-duration:.55s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.page-content{animation-duration:.4s}.btn-primary{transition:all .25s cubic-bezier(.16,1,.3,1)}.cal-day{transition:background .2s ease,transform .2s cubic-bezier(.16,1,.3,1)}.agenda-card{transition:box-shadow .3s ease,border-color .3s ease,transform .25s cubic-bezier(.16,1,.3,1)}.resumen-turno{transition:background .2s ease,transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}.resumen-module{transition:background .2s ease,transform .25s cubic-bezier(.16,1,.3,1)}.agenda-card-btns{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}.agenda-action-btn{font-size:11px;font-weight:600;padding:5px 10px;border-radius:20px;border:1px solid;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);background:transparent}.agenda-action-btn:hover{transform:translateY(-1px)}.agenda-action-btn.confirmed{color:#10b981;border-color:#10b98140}.agenda-action-btn.confirmed:hover{background:#10b98112}.agenda-action-btn.cancelled{color:#ef4444;border-color:#ef444440}.agenda-action-btn.cancelled:hover{background:#ef444412}.agenda-action-btn.no_show{color:#6b7280;border-color:#6b728040}.agenda-action-btn.no_show:hover{background:#6b728012}.agenda-card-actions{display:none}.agenda-card-btns{display:flex!important}.stock-root{background:var(--bg-soft);min-height:100%}.stock-content{padding:16px}.stock-alert{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f59e0b12;border:1px solid #F59E0B30;border-radius:10px;margin-bottom:16px;font-size:13px;color:#92400e}.stock-section{margin-bottom:24px}.stock-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;padding:0 2px}.stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.stock-card{background:var(--bg);border:1px solid var(--border-soft);border-radius:12px;padding:16px;box-shadow:0 1px 4px #0000000a;transition:box-shadow .2s,transform .2s;animation:fadeUp .3s ease both}.stock-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.stock-card-low{border-color:#ef444430;background:#ef44440a}.stock-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.stock-card-name{font-size:14px;font-weight:600;color:var(--text-primary)}.stock-card-qty{font-size:22px;font-weight:700}.stock-card-unit{font-size:11px;font-weight:400;color:var(--text-muted)}.stock-card-notes{font-size:12px;color:var(--text-muted);margin-bottom:8px}.stock-card-badge{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;background:#ef444418;color:#ef4444;border:1px solid #EF444440;margin-bottom:10px}.stock-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-soft)}.stock-btn{font-size:11px;font-weight:600;padding:5px 10px;border-radius:20px;border:1px solid;cursor:pointer;background:transparent;transition:all .2s}.stock-btn-in{color:#10b981;border-color:#10b98140}.stock-btn-in:hover{background:#10b98112}.stock-btn-out{color:#6366f1;border-color:#6366f140}.stock-btn-out:hover{background:#6366f112}.stock-btn-edit{color:var(--text-muted);border-color:var(--border-soft)}.stock-btn-edit:hover{background:var(--bg-hover)}.stock-btn-del{color:#ef4444;border-color:#ef444430}.stock-btn-del:hover{background:#ef444410}@media (max-width: 640px){.stock-grid{grid-template-columns:1fr}}@keyframes welcomeFadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes welcomeLogoUp{0%{opacity:0;transform:translateY(20px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes welcomeTextUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.welcome-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;z-index:9999;animation:welcomeFadeOut 2.6s cubic-bezier(.16,1,.3,1) forwards}.welcome-content{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;padding:0 32px}.welcome-logo{width:72px;height:72px;border-radius:18px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000f;animation:welcomeLogoUp .7s cubic-bezier(.16,1,.3,1) .1s both}.welcome-title{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;line-height:1.2;margin:0;animation:welcomeTextUp .7s cubic-bezier(.16,1,.3,1) .3s both;max-width:340px}.welcome-sub{font-size:15px;color:var(--text-muted);margin:0;font-weight:400;letter-spacing:-.01em;animation:welcomeTextUp .7s cubic-bezier(.16,1,.3,1) .5s both;line-height:1.5}.login-box{backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);box-shadow:0 2px 4px #0000000a,0 8px 24px #0000000f,0 24px 64px #0000000f}.topbar{backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);border-bottom:1px solid rgba(0,0,0,.06)}.modal-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0003}.modal-box{border-radius:16px;box-shadow:0 8px 40px #00000024,0 2px 8px #0000000f}.resumen-card:hover{box-shadow:0 2px 4px #0000000a,0 12px 32px #00000017;transform:translateY(-2px)}.agenda-card:hover,.stock-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000017}.btn-primary{transition:all .35s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0000002e!important}.cal-day{transition:background .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}.cal-day:hover{transform:scale(1.12)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00000040}@keyframes iosUp{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-logo{animation:iosUp 1.1s cubic-bezier(.16,1,.3,1) .15s both}.welcome-title{animation:iosUp 1.1s cubic-bezier(.16,1,.3,1) .4s both}.welcome-sub{animation:iosUp 1.1s cubic-bezier(.16,1,.3,1) .62s both}.welcome-screen{animation:welcomeFadeOut 3.2s cubic-bezier(.16,1,.3,1) forwards}.resumen-hero{animation:iosUp 1s cubic-bezier(.16,1,.3,1) .05s both}.resumen-card{animation:iosUp 1s cubic-bezier(.16,1,.3,1) both}.resumen-card:nth-child(1){animation-delay:.12s}.resumen-card:nth-child(2){animation-delay:.22s}.resumen-card:nth-child(3){animation-delay:.32s}.resumen-card:nth-child(4){animation-delay:.42s}.resumen-account{animation:iosUp 1s cubic-bezier(.16,1,.3,1) .5s both}.agenda-cal-panel{animation:iosUp 1s cubic-bezier(.16,1,.3,1) .1s both}.agenda-appts-panel{animation:iosUp 1s cubic-bezier(.16,1,.3,1) .2s both}.agenda-metrics .agenda-metric:nth-child(1){animation:iosUp .9s cubic-bezier(.16,1,.3,1) .06s both}.agenda-metrics .agenda-metric:nth-child(2){animation:iosUp .9s cubic-bezier(.16,1,.3,1) .12s both}.agenda-metrics .agenda-metric:nth-child(3){animation:iosUp .9s cubic-bezier(.16,1,.3,1) .18s both}.agenda-metrics .agenda-metric:nth-child(4){animation:iosUp .9s cubic-bezier(.16,1,.3,1) .24s both}.settings-section:nth-child(1) .settings-card{animation:iosUp 1s cubic-bezier(.16,1,.3,1) .1s both}.settings-section:nth-child(2) .settings-card{animation:iosUp 1s cubic-bezier(.16,1,.3,1) .2s both}.settings-section:nth-child(3) .settings-card{animation:iosUp 1s cubic-bezier(.16,1,.3,1) .3s both}.modal-box{animation:iosUp .65s cubic-bezier(.16,1,.3,1) both}.page-content{animation:iosUp .85s cubic-bezier(.16,1,.3,1) both}.agenda-card{transition:box-shadow .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),border-color .4s ease}.resumen-turno{transition:background .3s ease,transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease}.resumen-module{transition:background .3s ease,transform .5s cubic-bezier(.16,1,.3,1)}.btn-primary{transition:all .5s cubic-bezier(.16,1,.3,1)}.cal-day{transition:background .3s ease,transform .4s cubic-bezier(.16,1,.3,1)}.mobile-nav-tab{transition:opacity .3s ease,transform .5s cubic-bezier(.16,1,.3,1)}@keyframes iosUp{0%{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-logo{animation:iosUp 1.8s cubic-bezier(.16,1,.3,1) .2s both}.welcome-title{animation:iosUp 1.8s cubic-bezier(.16,1,.3,1) .55s both}.welcome-sub{animation:iosUp 1.8s cubic-bezier(.16,1,.3,1) .85s both}.welcome-screen{animation:welcomeFadeOut 4.2s cubic-bezier(.16,1,.3,1) forwards}.resumen-hero{animation:iosUp 1.5s cubic-bezier(.16,1,.3,1) .08s both}.resumen-card{animation:iosUp 1.5s cubic-bezier(.16,1,.3,1) both}.resumen-card:nth-child(1){animation-delay:.18s}.resumen-card:nth-child(2){animation-delay:.32s}.resumen-card:nth-child(3){animation-delay:.46s}.resumen-card:nth-child(4){animation-delay:.6s}.resumen-account{animation:iosUp 1.5s cubic-bezier(.16,1,.3,1) .72s both}.agenda-cal-panel{animation:iosUp 1.4s cubic-bezier(.16,1,.3,1) .12s both}.agenda-appts-panel{animation:iosUp 1.4s cubic-bezier(.16,1,.3,1) .28s both}.agenda-metrics .agenda-metric:nth-child(1){animation:iosUp 1.3s cubic-bezier(.16,1,.3,1) .08s both}.agenda-metrics .agenda-metric:nth-child(2){animation:iosUp 1.3s cubic-bezier(.16,1,.3,1) .18s both}.agenda-metrics .agenda-metric:nth-child(3){animation:iosUp 1.3s cubic-bezier(.16,1,.3,1) .28s both}.agenda-metrics .agenda-metric:nth-child(4){animation:iosUp 1.3s cubic-bezier(.16,1,.3,1) .38s both}.settings-section:nth-child(1) .settings-card{animation:iosUp 1.4s cubic-bezier(.16,1,.3,1) .12s both}.settings-section:nth-child(2) .settings-card{animation:iosUp 1.4s cubic-bezier(.16,1,.3,1) .26s both}.settings-section:nth-child(3) .settings-card{animation:iosUp 1.4s cubic-bezier(.16,1,.3,1) .4s both}.page-content{animation:iosUp 1.2s cubic-bezier(.16,1,.3,1) both}.agenda-card{transition:box-shadow .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),border-color .5s ease}.resumen-turno{transition:background .4s ease,transform .7s cubic-bezier(.16,1,.3,1),box-shadow .7s ease}.resumen-module{transition:background .4s ease,transform .7s cubic-bezier(.16,1,.3,1)}.btn-primary{transition:all .7s cubic-bezier(.16,1,.3,1)}.cal-day{transition:background .4s ease,transform .6s cubic-bezier(.16,1,.3,1)}.mobile-nav-tab{transition:opacity .4s ease,transform .7s cubic-bezier(.16,1,.3,1)}.sidebar-link{transition:background .4s ease,color .4s ease}@keyframes iosUp{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.resumen-hero{animation:iosUp 2s cubic-bezier(.16,1,.3,1) .05s both}.resumen-card:nth-child(1){animation:iosUp 2s cubic-bezier(.16,1,.3,1) .3s both}.resumen-card:nth-child(2){animation:iosUp 2s cubic-bezier(.16,1,.3,1) .55s both}.resumen-card:nth-child(3){animation:iosUp 2s cubic-bezier(.16,1,.3,1) .8s both}.resumen-card:nth-child(4){animation:iosUp 2s cubic-bezier(.16,1,.3,1) 1.05s both}.resumen-account{animation:iosUp 2s cubic-bezier(.16,1,.3,1) 1.3s both}.agenda-metrics .agenda-metric:nth-child(1){animation:iosUp 1.8s cubic-bezier(.16,1,.3,1) .1s both}.agenda-metrics .agenda-metric:nth-child(2){animation:iosUp 1.8s cubic-bezier(.16,1,.3,1) .28s both}.agenda-metrics .agenda-metric:nth-child(3){animation:iosUp 1.8s cubic-bezier(.16,1,.3,1) .46s both}.agenda-metrics .agenda-metric:nth-child(4){animation:iosUp 1.8s cubic-bezier(.16,1,.3,1) .64s both}.agenda-cal-panel{animation:iosUp 1.8s cubic-bezier(.16,1,.3,1) .3s both}.agenda-appts-panel{animation:iosUp 1.8s cubic-bezier(.16,1,.3,1) .55s both}.settings-section:nth-child(1) .settings-card{animation:iosUp 1.8s cubic-bezier(.16,1,.3,1) .15s both}.settings-section:nth-child(2) .settings-card{animation:iosUp 1.8s cubic-bezier(.16,1,.3,1) .4s both}.settings-section:nth-child(3) .settings-card{animation:iosUp 1.8s cubic-bezier(.16,1,.3,1) .65s both}.page-content{animation:iosUp 1.6s cubic-bezier(.16,1,.3,1) .05s both}.modal-box{animation:iosUp 1s cubic-bezier(.16,1,.3,1) both}:root{--bg: #FFFFFF;--bg-soft: #F2F2F7;--bg-hover: #E8E8ED;--border: #E0E0E5;--border-soft: #E5E5EA;--radius-sm: 8px;--radius: 12px}.sidebar{width:240px;background:#ffffffd9;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-right:1px solid rgba(0,0,0,.07);padding-bottom:16px}.sidebar-brand{padding:22px 18px 18px;border-bottom:1px solid rgba(0,0,0,.06)}.sidebar-brand-icon img{width:32px;height:32px;border-radius:8px;box-shadow:0 2px 8px #0000001f}.sidebar-brand .name{font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.sidebar-brand .sub{font-size:11px;color:var(--text-muted);margin-top:2px;letter-spacing:.01em}.sidebar-section{padding:18px 10px 4px}.section-label{font-size:10.5px;font-weight:600;color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;padding:0 10px 8px}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;font-size:13.5px;font-weight:450;color:var(--text-secondary);transition:background .25s cubic-bezier(.16,1,.3,1),color .2s ease;margin-bottom:1px}.nav-item:hover{background:#0000000d;color:var(--text-primary)}.nav-item.active{background:#00000012;color:var(--text-primary);font-weight:600}.nav-item .icon{width:16px;height:16px;opacity:.35;flex-shrink:0;font-size:15px;display:flex;align-items:center;justify-content:center}.nav-item.active .icon{opacity:1}.nav-item-locked{opacity:.4;cursor:default}.nav-item-locked:hover{background:none}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(0,0,0,.06);padding:14px 10px}.client-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.07);background:#00000005;cursor:pointer;transition:background .25s cubic-bezier(.16,1,.3,1)}.client-chip:hover{background:#0000000d}.client-chip .avatar{width:28px;height:28px;border-radius:8px;background:var(--text-primary);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.02em}.client-chip .info .client-name{font-size:12.5px;font-weight:600;letter-spacing:-.01em}.client-chip .info .client-role{font-size:11px;color:var(--text-muted);margin-top:1px}.client-chip .caret{margin-left:auto;font-size:14px;color:var(--text-muted);opacity:.5}.topbar{height:52px;padding:0 28px;background:#ffffffd1;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-bottom:1px solid rgba(0,0,0,.06)}.topbar .page-title{font-size:14px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.topbar .page-sub{font-size:12px;color:var(--text-muted);letter-spacing:.01em}.topbar-divider{width:1px;height:14px;background:#0000001a}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:72px;background:#ffffffe0;backdrop-filter:blur(24px) saturate(2);-webkit-backdrop-filter:blur(24px) saturate(2);border-top:1px solid rgba(0,0,0,.08);display:flex;align-items:flex-start;justify-content:space-around;padding:10px 4px 0;z-index:100}.mobile-nav-tab{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;padding:4px 0;color:var(--text-muted);transition:color .3s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}.mobile-nav-tab.active{color:var(--text-primary)}.mobile-nav-tab:active{transform:scale(.88)}.tab-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;transition:background .3s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.mobile-nav-tab.active .tab-icon{transform:translateY(-2px)}.tab-label{font-size:10px;font-weight:500;letter-spacing:.01em;line-height:1}.resumen-card,.agenda-cal-panel,.agenda-appts-panel,.settings-card,.stock-card{border-radius:16px;border:1px solid rgba(0,0,0,.07);box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000a}.agenda-metric{border-radius:14px;border:1px solid rgba(0,0,0,.07);box-shadow:0 1px 3px #0000000a}.resumen-turno{border-radius:12px;border:1px solid rgba(0,0,0,.06)}.modal-box{border-radius:20px;border:1px solid rgba(0,0,0,.07);box-shadow:0 16px 48px #00000024,0 4px 12px #0000000f}.btn-primary{border-radius:10px;font-weight:600;font-size:13px;letter-spacing:-.01em;box-shadow:0 1px 3px #00000026,0 4px 12px #0000001a}.form-group input,.form-group select,.form-group textarea{border-radius:10px;border:1px solid rgba(0,0,0,.1);background:var(--bg-soft);transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#00000040;box-shadow:0 0 0 3px #0000000f;background:var(--bg)}.agenda-card{border-radius:14px;border:1px solid rgba(0,0,0,.07);box-shadow:0 1px 3px #0000000a,0 2px 8px #0000000a;overflow:hidden}.agenda-card-timecol{background:var(--bg-soft);border-right:1px solid rgba(0,0,0,.05)}.filter-btn{border-radius:20px;font-size:12px;font-weight:500;padding:5px 12px;border:1px solid rgba(0,0,0,.1);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.filter-btn.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.filter-btn:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.resumen-module-icon{border-radius:12px;width:40px;height:40px;background:var(--bg-soft);border:1px solid rgba(0,0,0,.07)}.settings-card{border-radius:16px;overflow:hidden}.settings-row{transition:background .25s ease}.settings-row:hover{background:var(--bg-soft)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0003}@media (max-width: 640px){.page-content{padding-bottom:84px}.mobile-nav{padding-bottom:env(safe-area-inset-bottom,0px);height:calc(72px + env(safe-area-inset-bottom,0px))}}@media (max-width: 640px){.resumen-root{min-height:100%;overflow-y:auto}.resumen-root .page-content{overflow-y:auto;padding-bottom:100px}.main,.page-content{overflow-y:auto}}.metrics-root{background:var(--bg-soft);min-height:100%}.metrics-b cat >> /var/www/zyven/frontend/src/index.css << "EOF" .metrics-root{background:var(--bg-soft);min-height:100%}.metrics-content{padding:20px 20px 40px;display:flex;flex-direction:column;gap:10px}.metrics-loading{padding:60px;text-align:center;color:var(--text-muted);font-size:13px}.metrics-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;padding:6px 2px 2px}.metrics-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:6px}.metrics-stat-card{background:var(--bg);border:1px solid rgba(0,0,0,.07);border-radius:16px;padding:18px 16px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000a;animation:iosUp 1.5s cubic-bezier(.16,1,.3,1) both}.metrics-stat-card:nth-child(1){animation-delay:.1s}.metrics-stat-card:nth-child(2){animation-delay:.2s}.metrics-stat-card:nth-child(3){animation-delay:.3s}.metrics-stat-card:nth-child(4){animation-delay:.4s}.metrics-stat-icon{color:var(--text-muted);opacity:.6}.metrics-stat-value{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;line-height:1}.metrics-stat-label{font-size:12px;font-weight:500;color:var(--text-primary)}.metrics-stat-sub{font-size:11px;color:var(--text-muted)}.metrics-card{background:var(--bg);border:1px solid rgba(0,0,0,.07);border-radius:16px;padding:6px 16px;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000a;display:flex;flex-direction:column;gap:0;margin-bottom:6px;animation:iosUp 1.5s cubic-bezier(.16,1,.3,1) .2s both}.metrics-bar-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05)}.metrics-bar-row:last-child{border-bottom:none}.metrics-bar-label{font-size:13px;color:var(--text-secondary);min-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metrics-bar-track{flex:1;height:6px;background:var(--bg-soft);border-radius:10px;overflow:hidden}.metrics-bar-fill{height:100%;border-radius:10px;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.metrics-bar-val{font-size:13px;font-weight:600;color:var(--text-primary);min-width:28px;text-align:right}.metrics-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;color:var(--text-muted);text-align:center}.metrics-empty p{font-size:15px;font-weight:500;color:var(--text-secondary)}.metrics-empty span{font-size:13px}@media (max-width: 640px){.metrics-stats-grid{grid-template-columns:repeat(2,1fr)}.metrics-content{padding:16px 14px 100px}.metrics-bar-label{min-width:80px;font-size:12px}}.mobile-nav-tab:last-child .tab-icon img{margin-top:0;width:24px;height:24px;border-radius:6px}.mobile-nav-tab:last-child{justify-content:center;padding-top:8px}.mobile-nav-tab:last-child .tab-icon{width:24px;height:24px}@media (min-width: 641px){.mobile-nav{display:none}}:root{--font: "Inter", -apple-system, system-ui, sans-serif}body{font-family:Inter,-apple-system,system-ui,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11"}:root{--bg: #FFFFFF;--bg-soft: #F2F2F7;--bg-hover: #EFEFF4;--border: #C6C6C8;--border-soft: #E5E5EA;--text-primary: #000000;--text-secondary: #3C3C43;--text-muted: #8E8E93;--green: #34C759;--red: #FF3B30;--orange: #FF9500;--yellow: #FFCC00;--blue: #007AFF;--purple: #5856D6}.agenda-action-btn.confirmed{color:#34c759;border-color:#34c75940}.agenda-action-btn.confirmed:hover{background:#34c75912}.agenda-action-btn.cancelled{color:#ff3b30;border-color:#ff3b3040}.agenda-action-btn.cancelled:hover{background:#ff3b3012}.agenda-action-btn.no_show{color:#8e8e93;border-color:#8e8e9340}.agenda-action-btn.no_show:hover{background:#8e8e9312}.agenda-sena-ok{color:#34c759}.settings-badge-active{background:#34c75918;color:#34c759;border-color:#34c75960}.settings-logout-btn{color:#ff3b30}.settings-logout-btn:hover{background:#ff3b3008}.stock-card-badge{background:#ff3b3018;color:#ff3b30;border-color:#ff3b3040}.stock-btn-in{color:#34c759;border-color:#34c75940}.stock-btn-in:hover{background:#34c75912}.stock-btn-out{color:#5856d6;border-color:#5856d640}.stock-btn-out:hover{background:#5856d612}.stock-btn-del{color:#ff3b30;border-color:#ff3b3030}.stock-btn-del:hover{background:#ff3b3010}.stock-alert{background:#ff950012;border-color:#ff950030;color:#ff9500}.stock-card-low{border-color:#ff3b3030;background:#ff3b300a}.agenda-wa-btn{background:#34c759;box-shadow:0 2px 8px #34c75930}.agenda-wa-btn:hover{background:#2db84d;box-shadow:0 4px 14px #34c75945}.resumen-saved{color:#34c759}@media (min-width: 641px){.agenda-layout{grid-template-columns:320px 1fr;gap:16px}.agenda-cal-panel{padding:20px;position:sticky;top:16px}.cal-month-label{font-size:15px;font-weight:700;letter-spacing:-.02em;text-transform:capitalize}.agenda-cal-grid{gap:4px}.cal-day{font-size:13.5px;border-radius:10px;height:36px}.cal-dow{font-size:11px;padding-bottom:10px}.cal-day.selected{border-radius:10px;font-size:14px}.cal-day.today{border:1.5px solid var(--text-primary);border-radius:10px}.agenda-cal-stats{margin-top:18px;padding-top:18px;gap:10px}.cal-stat{padding:12px 8px;border-radius:10px}.cal-stat-val{font-size:18px}.cal-stat-label{font-size:10px}}.cal-new-btn{display:none}@media (min-width: 641px){.cal-new-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:16px;padding:10px;border-radius:10px;border:1.5px dashed var(--border-soft);background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font);transition:all .3s cubic-bezier(.16,1,.3,1)}.cal-new-btn:hover{border-color:var(--text-primary);color:var(--text-primary);background:var(--bg-soft)}}.agenda-sena-ok{color:#34c759!important;font-weight:500}.agenda-topbar{height:auto;min-height:52px;padding:10px 28px;flex-wrap:wrap;gap:10px}.agenda-next-appt{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);margin-left:8px}.agenda-next-appt:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000012}.agenda-next-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.agenda-next-body{display:flex;flex-direction:column;gap:1px}.agenda-next-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.agenda-next-info{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}@media (max-width: 640px){.agenda-next-appt{display:none}}.agenda-topbar{height:56px!important;min-height:56px!important;padding:0 28px!important;flex-wrap:nowrap!important;gap:12px!important;align-items:center!important}.agenda-next-appt{margin-left:auto}.agenda-topbar .actions{margin-left:0!important}@media (max-width: 640px){.agenda-topbar{height:52px!important;padding:0 14px!important}}.agenda-add-mobile{width:auto!important;height:auto!important;border-radius:10px!important;padding:8px 16px!important;font-size:13px!important;font-weight:600!important;letter-spacing:-.01em!important}.agenda-add-mobile:before{content:"Agendar turno"}.agenda-add-mobile:before{content:"+ Agendar turno"!important}.resumen-bot-status{display:flex;align-items:center;gap:12px;padding:12px 0 8px}.resumen-bot-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;animation:pulse 2s infinite}.resumen-bot-label{font-size:14px;font-weight:600;letter-spacing:-.01em}.resumen-bot-desc{font-size:11.5px;color:var(--text-muted);margin-top:2px}.resumen-bot-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-soft)}.resumen-bot-btn{font-size:12px;font-weight:500;color:#5856d6;background:#5856d610;border:1px solid #5856D630;border-radius:8px;padding:6px 12px;cursor:pointer;font-family:var(--font);transition:all .3s cubic-bezier(.16,1,.3,1)}.resumen-bot-btn:hover{background:#5856d620}.agenda-status-badge[style*="34C759"]{background:#34c75918!important}.agenda-status-badge[style*=FF3B30]{background:#ff3b3018!important}.agenda-status-badge[style*=F59E0B]{background:#f59e0b18!important}.agenda-filter-btn{font-size:12px;font-weight:500;padding:5px 12px;border-radius:20px;border:1px solid var(--border-soft);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);font-family:var(--font)}.agenda-filter-btn.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.agenda-filter-btn:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.cal-stat:nth-child(2) .cal-stat-val{color:#34c759}.cal-stat:nth-child(3) .cal-stat-val{color:#5856d6}.agenda-metric:nth-child(1) .agenda-metric-value{color:var(--text-primary)}.agenda-metric:nth-child(2) .agenda-metric-value{color:#34c759}.agenda-metric:nth-child(3) .agenda-metric-value{color:#5856d6}.agenda-metric:nth-child(4) .agenda-metric-value{color:#ff3b30}.metrics-stat-card:nth-child(1) .metrics-stat-value{color:var(--text-primary)}.metrics-stat-card:nth-child(2) .metrics-stat-value{color:#f59e0b}.metrics-stat-card:nth-child(3) .metrics-stat-value{color:#34c759}.metrics-stat-card:nth-child(4) .metrics-stat-value{color:#5856d6}.stock-card-qty{color:#5856d6}.stock-card-low .stock-card-qty{color:#ff3b30}.resumen-account{border-top:3px solid transparent;border-image:linear-gradient(90deg,#ff3b30,#f59e0b,#34c759,#007aff,#5856d6) 1;border-radius:0}.cal-day.has-appts{position:relative;font-weight:600}.cal-day.has-appts:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:#34c759}.cal-day.selected.has-appts:after{background:#fffc}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.theme-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:12px;border:1.5px solid var(--border-soft);background:var(--bg-soft);cursor:pointer;font-family:var(--font);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;width:100%}.theme-btn:hover{border-color:var(--border);background:var(--bg-hover);transform:translateY(-1px)}.theme-btn.active{border-color:var(--text-primary);background:var(--bg);box-shadow:0 2px 8px #00000014}.theme-color{width:32px;height:32px;border-radius:50%;box-shadow:0 2px 8px #00000026}.theme-label{font-size:11px;font-weight:500;color:var(--text-secondary)}.theme-check{position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:50%;background:var(--text-primary);display:flex;align-items:center;justify-content:center}@media (min-width: 641px){.theme-grid{grid-template-columns:repeat(6,1fr)}}.settings-root .page-content{overflow-y:auto;padding-bottom:100px}@media (max-width: 640px){.settings-root{min-height:100%;overflow-y:auto}.settings-root .page-content{overflow-y:auto;padding-bottom:120px}}.resumen-notes-section{margin-top:20px;display:flex;flex-direction:column;gap:12px;padding-bottom:40px}.resumen-notes-header{display:flex;align-items:center;justify-content:space-between}.resumen-notes-count{font-size:11px;color:var(--text-muted)}.resumen-notes-input-row{display:flex;gap:8px}.resumen-notes-input{flex:1;border:1px solid var(--border-soft);border-radius:10px;padding:10px 14px;font-size:13px;font-family:var(--font);background:var(--bg);color:var(--text-primary);outline:none;transition:border-color .2s}.resumen-notes-input:focus{border-color:var(--text-primary)}.resumen-notes-add-btn{width:40px;height:40px;border-radius:10px;background:var(--text-primary);color:#fff;border:none;font-size:22px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.resumen-notes-add-btn:hover{opacity:.8;transform:scale(1.05)}.resumen-notes-list{display:flex;flex-direction:column;gap:8px}.resumen-note-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg);border:1px solid var(--border-soft);border-radius:12px;animation:iosUp .5s cubic-bezier(.16,1,.3,1) both}.resumen-note-body{flex:1;min-width:0}.resumen-note-content{font-size:13px;color:var(--text-primary);font-weight:500}.resumen-note-date{font-size:11px;color:var(--text-muted);margin-top:2px}.resumen-note-del{width:28px;height:28px;border-radius:8px;border:none;background:var(--bg-soft);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.resumen-note-del:hover{background:#ff3b3015;color:#ff3b30}@media (min-width: 641px){.resumen-root{overflow-y:auto;height:100%}.resumen-root .page-content{overflow-y:auto;padding-bottom:60px}.main{overflow:hidden}}