*{margin:0;padding:0;box-sizing:border-box}:root{--cusin-blue: #0054AA;--cusin-blue-dark: #003D7C;--cusin-blue-deep: #12365E;--cusin-blue-light: #2E76C4;--cusin-blue-bg: rgba(0, 84, 170, .07);--gold: #B08A3E;--gold-soft: rgba(176, 138, 62, .12);--terracotta: #B4552D;--cream: #F4EFE4;--cream-deep: #EAE3D2;--ivory: #FBF9F3;--bg-primary: #F4EFE4;--bg-card: #FFFFFF;--text-primary: #1B2A3C;--text-secondary: #44566B;--text-muted: #7C8798;--border: #E5DECB;--border-subtle: #EEE8D9;--green: #2E7D5B;--green-bg: rgba(46, 125, 91, .11);--yellow: #A87B18;--yellow-bg: rgba(168, 123, 24, .12);--red: #B23B2E;--red-bg: rgba(178, 59, 46, .1);--blue: #0054AA;--blue-bg: rgba(0, 84, 170, .09);--purple: #6D4E9E;--purple-bg: rgba(109, 78, 158, .11);--shadow-sm: 0 1px 2px rgba(20, 36, 58, .05);--shadow: 0 1px 2px rgba(20, 36, 58, .04), 0 10px 28px rgba(20, 36, 58, .07);--shadow-lg: 0 2px 6px rgba(20, 36, 58, .06), 0 24px 56px rgba(20, 36, 58, .12);--serif: "Cormorant Garamond", Georgia, serif;--radius: 14px;--radius-sm: 9px}body{font-family:Inter,-apple-system,sans-serif;background:radial-gradient(1200px 500px at 85% -10%,rgba(0,84,170,.045),transparent 60%),radial-gradient(900px 420px at -10% 110%,rgba(176,138,62,.06),transparent 55%),var(--bg-primary);background-attachment:fixed;color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--cusin-blue);text-decoration:none}a:hover{color:var(--cusin-blue-light)}.app-layout{display:flex;min-height:100vh}.sidebar{width:264px;background:linear-gradient(180deg,#FFFFFF 0%,var(--ivory) 100%);border-right:1px solid var(--border);position:fixed;top:0;left:0;bottom:0;overflow-y:auto;z-index:100}.sidebar-logo{padding:26px 20px 22px;border-bottom:1px solid var(--border-subtle);text-align:center;position:relative}.sidebar-logo:after{content:"";position:absolute;left:50%;bottom:-1px;transform:translate(-50%);width:56px;height:2px;background:var(--gold)}.sidebar-logo img{width:128px;height:auto}.sidebar-nav{padding:18px 12px 96px}.nav-section{padding:14px 14px 6px;font-size:10px;text-transform:uppercase;letter-spacing:2.2px;color:var(--text-muted);font-weight:600}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 14px;margin:2px 0;color:var(--text-secondary);font-size:13.5px;font-weight:450;cursor:pointer;transition:background .18s,color .18s;border-radius:10px;position:relative}.nav-item:hover{background:#0054aa0d;color:var(--text-primary)}.nav-item.active{background:var(--cusin-blue-bg);color:var(--cusin-blue);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--cusin-blue)}.nav-item svg{width:17px;height:17px;flex-shrink:0;opacity:.85}.main-content{margin-left:264px;flex:1;padding:36px 40px 48px;min-height:100vh;max-width:1560px}.page-header{margin-bottom:30px}.page-header h2{font-family:var(--serif);font-size:36px;font-weight:600;color:var(--cusin-blue-deep);letter-spacing:.2px;line-height:1.15;position:relative;padding-bottom:12px}.page-header h2:after{content:"";position:absolute;left:0;bottom:0;width:46px;height:2px;background:var(--gold)}.page-header p{color:var(--text-secondary);font-size:14px;margin-top:10px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(226px,1fr));gap:18px;margin-bottom:30px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px 18px;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cream-deep)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.stat-card .label{font-size:10.5px;text-transform:uppercase;letter-spacing:1.4px;color:var(--text-muted);font-weight:600;margin-bottom:10px}.stat-card .value{font-family:var(--serif);font-size:34px;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:.3px}.stat-card .sub{font-size:12px;color:var(--text-secondary);margin-top:8px}.stat-card.blue:before{background:linear-gradient(90deg,var(--cusin-blue),var(--cusin-blue-light))}.stat-card.gold:before{background:linear-gradient(90deg,var(--gold),#D4B26A)}.stat-card.green:before{background:linear-gradient(90deg,var(--green),#55A57F)}.stat-card.red:before{background:linear-gradient(90deg,var(--red),#D4715F)}.stat-card.purple:before{background:linear-gradient(90deg,var(--purple),#9678C4)}.stat-card.cream:before{background:var(--cream-deep)}.table-wrap{overflow-x:auto;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.table-wrap .data-table{box-shadow:none}.data-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.data-table th{background:var(--ivory);padding:13px 16px;text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:1.3px;color:var(--text-muted);font-weight:650;border-bottom:1px solid var(--border)}.data-table td{padding:12px 16px;font-size:13.5px;border-top:1px solid var(--border-subtle);color:var(--text-secondary)}.data-table tbody tr{transition:background .15s}.data-table tr:hover td{background:#0054aa09}.data-table td.strong,.data-table td a.strong{color:var(--text-primary);font-weight:550}.badge{display:inline-block;padding:3.5px 11px;border-radius:20px;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap}.badge.vip{background:linear-gradient(135deg,var(--gold),#C9A050);color:#fff;box-shadow:0 2px 6px #b08a3e59}.badge.alto{background:var(--blue-bg);color:var(--cusin-blue)}.badge.regular{background:#1b2a3c12;color:var(--text-secondary)}.badge.riesgo{background:var(--yellow-bg);color:var(--yellow)}.badge.perdido{background:var(--red-bg);color:var(--red)}.badge.verde{background:var(--green-bg);color:var(--green)}.badge.confirmada{background:var(--blue-bg);color:var(--cusin-blue)}.badge.completada{background:var(--green-bg);color:var(--green)}.badge.no_show{background:var(--red-bg);color:var(--red)}.badge.cancelada{background:#1b2a3c14;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:550;cursor:pointer;border:none;transition:all .18s;font-family:inherit}.btn-primary{background:linear-gradient(180deg,var(--cusin-blue-light) -60%,var(--cusin-blue) 55%);color:#fff;box-shadow:0 2px 8px #0054aa4d}.btn-primary:hover{background:var(--cusin-blue-dark);box-shadow:0 4px 14px #0054aa59;transform:translateY(-1px)}.btn-whatsapp{background:#1faf54;color:#fff;box-shadow:0 2px 6px #1faf544d}.btn-whatsapp:hover{background:#179947;transform:translateY(-1px)}.btn-outline{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--cusin-blue);color:var(--cusin-blue)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.filters-bar{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap;align-items:center}.filter-select,.filter-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 14px;color:var(--text-primary);font-size:13px;font-family:inherit;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--cusin-blue);box-shadow:0 0 0 3px #0054aa1f}.section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:26px 28px;margin-bottom:26px;box-shadow:var(--shadow-sm)}.section h3{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--cusin-blue-deep);margin-bottom:18px;display:flex;align-items:center;gap:10px}.section h3:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0}.tabs{display:flex;gap:6px;margin-bottom:22px;flex-wrap:wrap;background:#fff9;border:1px solid var(--border);border-radius:12px;padding:5px;width:fit-content;max-width:100%}.tab{padding:8px 15px;font-size:12.5px;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .18s;display:flex;align-items:center;gap:7px;font-weight:500;white-space:nowrap}.tab:hover{color:var(--text-primary);background:#0054aa0d}.tab.active{color:#fff;background:var(--cusin-blue);font-weight:600;box-shadow:0 2px 8px #0054aa4d}.tab .count{background:#0054aa1a;color:var(--cusin-blue);border-radius:10px;padding:1px 8px;font-size:10.5px;font-weight:650}.tab.active .count{background:#ffffff38;color:#fff}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state svg{width:48px;height:48px;margin-bottom:16px;opacity:.3}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cfc6ae;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cusin-blue-light)}.pagination{display:flex;justify-content:center;gap:8px;margin-top:22px;align-items:center}.loading{display:flex;justify-content:center;padding:60px;color:var(--text-muted);font-size:14px}.sidebar-user{position:fixed;bottom:0;left:0;width:264px;padding:14px 18px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:var(--ivory)}.user-info{display:flex;align-items:center;gap:10px;color:var(--text-secondary)}.user-info>svg{background:var(--cusin-blue-bg);color:var(--cusin-blue);border-radius:50%;padding:7px;width:30px!important;height:30px!important}.user-name{font-size:13px;font-weight:600;color:var(--text-primary)}.user-role{font-size:9.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-top:1px}.logout-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:7px;border-radius:8px;transition:all .18s}.logout-btn:hover{background:var(--red-bg);color:var(--red)}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;background:var(--cream)}.login-visual{position:relative;background:url(/login-hero.jpg) center/cover no-repeat;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.login-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(200deg,#12365e0d 30%,#0c2038b8)}.login-visual-caption{position:relative;z-index:2;padding:48px 52px;color:#fdfbf5}.login-visual-caption h1{font-family:var(--serif);font-size:40px;font-weight:600;line-height:1.15;letter-spacing:.3px;text-shadow:0 2px 18px rgba(0,0,0,.35)}.login-visual-caption p{margin-top:10px;font-size:13px;letter-spacing:2.6px;text-transform:uppercase;color:#fdfbf5d9}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:40px;background:radial-gradient(700px 400px at 110% -20%,rgba(0,84,170,.06),transparent 60%),var(--cream)}.login-card{width:100%;max-width:400px}.login-logo{text-align:center;margin-bottom:10px}.login-logo img{width:188px;height:auto}.login-subtitle{text-align:center;color:var(--text-muted);font-size:11px;letter-spacing:2.2px;margin-bottom:40px}.login-field{margin-bottom:22px}.login-field label{display:block;font-size:10.5px;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:1.6px;font-weight:600}.login-field input{width:100%;background:#fff;border:1px solid var(--border);border-radius:10px;padding:13px 16px;color:var(--text-primary);font-size:14.5px;font-family:inherit;transition:border-color .18s,box-shadow .18s;box-shadow:var(--shadow-sm)}.login-field input:focus{outline:none;border-color:var(--cusin-blue);box-shadow:0 0 0 3px #0054aa21}.login-field input::placeholder{color:var(--text-muted)}.login-error{background:var(--red-bg);color:var(--red);padding:11px 14px;border-radius:10px;font-size:13px;margin-bottom:18px}.login-btn{width:100%;padding:14px;background:linear-gradient(180deg,var(--cusin-blue-light) -70%,var(--cusin-blue) 55%);color:#fff;border:none;border-radius:10px;font-size:13.5px;font-weight:650;cursor:pointer;transition:all .18s;font-family:inherit;letter-spacing:1.2px;text-transform:uppercase;box-shadow:0 4px 16px #0054aa52}.login-btn:hover{background:var(--cusin-blue-dark);transform:translateY(-1px);box-shadow:0 6px 22px #0054aa66}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footnote{margin-top:34px;text-align:center;font-size:11px;color:var(--text-muted);letter-spacing:.4px}.ficha-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px}.ficha-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border-subtle);font-size:13px;gap:16px}.ficha-item:last-child{border-bottom:none}.ficha-item .k{color:var(--text-muted);flex-shrink:0}.ficha-item .v{color:var(--text-primary);text-align:right;font-weight:500}@media(max-width:1024px){.login-page{grid-template-columns:1fr}.login-visual{display:none}}@media(max-width:768px){.sidebar{width:62px}.sidebar-logo{padding:16px 8px}.sidebar-logo img{width:40px}.nav-section,.nav-item span{display:none}.nav-item{justify-content:center;padding:12px}.main-content{margin-left:62px;padding:20px 16px}.cards-grid{grid-template-columns:1fr 1fr}.sidebar-user{width:62px;justify-content:center;padding:12px 6px}.sidebar-user .user-info div,.sidebar-user .logout-btn{display:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}