@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%}body{color:#fff;background:#050914;font-family:Inter,sans-serif}.login-page{background:radial-gradient(circle at 50% 45%,#00e5d612,#0000 32%),linear-gradient(135deg,#050914 0%,#071024 50%,#050914 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.background-grid{background-image:linear-gradient(#00e5d609 1px,#0000 1px),linear-gradient(90deg,#00e5d609 1px,#0000 1px);background-size:55px 55px;animation:18s linear infinite gridMove;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(55px)}}.glow{pointer-events:none;filter:blur(90px);border-radius:50%;position:absolute}.glow-one{background:#00e5d617;width:420px;height:420px;animation:7s ease-in-out infinite glowFloat;top:8%;left:12%}.glow-two{background:#0078ff14;width:350px;height:350px;animation:9s ease-in-out infinite reverse glowFloat;bottom:5%;right:10%}@keyframes glowFloat{0%,to{transform:translate(0)}50%{transform:translate(25px,-20px)}}.particle{background:#00e5d6;border-radius:50%;width:4px;height:4px;animation:5s ease-in-out infinite particleFloat;position:absolute;box-shadow:0 0 10px #00e5d6,0 0 20px #00e5d680}.particle-1{top:25%;left:20%}.particle-2{animation-delay:1s;top:18%;right:23%}.particle-3{animation-delay:2s;bottom:23%;left:26%}.particle-4{animation-delay:3s;bottom:18%;right:18%}@keyframes particleFloat{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-14px)}}.login-wrapper{z-index:5;justify-content:center;align-items:center;width:100%;padding:40px 20px;display:flex;position:relative}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0f1930f5,#060d1cf7);border:1px solid #ffffff14;border-radius:24px;width:440px;padding:42px;animation:.7s forwards cardAppear;position:relative;box-shadow:0 35px 90px #0000008c,0 0 70px #00e5d60d}@keyframes cardAppear{0%{opacity:0;transform:translateY(25px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.card-line{background:linear-gradient(90deg,#0000,#00e5d6,#0000);width:76%;height:2px;position:absolute;top:0;left:12%;box-shadow:0 0 15px #00e5d6b3}.brand{letter-spacing:-1px;margin-bottom:8px;font-size:24px;font-weight:800}.brand-accent{color:#00e5d6;text-shadow:0 0 15px #00e5d640}.brand-dot{background:#00e5d6;border-radius:50%;width:7px;height:7px;margin-bottom:28px;animation:2s infinite pulse;box-shadow:0 0 10px #00e5d6,0 0 25px #00e5d680}@keyframes pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.login-card h1{letter-spacing:-1px;margin-bottom:8px;font-size:32px;font-weight:800;line-height:1.15}.login-subtitle{color:#8f9bb2;margin-bottom:32px;font-size:14px}.input-group{margin-bottom:20px}.input-group label{color:#c5ccda;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-wrapper{position:relative}.input-icon{color:#00e5d6;opacity:.8;pointer-events:none;font-size:13px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-wrapper input{color:#fff;background:#020711bf;border:1px solid #ffffff17;border-radius:12px;outline:none;width:100%;height:54px;padding:0 16px 0 43px;font-family:inherit;font-size:14px;transition:border-color .25s,box-shadow .25s,background .25s}.input-wrapper input::placeholder{color:#4e5b70}.input-wrapper input:focus{background:#020a16f2;border-color:#00e5d6a6;box-shadow:0 0 0 3px #00e5d614,0 0 25px #00e5d60f}.login-error{color:#ff7d8d;background:#ff3c5012;border:1px solid #ff506440;border-radius:10px;margin-bottom:18px;padding:11px 13px;font-size:13px}.login-button{color:#031013;cursor:pointer;background:#00e5d6;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:54px;font-family:inherit;font-size:14px;font-weight:800;transition:transform .25s,box-shadow .25s,background .25s;display:flex}.login-button:hover:not(:disabled){background:#16f2e2;transform:translateY(-2px);box-shadow:0 12px 30px #00e5d638,0 0 25px #00e5d61f}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.55;cursor:not-allowed}.button-arrow{font-size:19px;transition:transform .25s}.login-button:hover .button-arrow{transform:translate(4px)}.divider{color:#59657a;align-items:center;gap:14px;margin:27px 0;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:#ffffff12;flex:1;height:1px}.google-button{color:#fff;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;height:52px;font-family:inherit;font-size:13px;font-weight:600;transition:background .25s,border-color .25s,transform .25s;display:flex}.google-button:hover:not(:disabled){background:#ffffff12;border-color:#00e5d64d;transform:translateY(-1px)}.google-button:disabled{opacity:.55;cursor:not-allowed}.google-icon{color:#4285f4;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;font-size:14px;font-weight:800;display:flex}.security-text{text-align:center;color:#505d72;margin-top:25px;font-size:11px}@media (max-width:600px){.login-page{min-height:100dvh}.login-wrapper{padding:25px 16px}.login-card{border-radius:20px;width:100%;max-width:420px;padding:30px 24px}.login-card h1{font-size:28px}.brand{font-size:21px}.input-wrapper input,.login-button{height:52px}.google-button{height:50px}.glow-one{width:250px;height:250px;top:5%;left:-20%}.glow-two{width:250px;height:250px;bottom:5%;right:-20%}.background-grid{background-size:40px 40px}}@media (max-width:380px){.login-card{padding:27px 20px}.login-card h1{font-size:25px}.login-subtitle{margin-bottom:25px}}.sidebar{z-index:1000;background:radial-gradient(circle at 100% 0,#00dcff0f,#0000 35%),#071426;border-right:1px solid #ffffff0f;flex-direction:column;width:260px;height:100vh;padding:24px 18px;display:flex;position:fixed;top:0;left:0}.sidebar-status{color:#71819a;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:9px;margin-top:14px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.nav-icon{width:22px;min-width:22px;color:inherit;justify-content:center;align-items:center;font-size:19px;line-height:1;display:flex}.nav-active-line{background:#00d9e8;border-radius:4px 0 0 4px;width:3px;height:28px;position:absolute;top:9px;right:0;box-shadow:0 0 10px #00d9e8cc}.app-content{background:#030b16;min-height:100vh;margin-left:260px;padding:40px}.mobile-menu-button,.mobile-close-button{display:none}@media (max-width:900px){.sidebar{width:290px;transition:transform .25s;transform:translate(-100%);box-shadow:20px 0 50px #00000073}.sidebar.mobile-open{transform:translate(0)}.app-content{margin-left:0;padding:80px 18px 30px}.mobile-menu-button{z-index:1100;color:#00d9e8;cursor:pointer;background:#0b1b30;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;display:flex;position:fixed;top:18px;left:18px;box-shadow:0 8px 25px #00000059}.mobile-close-button{color:#fff;cursor:pointer;background:#16253a;border:0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;font-weight:700;display:flex;position:absolute;top:18px;right:18px}.sidebar-brand{padding-top:10px;font-size:22px}.sidebar-nav{gap:8px}.sidebar-section-title{margin-top:8px}.nav-item{gap:16px;min-height:54px;padding:0 16px;font-size:16px;font-weight:650}.nav-icon{width:28px;min-width:28px;font-size:23px}.nav-active-line{height:32px;top:11px}.logout-button{gap:16px;min-height:52px;font-size:16px}}@media (max-width:480px){.sidebar{width:min(300px,88vw)}.app-content{padding:76px 14px 24px}.mobile-menu-button{width:46px;height:46px;top:14px;left:14px}.nav-item{min-height:56px;font-size:16px}.nav-icon{font-size:24px}}.dashboard-page{color:#f4f7fb;background:radial-gradient(circle at 80% 0,#00dcd214,#0000 32%),#050b18;min-height:100vh;padding:38px 42px}.dashboard-title{letter-spacing:-.04em;margin:0;font-size:clamp(30px,3vw,44px);font-weight:800;line-height:1.05}.dashboard-subtitle{color:#8390a5;margin:12px 0 0;font-size:15px}.dashboard-user-badge{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d172ab8;border:1px solid #ffffff12;border-radius:16px;align-items:center;gap:12px;padding:10px 15px 10px 10px;display:flex;box-shadow:0 12px 35px #00000038,inset 0 1px #ffffff0a}.dashboard-user-avatar{color:#031016;background:linear-gradient(135deg,#00ddd2,#00a9c7);border-radius:13px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:900;display:grid;box-shadow:0 0 22px #00ddd240}.dashboard-user-badge strong{color:#f7f9fc;font-size:14px;display:block}.dashboard-user-badge span{color:#758298;margin-top:3px;font-size:12px;display:block}.dashboard-info{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px;display:grid}.dashboard-info-item{background:#0c1526b8;border:1px solid #ffffff0f;border-radius:15px;padding:18px 20px;box-shadow:inset 0 1px #ffffff06}.dashboard-info-item span{color:#68758b;letter-spacing:.13em;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.dashboard-info-item strong{color:#e9eef7;font-size:14px}.dashboard-status{align-items:center;gap:7px;display:inline-flex}.dashboard-status i{background:#00ddd2;border-radius:50%;width:7px;height:7px;display:block;box-shadow:0 0 10px #00ddd2cc}.dashboard-card{background:linear-gradient(145deg,#121f35f2,#09111ff2);border:1px solid #ffffff0f;border-radius:18px;min-height:145px;padding:21px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 18px 40px #0000002e,inset 0 1px #ffffff06}.dashboard-card:after{content:"";filter:blur(20px);background:#00ddd214;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-50px;right:-40px}.dashboard-card:hover{border-color:#00ddd233;transform:translateY(-4px);box-shadow:0 22px 45px #00000047,0 0 25px #00ddd20a}.dashboard-card-top{justify-content:space-between;align-items:center;display:flex}.dashboard-card-label{color:#718096;letter-spacing:.14em;font-size:10px;font-weight:800}.dashboard-card-icon{color:#00ddd2;background:#00ddd214;border-radius:10px;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.dashboard-card-value{color:#f7f9fc;letter-spacing:-.03em;margin-top:20px;font-size:28px;font-weight:800;display:block}.dashboard-card-description{color:#647187;margin:5px 0 0;font-size:12px}.dashboard-grid{grid-template-columns:1.25fr 1fr;gap:20px;display:grid}.dashboard-panel-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.dashboard-panel-eyebrow{color:#00ddd2;letter-spacing:.15em;font-size:10px;font-weight:800}.dashboard-panel-header h2{color:#f4f7fb;margin:6px 0 0;font-size:20px;font-weight:750}.dashboard-panel-action{color:#00ddd2;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700;transition:opacity .2s}.dashboard-panel-action:hover{opacity:.7}.dashboard-empty-icon{color:#00ddd2;background:#00ddd20f;border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:15px;font-size:22px;display:grid;box-shadow:0 0 30px #00ddd20d}@media (max-width:1100px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:800px){.dashboard-page{padding:25px 20px}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-user-badge{width:100%}.dashboard-info{grid-template-columns:1fr}}@media (max-width:550px){.dashboard-page{padding:20px 15px}.dashboard-title{font-size:30px}.dashboard-stats{grid-template-columns:1fr}.dashboard-panel{padding:18px}}.app-shell{color:#f4f7fb;background:radial-gradient(circle at 85% 10%,#00dcdc0e,#0000 28%),#050b16;width:100%;min-height:100vh;display:flex}.app-content{flex:1;min-width:0;min-height:100vh;padding:38px 40px 50px;position:relative;overflow-x:hidden}.app-content:before{content:"";filter:blur(100px);pointer-events:none;z-index:0;background:#00dcdc0e;border-radius:50%;width:500px;height:500px;position:fixed;top:-260px;right:-180px}.sidebar{z-index:20;background:linear-gradient(#0d1a2dfa,#060f1cfa);border-right:1px solid #ffffff12;flex-direction:column;width:268px;min-width:268px;min-height:100vh;padding:24px 18px;display:flex;position:sticky;top:0;box-shadow:10px 0 40px #0000002e}.sidebar-brand{letter-spacing:-1px;color:#f7f9fc;padding:0 12px;font-size:22px;font-weight:900}.sidebar-brand .brand-accent{color:#00e1df}.sidebar-status{color:#72829a;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:8px;margin:13px 12px 24px;font-size:11px;font-weight:700;display:flex}.sidebar-divider{background:#ffffff12;height:1px;margin:0 12px 24px}.sidebar-section-title{color:#56677f;letter-spacing:1.5px;margin:0 12px 13px;font-size:10px;font-weight:800}.nav-item:hover{color:#e8f5fa;background:linear-gradient(90deg,#00e1df1a,#00e1df09);transform:translate(2px)}.nav-item.active{color:#00e1df;background:linear-gradient(90deg,#00e1df26,#00e1df0b);box-shadow:inset 0 0 25px #00e1df06}.nav-icon{color:#718198;justify-content:center;align-items:center;width:22px;min-width:22px;font-size:17px;transition:color .22s,transform .22s;display:flex}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{color:#00e1df;transform:scale(1.08)}.nav-active-line{background:#00e1df;border-radius:4px 0 0 4px;width:3px;height:25px;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 10px #00e1dfe6,0 0 20px #00e1df59}.dashboard-page{z-index:1;max-width:1700px;margin:0 auto;position:relative}.dashboard-header h1{letter-spacing:-1.8px;color:#f5f8fc;margin:4px 0 8px;font-size:clamp(30px,3vw,44px);font-weight:850;line-height:1.05}.dashboard-header p{color:#71839d;margin:0;font-size:15px}.dashboard-brand{color:#00e1df;letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:850}.user-badge{background:linear-gradient(135deg,#111f33f2,#081220f2);border:1px solid #ffffff14;border-radius:15px;align-items:center;gap:12px;padding:9px 13px 9px 9px;transition:transform .25s,border-color .25s;display:flex;box-shadow:0 10px 35px #00000029}.user-badge:hover{border-color:#00e1df40;transform:translateY(-2px)}.user-avatar{color:#031017;background:#00d8d8;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:900;display:flex;box-shadow:0 0 20px #00e1df29}.dashboard-info-card{background:linear-gradient(135deg,#0d1a2de0,#081220e0);border:1px solid #fff1;border-radius:14px;min-height:76px;padding:17px 20px;transition:transform .25s,border-color .25s;box-shadow:0 8px 30px #0000001a}.dashboard-info-label{color:#5e7089;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.dashboard-info-value{color:#edf5fb;font-size:14px;font-weight:750}.dashboard-status{color:#eaf5f7;align-items:center;gap:8px;display:flex}.dashboard-status-dot{background:#00e1df;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #00e1dfe6}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.dashboard-stat-card{background:linear-gradient(135deg,#101f34f0,#081322f0);border:1px solid #fff1;border-radius:17px;min-height:140px;padding:22px;transition:transform .28s,border-color .28s,box-shadow .28s;position:relative;overflow:hidden;box-shadow:0 15px 45px #00000021}.dashboard-stat-card:after{content:"";filter:blur(30px);pointer-events:none;background:#00e1df14;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-100px;right:-80px}.dashboard-stat-card:hover{border-color:#00e1df2e;transform:translateY(-4px);box-shadow:0 20px 55px #00000038,0 0 30px #00e1df09}.dashboard-stat-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.dashboard-stat-label{color:#657893;letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:800}.dashboard-stat-icon{color:#00e1df;background:#00e1df17;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex;box-shadow:inset 0 0 18px #00e1df08}.dashboard-stat-value{z-index:2;color:#f4f8fc;letter-spacing:-1px;margin:0;font-size:30px;font-weight:850;line-height:1;position:relative}.dashboard-stat-description{color:#60728d;margin-top:8px;font-size:12px}.dashboard-panels{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.dashboard-panel{background:linear-gradient(135deg,#0a1627f5,#060f1cf5);border:1px solid #fff1;border-radius:18px;min-height:320px;padding:23px;box-shadow:0 18px 50px #00000026}.dashboard-panel-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.dashboard-panel-label{color:#00e1df;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:850}.dashboard-panel-title{color:#eef5fa;letter-spacing:-.5px;margin:0;font-size:20px;font-weight:800}.dashboard-panel-link{color:#00e1df;cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:12px;font-weight:750;transition:opacity .2s,transform .2s}.dashboard-panel-link:hover{opacity:.75;transform:translate(3px)}.dashboard-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.dashboard-empty-icon{color:#00e1df;background:#00e1df0f;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:15px;font-size:20px;display:flex;box-shadow:0 0 30px #00e1df0f}.dashboard-empty h3{color:#e5edf4;margin:0 0 7px;font-size:14px}.dashboard-empty p{color:#566983;margin:0;font-size:12px}@keyframes dashboardFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dashboard-header,.dashboard-info-grid,.dashboard-stats,.dashboard-panels{animation:.55s both dashboardFadeUp}.dashboard-info-grid{animation-delay:60ms}.dashboard-stats{animation-delay:.12s}.dashboard-panels{animation-delay:.18s}@media (max-width:1200px){.sidebar{width:235px;min-width:235px}.app-content{padding:30px}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.dashboard-info-grid,.dashboard-panels{grid-template-columns:1fr}}@media (max-width:700px){.sidebar{width:72px;min-width:72px;padding:20px 10px}.sidebar-brand{text-align:center;padding:0;font-size:0}.sidebar-brand span:first-child{font-size:18px}.sidebar-brand .brand-accent,.sidebar-status,.sidebar-divider,.sidebar-section-title,.nav-item span:not(.nav-icon),.logout-button span:last-child{display:none}.nav-item{justify-content:center;padding:0}.nav-icon{margin:0}.sidebar-bottom{align-items:center}.logout-button{justify-content:center;padding:0}.app-content{padding:25px 18px 35px}.dashboard-header{align-items:flex-start}.dashboard-header h1{font-size:30px}.user-badge{display:none}.dashboard-stats{grid-template-columns:1fr}}@media (max-width:480px){.app-content{padding:20px 14px 30px}.dashboard-header h1{font-size:26px}.dashboard-panel{padding:18px}.dashboard-stat-card{min-height:125px}}.dashboard-page{--db-bg:#050b14;--db-bg-soft:#08111f;--db-card:#0b1626;--db-card-2:#0d1a2c;--db-border:#94a3b81f;--db-border-hover:#00d9e847;--db-text:#f4f7fb;--db-muted:#71819a;--db-muted-2:#8c9bb0;--db-cyan:#00d9e8;--db-cyan-soft:#00d9e81f;--db-cyan-glow:#00d9e833;width:100%;min-height:100vh;color:var(--db-text);background:radial-gradient(circle at 85% 5%, #00d9e812, transparent 28%), radial-gradient(circle at 45% 55%, #0064ff06, transparent 35%), var(--db-bg);box-sizing:border-box;padding:38px 42px 70px}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:30px;display:flex}.dashboard-header-left{min-width:0}.dashboard-eyebrow{color:var(--db-cyan);letter-spacing:2.4px;text-transform:uppercase;text-shadow:0 0 18px #00d9e840;align-items:center;margin-bottom:10px;font-size:11px;font-weight:800;display:inline-flex}.dashboard-title{color:#f8fafc;letter-spacing:-1.8px;margin:0;font-size:clamp(32px,3vw,48px);font-weight:800;line-height:1.08}.dashboard-subtitle{color:var(--db-muted-2);margin:12px 0 0;font-size:14px;line-height:1.6}.dashboard-user-card{border:1px solid var(--db-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#0f1f31f2,#07111ee6);border-radius:16px;align-items:center;gap:13px;min-width:190px;padding:11px 15px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;box-shadow:0 12px 35px #0003,inset 0 1px #ffffff06}.dashboard-user-card:hover{border-color:#00d9e838;transform:translateY(-2px);box-shadow:0 15px 40px #00000047,0 0 25px #00d9e80d}.dashboard-user-avatar{color:#041015;background:linear-gradient(135deg,#00d9e8,#00b7d4);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:900;display:flex;box-shadow:0 0 22px #00d9e833}.dashboard-user-info{flex-direction:column;gap:3px;min-width:0;display:flex}.dashboard-user-info strong{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.dashboard-user-info span{color:var(--db-muted);font-size:11px}.dashboard-filter-section{border:1px solid var(--db-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0d1b2ceb,#07111eeb);border-radius:16px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px;padding:18px 20px;display:flex;box-shadow:0 15px 40px #0000001f}.dashboard-filter-label{color:var(--db-cyan);letter-spacing:1.7px;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.dashboard-filter-description{color:var(--db-muted-2);margin:0;font-size:13px}.dashboard-period-filter{background:#020812a6;border:1px solid #94a3b81a;border-radius:12px;align-items:center;gap:5px;padding:4px;display:flex}.dashboard-period-filter button{color:#74849a;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:650;transition:color .2s,background .2s,box-shadow .2s,transform .2s;position:relative}.dashboard-period-filter button:hover{color:#dce8f4;background:#ffffff09}.dashboard-period-filter button.active{color:#031116;background:linear-gradient(135deg,#00d9e8,#00bdd3);box-shadow:0 0 18px #00d9e82e}.dashboard-period-filter button:active{transform:scale(.97)}.dashboard-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.dashboard-info-card{border:1px solid var(--db-border);background:linear-gradient(135deg,#0c192af2,#07101cf2);border-radius:15px;flex-direction:column;justify-content:center;min-height:74px;padding:17px 20px;transition:border-color .25s,transform .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.dashboard-info-card:after{content:"";filter:blur(25px);pointer-events:none;background:#00d9e80d;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-55px;right:-35px}.dashboard-info-card:hover{border-color:var(--db-border-hover);transform:translateY(-2px)}.dashboard-info-card>span{color:#64758d;letter-spacing:1.5px;margin-bottom:6px;font-size:9px;font-weight:800}.dashboard-info-card>strong{color:#e9f1f8;font-size:14px;font-weight:700}.dashboard-status-card strong{align-items:center;gap:8px;display:flex}.dashboard-status-card i{background:var(--db-cyan);border-radius:50%;width:7px;height:7px;animation:2s infinite dashboard-status-pulse;display:block;box-shadow:0 0 10px #00d9e8cc}@keyframes dashboard-status-pulse{0%,to{opacity:1;box-shadow:0 0 8px #00d9e8b3}50%{opacity:.55;box-shadow:0 0 18px #00d9e8f2}}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.dashboard-metric-card{border:1px solid var(--db-border);background:linear-gradient(145deg,#0e1d30fa,#07111df5);border-radius:17px;min-height:145px;padding:20px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 15px 35px #00000021,inset 0 1px #ffffff05}.dashboard-metric-card:before{content:"";filter:blur(30px);pointer-events:none;background:#00d9e80e;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-65px;right:-45px}.dashboard-metric-card:hover{border-color:#00d9e838;transform:translateY(-4px);box-shadow:0 18px 45px #0003,0 0 25px #00d9e80b}.dashboard-metric-top{z-index:1;justify-content:space-between;align-items:center;margin-bottom:17px;display:flex;position:relative}.dashboard-metric-top>span{color:#73849b;letter-spacing:1.5px;font-size:10px;font-weight:800}.dashboard-metric-icon{width:34px;height:34px;color:var(--db-cyan);background:#00d9e817;border:1px solid #00d9e814;border-radius:10px;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex;box-shadow:inset 0 0 15px #00d9e809}.dashboard-metric-card>strong{z-index:1;color:#f4f8fc;letter-spacing:-.7px;margin-bottom:11px;font-size:27px;font-weight:800;line-height:1;display:block;position:relative}.dashboard-metric-bottom{z-index:1;flex-wrap:wrap;align-items:center;gap:7px;display:flex;position:relative}.dashboard-metric-bottom small{color:#64758c;font-size:10px}.dashboard-positive{color:#22d3a5;font-size:11px;font-weight:750}.dashboard-active{color:var(--db-cyan);font-size:11px;font-weight:750}.dashboard-panel{border:1px solid var(--db-border);background:linear-gradient(145deg,#0b1727fa,#060f1bf7);border-radius:18px;min-width:0;padding:24px;position:relative;overflow:hidden;box-shadow:0 15px 40px #00000021,inset 0 1px #ffffff04}.dashboard-panel:after{content:"";filter:blur(35px);pointer-events:none;background:#00d9e806;border-radius:50%;width:220px;height:220px;position:absolute;top:-100px;right:-100px}.dashboard-panel-header{z-index:2;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex;position:relative}.dashboard-panel-eyebrow{color:var(--db-cyan);letter-spacing:1.8px;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:850;display:block}.dashboard-panel-header h2{color:#eef4f9;letter-spacing:-.3px;margin:0;font-size:19px;font-weight:750;line-height:1.2}.dashboard-panel-header p{color:#66778f;margin:7px 0 0;font-size:11px}.dashboard-panel-total{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.dashboard-panel-total strong{color:#f2f7fb;font-size:18px;font-weight:800}.dashboard-panel-total span{color:#63748a;margin-top:3px;font-size:9px}.dashboard-charts-grid{grid-template-columns:minmax(0,1.55fr) minmax(350px,.85fr);gap:16px;margin-bottom:16px;display:grid}.dashboard-income-panel,.dashboard-reservation-panel{min-height:405px}.dashboard-chart{width:100%;height:285px}.dashboard-chart svg,.dashboard-bar-chart svg,.dashboard-pie-chart svg{overflow:visible}.dashboard-chart .recharts-cartesian-axis-tick-value,.dashboard-bar-chart .recharts-cartesian-axis-tick-value{fill:#61728a}.dashboard-chart .recharts-cartesian-grid-horizontal line,.dashboard-bar-chart .recharts-cartesian-grid-horizontal line{stroke:#64748b21}.dashboard-chart .recharts-tooltip-cursor{stroke:#00d9e833}.dashboard-pie-wrapper{justify-content:center;align-items:center;gap:28px;min-height:285px;display:flex}.dashboard-pie-chart{flex-shrink:0;width:230px;height:230px;position:relative}.dashboard-pie-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dashboard-pie-center strong{color:#f4f8fc;font-size:27px;font-weight:850;line-height:1}.dashboard-pie-center span{color:#65758c;margin-top:6px;font-size:10px}.dashboard-pie-legend{flex-direction:column;gap:13px;min-width:135px;display:flex}.dashboard-legend-item{color:#8292a8;border-bottom:1px solid #94a3b812;justify-content:space-between;align-items:center;gap:18px;padding-bottom:10px;font-size:11px;display:flex}.dashboard-legend-item>span{align-items:center;gap:8px;display:flex}.dashboard-legend-item i{border-radius:50%;width:8px;height:8px;display:block;box-shadow:0 0 8px #00d9e826}.dashboard-legend-item strong{color:#e8eef4;font-size:12px}.dashboard-lower-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px;display:grid}.dashboard-lower-grid>.dashboard-panel{min-height:370px}.dashboard-bar-chart{width:100%;height:260px}.dashboard-view-all{color:var(--db-cyan);cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:11px;font-weight:750;transition:color .2s,transform .2s}.dashboard-view-all:hover{color:#6eeff7;transform:translate(3px)}.dashboard-reservations-list{flex-direction:column;gap:8px;display:flex}.dashboard-reservation-row{background:#ffffff05;border:1px solid #94a3b812;border-radius:12px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:15px;padding:13px 14px;transition:background .2s,border-color .2s,transform .2s;display:grid}.dashboard-reservation-row:hover{background:#00d9e809;border-color:#00d9e824;transform:translate(2px)}.dashboard-reservation-time{color:var(--db-cyan);font-size:13px;font-weight:800}.dashboard-reservation-main{flex-direction:column;gap:4px;min-width:0;display:flex}.dashboard-reservation-main strong{color:#e9f0f6;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.dashboard-reservation-main span{color:#64758c;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.dashboard-reservation-status{border-radius:999px;padding:5px 9px;font-size:9px;font-weight:750}.dashboard-reservation-status.confirmed{color:#35d9ae;background:#22d3a514;border:1px solid #22d3a51f}.dashboard-reservation-status.pending{color:#f4c56b;background:#f4c56b14;border:1px solid #f4c56b1f}.dashboard-activity-panel{margin-bottom:0}.dashboard-activity-list{flex-direction:column;gap:4px;display:flex}.dashboard-activity-item{border-bottom:1px solid #94a3b812;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px 5px;transition:background .2s,padding-left .2s;display:grid}.dashboard-activity-item:last-child{border-bottom:0}.dashboard-activity-item:hover{background:#00d9e806;padding-left:9px}.dashboard-activity-icon{width:36px;height:36px;color:var(--db-cyan);background:#00d9e812;border:1px solid #00d9e812;border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.dashboard-activity-content{flex-direction:column;gap:4px;min-width:0;display:flex}.dashboard-activity-content strong{color:#e8eef5;font-size:11px}.dashboard-activity-content span{color:#64758c;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.dashboard-activity-item time{color:#52637a;white-space:nowrap;font-size:9px}.dashboard-page .recharts-tooltip-wrapper{outline:none}.dashboard-page .recharts-default-tooltip{box-shadow:0 15px 35px #00000059,0 0 20px #00d9e80a;background:#0b1424!important;border:1px solid #00d9e824!important;border-radius:12px!important;padding:10px 12px!important}.dashboard-page .recharts-tooltip-label{margin-bottom:5px;color:#dce7f0!important;font-size:10px!important}.dashboard-page .recharts-tooltip-item{color:#00d9e8!important;font-size:10px!important}@media (max-width:1250px){.dashboard-page{padding:30px}.dashboard-charts-grid{grid-template-columns:1fr}.dashboard-income-panel,.dashboard-reservation-panel{min-height:auto}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.dashboard-page{padding:25px 20px 50px}.dashboard-header{flex-direction:column}.dashboard-user-card{box-sizing:border-box;width:100%}.dashboard-filter-section{flex-direction:column;align-items:flex-start}.dashboard-period-filter{scrollbar-width:none;width:100%;overflow-x:auto}.dashboard-period-filter::-webkit-scrollbar{display:none}.dashboard-period-filter button{flex-shrink:0}.dashboard-info-grid,.dashboard-lower-grid{grid-template-columns:1fr}}@media (max-width:650px){.dashboard-page{padding:22px 14px 40px}.dashboard-title{letter-spacing:-1px;font-size:30px}.dashboard-subtitle{font-size:12px}.dashboard-filter-section{padding:15px}.dashboard-period-filter{width:100%}.dashboard-period-filter button{padding:8px 11px;font-size:10px}.dashboard-metrics{grid-template-columns:1fr}.dashboard-metric-card{min-height:130px}.dashboard-panel{border-radius:15px;padding:17px}.dashboard-panel-header{margin-bottom:14px}.dashboard-panel-header h2{font-size:17px}.dashboard-panel-header p{font-size:10px}.dashboard-chart{height:230px}.dashboard-pie-wrapper{flex-direction:column;gap:20px;padding:10px 0}.dashboard-pie-chart{width:200px;height:200px}.dashboard-pie-legend{width:100%}.dashboard-lower-grid>.dashboard-panel{min-height:auto}.dashboard-bar-chart{height:240px}.dashboard-reservation-row{grid-template-columns:48px minmax(0,1fr)}.dashboard-reservation-status{grid-column:2;justify-self:start}.dashboard-activity-item{grid-template-columns:34px minmax(0,1fr)}.dashboard-activity-item time{display:none}}@media (prefers-reduced-motion:reduce){.dashboard-page *,.dashboard-page :before,.dashboard-page :after{transition:none!important;animation:none!important}}.dashboard-filter-group{align-items:center;gap:12px;margin-left:18px;display:flex}.dashboard-filter-group label{color:#71809a;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:800}.dashboard-barbero-select{appearance:none;color:#f4f7fb;cursor:pointer;background-color:#0b1728;background-image:linear-gradient(45deg,#0000 50%,#00d5df 50%),linear-gradient(135deg,#00d5df 50%,#0000 50%);background-position:calc(100% - 19px) 19px,calc(100% - 14px) 19px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #ffffff14;border-radius:12px;outline:none;min-width:210px;height:46px;padding:0 42px 0 16px;font-family:inherit;font-size:13px;font-weight:700;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s}.dashboard-barbero-select:hover{background-color:#0d1b2f;border-color:#00d6df59}.dashboard-barbero-select:focus{border-color:#00d5df;box-shadow:0 0 0 3px #00d5df1a,0 0 24px #00d5df14}.dashboard-barbero-select option{color:#f4f7fb;background:#0b1728;padding:12px}.app-shell{background:#020914;width:100%;min-height:100vh}.app-content{box-sizing:border-box;width:calc(100% - 260px);min-height:100vh;margin-left:260px}.sidebar{z-index:1000;box-sizing:border-box;background:linear-gradient(#0a1728 0%,#071221 100%);border-right:1px solid #ffffff12;flex-direction:column;width:260px;height:100vh;padding:24px 18px;transition:transform .25s,box-shadow .25s;display:flex;position:fixed;top:0;left:0}.sidebar-header{justify-content:space-between;align-items:center;min-height:34px;display:flex}.sidebar-brand{letter-spacing:-.5px;color:#f4f7fb;font-size:20px;font-weight:800}.brand-accent{color:#00d5e5}.sidebar-status{text-transform:uppercase;letter-spacing:1px;color:#71819a;align-items:center;gap:9px;margin-top:17px;font-size:11px;font-weight:700;display:flex}.status-dot{background:#00d5e5;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 10px #00d5e5cc}.sidebar-divider{background:#ffffff12;width:100%;height:1px;margin:20px 0 22px}.sidebar-nav{flex-direction:column;gap:5px;display:flex}.sidebar-section-title{letter-spacing:1.4px;color:#53657d;margin:0 0 12px 11px;font-size:10px;font-weight:800}.nav-item{color:#718198;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;width:100%;min-height:46px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:650;transition:background .2s,color .2s,transform .2s;display:flex;position:relative}.nav-item:hover{color:#dce7f3;background:#00d5e50f}.nav-item.active{color:#00d5e5;background:linear-gradient(90deg,#00d5e524,#00d5e50a)}.nav-icon{width:21px;color:inherit;flex-shrink:0;justify-content:center;font-size:18px;display:flex}.nav-text{white-space:nowrap}.nav-active-line{background:#00d5e5;border-radius:4px 0 0 4px;width:3px;height:25px;position:absolute;right:0;box-shadow:0 0 12px #00d5e5cc}.sidebar-bottom{border-top:1px solid #ffffff12;flex-direction:column;gap:5px;margin-top:auto;padding-top:15px;display:flex}.logout-button{color:#6d7d93;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;width:100%;min-height:44px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:650;transition:background .2s,color .2s;display:flex}.logout-button:hover{color:#fff;background:#ffffff0a}.mobile-menu-button{z-index:1100;cursor:pointer;background:#071221f2;border:1px solid #ffffff14;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:none;position:fixed;top:16px;left:16px;box-shadow:0 8px 30px #00000059}.mobile-menu-button span{background:#00d5e5;border-radius:2px;width:19px;height:2px;display:block}.sidebar-close-button{color:#fff;cursor:pointer;background:#ffffff0d;border:0;border-radius:9px;width:36px;height:36px;font-size:25px;line-height:1;display:none}.sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a6;display:none;position:fixed;inset:0}@media (max-width:900px){.app-content{width:100%;min-height:100vh;margin-left:0}.mobile-menu-button{display:flex}.sidebar{width:280px;box-shadow:none;transform:translate(-100%)}.sidebar.sidebar-mobile-open{transform:translate(0);box-shadow:10px 0 40px #00000073}.sidebar-close-button{justify-content:center;align-items:center;display:flex}.sidebar-mobile-open+.sidebar-overlay,.sidebar-overlay{display:block}}@media (max-width:600px){.sidebar{width:min(290px,85vw)}.mobile-menu-button{width:42px;height:42px;top:12px;left:12px}}.sidebar-overlay{display:none}@media (max-width:900px){.sidebar-overlay{z-index:900;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a6;display:block;position:fixed;inset:0}.sidebar{z-index:1000}}.sidebar .sidebar-brand{color:#f4f7fb!important;white-space:nowrap!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;font-size:21px!important;font-weight:800!important;display:flex!important;overflow:visible!important}.sidebar .brand-accent{color:#00d5e5!important;margin-left:4px!important;display:inline!important}.sidebar .nav-item{color:#718198!important;white-space:nowrap!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:13px!important;font-size:14px!important;display:flex!important;overflow:visible!important}.sidebar .nav-item .nav-icon{width:24px!important;min-width:24px!important;color:inherit!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;font-size:19px!important;display:flex!important}.sidebar .nav-item .nav-text{visibility:visible!important;opacity:1!important;width:auto!important;height:auto!important;color:inherit!important;white-space:nowrap!important;font-size:14px!important;font-weight:650!important;line-height:1.2!important;display:block!important;overflow:visible!important}.sidebar .nav-item>span:not(.nav-icon):not(.nav-active-line){visibility:visible!important;opacity:1!important;color:inherit!important;white-space:nowrap!important;font-size:14px!important;display:block!important}.sidebar .sidebar-section-title{visibility:visible!important;opacity:1!important;color:#53657d!important;display:block!important}.sidebar .sidebar-close-button{flex-shrink:0!important}.sidebar .logout-button{justify-content:flex-start!important;align-items:center!important;gap:13px!important;display:flex!important}.sidebar .logout-button span:last-child{visibility:visible!important;opacity:1!important;color:inherit!important;white-space:nowrap!important;font-size:14px!important;display:block!important}@media (max-width:900px){.sidebar{width:290px!important;max-width:85vw!important;padding:20px 18px!important}.sidebar .nav-item{min-height:50px!important;padding:0 14px!important}.sidebar .nav-item .nav-icon{width:26px!important;min-width:26px!important;font-size:21px!important}.sidebar .nav-item .nav-text,.sidebar .nav-item>span:not(.nav-icon):not(.nav-active-line){visibility:visible!important;opacity:1!important;font-size:15px!important;display:block!important}}.atencion-page{box-sizing:border-box;color:#f4f7fb;min-height:100vh;padding:42px 48px 70px}.atencion-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:34px;display:flex}.atencion-header .eyebrow{color:#00d5e5;letter-spacing:1.5px;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.atencion-header h1{color:#f7fafc;letter-spacing:-1.8px;margin:0;font-size:clamp(34px,3vw,52px);font-weight:800;line-height:1.05}.atencion-header p{color:#718198;margin:10px 0 0;font-size:15px}.fecha-card{box-sizing:border-box;background:#0a1828;border:1px solid #ffffff12;border-radius:14px;min-width:170px;padding:16px 18px}.fecha-card span{color:#5d718a;letter-spacing:1.1px;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.fecha-card strong{color:#eaf2f7;font-size:15px}.atencion-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.atencion-card{box-sizing:border-box;background:linear-gradient(145deg,#0a1929 0%,#081522 100%);border:1px solid #ffffff12;border-radius:17px;min-width:0;padding:26px}.card-heading{margin-bottom:25px}.card-heading>span{color:#00d5e5;letter-spacing:1.3px;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.card-heading h2{color:#eef4f8;letter-spacing:-.5px;margin:0;font-size:21px;font-weight:750}.card-heading p{color:#657990;margin:7px 0 0;font-size:13px;line-height:1.5}.form-group{margin-bottom:21px}.form-group label{color:#9aaac0;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.form-group label small{color:#52667e;font-weight:500}.form-group input,.form-group select{box-sizing:border-box;color:#eaf1f6;background:#06101d;border:1px solid #1a2b40;border-radius:10px;outline:none;width:100%;min-height:48px;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.form-group select{cursor:pointer}.form-group select option{color:#fff;background:#081522}.cliente-existente{background:#00d5e50d;border:1px solid #00d5e526;border-radius:10px;align-items:center;gap:11px;margin:-4px 0 20px;padding:11px 13px;display:flex}.cliente-check{color:#00d5e5;background:#00d5e51f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-weight:800;display:flex}.cliente-existente strong,.cliente-existente span{display:block}.cliente-existente strong{color:#dce9f1;font-size:12px}.cliente-existente span{color:#5f748d;margin-top:2px;font-size:11px}.cliente-info-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:5px;display:grid}.cliente-info-grid>div{background:#02091459;border:1px solid #ffffff0d;border-radius:10px;padding:13px}.cliente-info-grid span,.cliente-info-grid strong{display:block}.cliente-info-grid span{color:#53677f;letter-spacing:1px;margin-bottom:5px;font-size:8px;font-weight:800}.cliente-info-grid strong{color:#dce7ef;font-size:12px}.cliente-nuevo{color:#00d5e5!important}.cliente-frecuente{color:#28dfb1!important}.automatic-field{box-sizing:border-box;background:#06101d;border:1px solid #1a2b40;border-radius:11px;align-items:center;gap:11px;min-height:64px;padding:10px 12px;display:flex}.automatic-avatar{color:#00d5e5;background:#00d5e51c;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:800;display:flex}.automatic-info{flex:1;min-width:0}.automatic-info strong,.automatic-info span{display:block}.automatic-info strong{color:#e6eef4;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.automatic-info span{color:#52677f;margin-top:3px;font-size:10px}.automatic-badge{color:#00d5e5;border:1px solid #00d5e52e;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:700}.segmented-control{background:#06101d;border:1px solid #1a2b40;border-radius:10px;grid-template-columns:1fr 1fr;gap:5px;padding:4px;display:grid}.segmented-control button{color:#687c94;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:39px;font-family:inherit;font-size:12px;font-weight:700;transition:background .2s,color .2s}.segmented-control button:hover{color:#dce7ef}.segmented-control button.selected{color:#00d5e5;background:#00d5e51f}.money-input{box-sizing:border-box;background:#06101d;border:1px solid #1a2b40;border-radius:10px;align-items:center;min-height:48px;display:flex;overflow:hidden}.money-input:focus-within{border-color:#00d5e5;box-shadow:0 0 0 3px #00d5e514}.money-input>span{color:#00d5e5;padding-left:14px;font-size:12px;font-weight:800}.money-input input{min-height:46px;box-shadow:none!important;background:0 0!important;border:0!important}.total-line{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:20px;display:flex}.total-line span{color:#53677f;font-size:12px}.total-line strong{color:#00d5e5;letter-spacing:-.5px;font-size:23px}.atencion-message{border-radius:10px;margin-top:18px;padding:13px 15px;font-size:12px;font-weight:650}.atencion-message.success{color:#28dfb1;background:#28dfb10f;border:1px solid #28dfb126}.atencion-message.error{color:#ff7d7d;background:#ff5a5a0f;border:1px solid #ff5a5a26}.atencion-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.secondary-button,.primary-button{cursor:pointer;border-radius:10px;min-height:46px;padding:0 20px;font-family:inherit;font-size:12px;font-weight:750;transition:transform .2s,background .2s}.secondary-button:hover{color:#dbe5ed;background:#0c1c2d}.primary-button{color:#031019;background:#00d5e5;border:0;box-shadow:0 8px 24px #00d5e524}.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (max-width:1000px){.atencion-page{padding:34px 28px 60px}.atencion-grid{grid-template-columns:1fr}}@media (max-width:700px){.atencion-page{padding:76px 16px 40px}.atencion-header{flex-direction:column;gap:18px}.atencion-header h1{font-size:34px}.fecha-card{width:100%}.atencion-card{border-radius:15px;padding:20px}.cliente-info-grid{grid-template-columns:1fr 1fr}.atencion-actions{flex-direction:column-reverse}.secondary-button,.primary-button{width:100%}}@media (max-width:430px){.atencion-page{padding-left:12px;padding-right:12px}.atencion-header h1{font-size:30px}.atencion-card{padding:17px}.cliente-info-grid{grid-template-columns:1fr}.automatic-badge{display:none}}.barberos-page{color:#f5f7fa;box-sizing:border-box;width:100%;min-height:100%;padding:34px 38px 50px}.barberos-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00c8ef,#009fc2);border:1px solid #00d9ff59;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 8px 25px #00c8ef29}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 30px #00c8ef40}.btn-primary:active{transform:translateY(0)}.btn-primary span{font-size:18px;line-height:1}.barberos-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:38px;display:grid}.summary-card{box-sizing:border-box;background:linear-gradient(145deg,#122234f2,#081422f2);border:1px solid #ffffff12;border-radius:15px;align-items:center;gap:16px;min-height:105px;padding:20px 22px;display:flex;box-shadow:0 12px 35px #00000029}.summary-icon{color:#00d9ff;background:#00d9ff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;display:flex}.summary-icon.active{color:#00e6a0;background:#00e6a01a;font-size:14px}.summary-card span{color:#8190a3;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.summary-card strong{color:#fff;font-size:28px;line-height:1;display:block}.barberos-section{width:100%}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title-row h2{color:#fff;margin:0;font-size:22px;font-weight:700}.section-title-row p{color:#7f8da0;margin:6px 0 0;font-size:13px}.empty-state{text-align:center;box-sizing:border-box;background:#0b192873;border:1px dashed #ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:35px;display:flex}.empty-icon{color:#00d9ff;background:#00d9ff17;border-radius:16px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:16px;font-size:26px;display:flex}.empty-state h3{color:#fff;margin:0 0 7px;font-size:18px}.empty-state p{color:#7f8da0;margin:0 0 18px;font-size:13px}.loader{border:3px solid #ffffff14;border-top-color:#00d9ff;border-radius:50%;width:34px;height:34px;margin-bottom:12px;animation:.8s linear infinite barberLoader}@keyframes barberLoader{to{transform:rotate(360deg)}}@media (max-width:900px){.barberos-page{padding:25px 22px 40px}.barberos-header{align-items:flex-start}.barberos-summary{grid-template-columns:1fr}}@media (max-width:600px){.barberos-page{padding:20px 16px 35px}.barberos-header{flex-direction:column;align-items:stretch;gap:18px}.barberos-header h1{font-size:29px}.btn-primary{width:100%}.barberos-summary{gap:12px;margin-bottom:28px}.summary-card{min-height:90px;padding:16px}.summary-card strong{font-size:24px}.barberos-grid{grid-template-columns:1fr}.section-title-row h2{font-size:19px}}.barberos-page{color:#edf5fa;min-height:100vh;padding:42px 48px 80px}.barberos-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.section-label{color:#08d4f5;letter-spacing:1.5px;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.barberos-header h1{letter-spacing:-.8px;margin:0;font-size:34px;font-weight:800;line-height:1.1}.barberos-header p{color:#6e8499;margin:7px 0 0;font-size:14px}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:10px;padding:12px 19px;font-family:inherit;font-size:13px;font-weight:750;transition:all .2s}.primary-button{color:#fff;background:#08b9dc;box-shadow:0 8px 25px #00bee126}.primary-button:hover{background:#0bc9eb;transform:translateY(-1px)}.secondary-button{color:#a9bdcd;background:#0b1c2a;border:1px solid #20394d}.secondary-button:hover{color:#08d4f5;border-color:#08b9dc}.stats-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:38px;display:grid}.stat-card{background:linear-gradient(145deg,#0d1c2a,#091722);border:1px solid #172d40;border-radius:14px;align-items:center;gap:15px;min-height:105px;padding:20px;display:flex}.stat-icon{color:#00d4f5;background:#00d3f214;border-radius:12px;justify-content:center;align-items:center;width:45px;min-width:45px;height:45px;font-size:17px;font-weight:800;display:flex}.stat-card span{color:#73899e;margin-bottom:4px;font-size:12px;display:block}.stat-card strong{color:#f4f8fb;font-size:24px;line-height:1.15;display:block}.stat-card small{color:#52697e;margin-top:4px;font-size:11px;display:block}.barberos-section{margin-top:35px}.barberos-section-header{margin-bottom:16px}.barberos-section-header h2,.services-header h2{margin:0;font-size:20px;font-weight:750}.barberos-section-header p,.services-header p{color:#698097;margin:6px 0 0;font-size:13px}.filters-card{box-sizing:border-box;background:#091722;border:1px solid #172d40;border-radius:16px;justify-content:space-between;align-items:center;gap:30px;width:100%;min-height:82px;padding:18px 22px;display:flex}.filters-card>div:first-child{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.filters-card .filter-label{color:#08d4f5;letter-spacing:1.5px;text-transform:uppercase;margin:0;font-size:10px;font-weight:800;line-height:1.2;display:block}.filters-card h2{color:#f1f6fa;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:750;line-height:1.2}.filters-card .filters{flex-shrink:0;align-items:center;gap:10px;display:flex}.filters-card .filters select{appearance:none;box-sizing:border-box;color:#dce7ef;cursor:pointer;background-color:#07131e;background-image:linear-gradient(45deg,#0000 50%,#71899d 50%),linear-gradient(135deg,#71899d 50%,#0000 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #20394c;border-radius:10px;outline:none;width:175px;height:44px;padding:0 38px 0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.filters-card .filters select:hover{background-color:#0a1b29;border-color:#2b5269}.filters-card .filters select:focus{border-color:#08c9e8;box-shadow:0 0 0 3px #08c9e81a}.filters-card .filters select option{color:#dce7ef;background:#07131e}@media (max-width:800px){.filters-card .filters{width:100%}.filters-card .filters select{flex:1;width:100%}.filters-card{flex-direction:column;align-items:stretch;gap:14px}.filters{justify-content:stretch;width:100%}.filters select{flex:1;width:100%}}.performance-empty{box-sizing:border-box;text-align:center;background:#07131e;border:1px dashed #20394b;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:300px;padding:45px 30px;display:flex}.performance-empty .empty-icon{color:#00d4f5;background:#00d3f214;border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 0 18px;font-size:23px;font-weight:700;display:flex}.performance-empty h3{color:#edf5fa;margin:0 0 8px;font-family:inherit;font-size:18px;font-weight:800;line-height:1.3}.performance-empty p{color:#6f879d;max-width:560px;margin:0 0 22px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.5}.performance-empty .primary-button{color:#fff;cursor:pointer;background:#08bfe0;border:0;border-radius:11px;min-height:48px;padding:0 24px;font-family:inherit;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.performance-empty .primary-button:hover{background:#00aecd;transform:translateY(-1px)}@media (max-width:800px){.performance-empty{min-height:260px;padding:30px 20px}.performance-empty h3{font-size:18px}.performance-empty p{font-size:13px}.performance-card{min-height:260px;padding:30px 20px}.performance-card h3{font-size:18px}.performance-card p{font-size:13px}}.services-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.services-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.service-card{background:#091722;border:1px solid #172d40;border-radius:14px;padding:20px}.service-card h3{color:#edf5fa;margin:0 0 7px;font-size:15px}.service-card p{color:#6c8297;margin:0;font-size:12px;line-height:1.6}.modal-overlay,.modal-backdrop,.barbero-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02080ec7;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.modal,.modal-content,.barbero-modal{background:linear-gradient(145deg,#0b1b29 0%,#081722 55%,#07141f 100%);border:1px solid #214057;border-radius:18px;width:min(920px,100%);max-height:calc(100vh - 60px);overflow-y:auto;box-shadow:0 30px 80px #0000008c,0 0 0 1px #00d2f008}.modal::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar{width:6px}.barbero-modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-thumb{background:#20394c;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#20394c;border-radius:10px}.barbero-modal::-webkit-scrollbar-thumb{background:#20394c;border-radius:10px}.modal-header,.barbero-modal-header{border-bottom:1px solid #172d40;justify-content:space-between;align-items:flex-start;padding:30px 34px 25px;display:flex}.modal-header h2,.barbero-modal-header h2{color:#f2f7fa;letter-spacing:-.5px;margin:4px 0 5px;font-size:27px;font-weight:800}.modal-header p,.barbero-modal-header p{color:#71869a;margin:0;font-size:13px}.modal-close,.close-button,.barbero-modal-close{color:#8195a7;cursor:pointer;background:#0a1926;border:1px solid #254055;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;transition:all .2s;display:flex}.modal-close:hover,.close-button:hover,.barbero-modal-close:hover{color:#00d4f5;background:#0c202e;border-color:#00c9e9}.modal form,.barbero-modal form{padding:0 34px 30px}.form-section{border-bottom:1px solid #172d40;padding:27px 0}.form-section:last-of-type{border-bottom:0}.form-section-header{align-items:flex-start;gap:13px;margin-bottom:22px;display:flex}.form-number{color:#00d4f5;background:#00d2f014;border-radius:9px;justify-content:center;align-items:center;min-width:31px;height:31px;font-size:11px;font-weight:800;display:flex}.form-section-header h3{color:#eaf2f6;margin:0;font-size:16px;font-weight:750}.form-section-header p{color:#60778c;margin:4px 0 0;font-size:12px}.form-group.full{grid-column:1/-1}.form-group label{color:#aebdca;font-size:12px;font-weight:650}.form-group label span{color:#00cce9}.form-group input,.form-group textarea,.form-group select{box-sizing:border-box;color:#e8f0f5;background:#07131e;border:1px solid #223c50;border-radius:9px;outline:none;width:100%;padding:12px 13px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#455d71}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:#2c4c61}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:#081723;border-color:#00c9e9;box-shadow:0 0 0 3px #00c9e914}.form-group textarea{resize:vertical;min-height:90px}.form-group input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.form-group input[type=number]{appearance:textfield}.status-box{color:#aebdca;background:#07131e;border:1px solid #223c50;border-radius:9px;align-items:center;gap:10px;min-height:43px;padding:0 14px;font-size:13px;display:flex}.status-dot{background:#20d89a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #20d89a8c}.modal-footer,.barbero-modal-footer{border-top:1px solid #172d40;justify-content:flex-end;align-items:center;gap:10px;padding-top:25px;display:flex}.modal-footer button,.barbero-modal-footer button{cursor:pointer;border-radius:10px;min-height:43px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:750}.modal-footer .cancel-button,.barbero-modal-footer .cancel-button{color:#8da1b2;background:#091824;border:1px solid #263f53}.modal-footer .cancel-button:hover,.barbero-modal-footer .cancel-button:hover{color:#c2d0da;border-color:#3b5569}.modal-footer .submit-button,.barbero-modal-footer .submit-button{color:#fff;background:#08b9dc;border:0;box-shadow:0 7px 22px #00bee129}.modal-footer .submit-button:hover,.barbero-modal-footer .submit-button:hover{background:#09c8eb;transform:translateY(-1px)}.form-error{color:#ff7180;margin-top:6px;font-size:11px}.form-success{color:#52dcae;background:#20d89a0f;border:1px solid #20d89a33;border-radius:9px;padding:11px 13px;font-size:12px}@media (max-width:900px){.barberos-page{padding:30px 25px 60px}.stats-grid,.services-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}}@media (max-width:650px){.barberos-page{padding:25px 17px 50px}.barberos-header{flex-direction:column;gap:18px}.primary-button{width:100%}.stats-grid,.services-grid{grid-template-columns:1fr}.filters-card{flex-direction:column;align-items:stretch}.filters{flex-direction:column}.filters select{width:100%}.modal-overlay,.modal-backdrop,.barbero-modal-overlay{align-items:flex-start;padding:10px}.modal,.modal-content,.barbero-modal{border-radius:14px;max-height:calc(100vh - 20px)}.modal-header,.barbero-modal-header{padding:23px 20px 20px}.modal form,.barbero-modal form{padding:0 20px 22px}.modal-header h2,.barbero-modal-header h2{font-size:23px}.modal-footer,.barbero-modal-footer{flex-direction:column-reverse}.modal-footer button,.barbero-modal-footer button{width:100%}}.barberos-page{color:#f4f8fc;font-family:inherit}.barberos-page h1{letter-spacing:-1.8px;color:#f5f8fc;margin:6px 0 8px;font-size:clamp(34px,3vw,44px);font-weight:850;line-height:1.05}.barberos-page h2{color:#eef5fa;letter-spacing:-.5px;font-weight:800}.barberos-page h3{color:#eef5fa;font-weight:800}.barberos-page p{font-weight:500}.barberos-page .barberos-header p,.barberos-page .section-heading p{color:#71839d;font-size:15px;font-weight:500;line-height:1.5}.barberos-page .eyebrow,.barberos-page .filter-label{letter-spacing:1.5px;font-weight:850}.barberos-page .stat-title{color:#d7e1ea;font-size:14px;font-weight:700;line-height:1.25}.barberos-page .stat-value{color:#f5f8fc;letter-spacing:-.6px;font-size:25px;font-weight:850;line-height:1.05}.barberos-page .stat-subtitle{color:#71839d;font-size:12px;font-weight:500}.barberos-page .modal{font-family:inherit}.barberos-page .modal-header h2{color:#f5f8fc;letter-spacing:-1px;margin:6px 0;font-size:30px;font-weight:850;line-height:1.05}.barberos-page .modal-header p{color:#71839d;font-size:14px;font-weight:500;line-height:1.5}.barberos-page .form-section{margin-top:28px;margin-bottom:20px;padding-top:24px}.barberos-page .form-number{color:#08c5e8;background:#00c5e81a;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:900;display:grid}.barberos-page .form-section h3{color:#f1f6fa;letter-spacing:-.3px;margin:0 0 4px;font-size:18px;font-weight:800;line-height:1.2}.barberos-page .form-section p{color:#71839d;margin:0;font-size:13px;font-weight:500;line-height:1.4}.barberos-page .field{margin-bottom:18px}.barberos-page .field label{color:#dce5ec;margin-bottom:8px;font-size:14px;font-weight:700;line-height:1.3;display:block}.barberos-page .field label span{color:#08c5e8;font-weight:900}.barberos-page .modal input,.barberos-page .modal select,.barberos-page .modal textarea{box-sizing:border-box;color:#f5f8fc;background:#06121e;border:1px solid #20384b;border-radius:11px;outline:none;width:100%;min-height:48px;padding:0 15px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s,background .2s}.barberos-page .modal textarea{resize:vertical;min-height:110px;padding:13px 15px}.barberos-page .modal input::placeholder,.barberos-page .modal textarea::placeholder{color:#52677d;opacity:1}.barberos-page .modal input:focus,.barberos-page .modal textarea:focus,.barberos-page .modal select:focus{background:#071725;border-color:#08c5e8;box-shadow:0 0 0 3px #08c5e81a,0 8px 25px #00000026}.barberos-page .readonly-field{box-sizing:border-box;color:#dce5ec;background:#06121e;border:1px solid #20384b;border-radius:11px;align-items:center;height:48px;min-height:48px;padding:0 15px;font-size:14px;font-weight:600;display:flex}.barberos-page .modal-footer{border-top:1px solid #172c3d;justify-content:flex-end;align-items:center;gap:12px;margin-top:30px;padding-top:22px;display:flex}.barberos-page .cancel-button{color:#91a4b7;cursor:pointer;background:0 0;border:1px solid #294154;border-radius:11px;min-height:48px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:750;transition:all .2s}.barberos-page .cancel-button:hover{color:#e8eef4;background:#ffffff08;border-color:#3a566d}.barberos-page .modal-footer .primary-button{min-height:48px;padding:0 24px;font-family:inherit;font-size:14px;font-weight:800}@media (max-width:700px){.barberos-page h1{font-size:32px}.barberos-page .modal{border-radius:16px;padding:22px}.barberos-page .modal-header h2{font-size:26px}.barberos-page .form-section h3{font-size:17px}.barberos-page .field label{font-size:13px}.barberos-page .modal-footer{flex-direction:column-reverse;align-items:stretch}.barberos-page .modal-footer button{width:100%}}.barberos-page .performance{text-align:center;box-sizing:border-box;background:#071521;border:1px solid #173247;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;margin-top:18px;padding:40px 30px;display:flex}.barberos-page .performance>*{max-width:100%}.barberos-page .performance .empty-state{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.barberos-page .performance h3{color:#f4f8fc;letter-spacing:-.02em;margin:16px 0 6px;font-size:19px;font-weight:750;line-height:1.3}.barberos-page .performance p{color:#718ba6;margin:0 0 18px;font-size:14px;font-weight:500;line-height:1.5}.barberos-page .performance button{color:#fff;cursor:pointer;background:#08b9d8;border:0;border-radius:12px;min-height:48px;padding:0 22px;font-size:14px;font-weight:750;transition:all .2s}.barberos-page .performance button:hover{background:#0bc7e8;transform:translateY(-1px)}.barberos-page .services-section{margin-top:34px}.barberos-page .services-section h2{color:#f4f8fc;letter-spacing:-.025em;margin:0;font-size:24px;font-weight:750;line-height:1.25}.barberos-page .services-section>p{color:#718ba6;margin:7px 0 18px;font-size:14px;font-weight:500}.services-section{margin-top:40px}.services-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.services-heading>div:first-child{min-width:0}.services-heading .eyebrow{margin-bottom:6px;display:block}.services-heading h2{color:#edf5fa;margin:0;font-size:24px;font-weight:800;line-height:1.2}.services-heading p{color:#6f879d;margin:7px 0 0;font-size:13px;font-weight:500}.services-create-button{color:#fff;cursor:pointer;background:#08b9d8;border:1px solid #00cbe9;border-radius:10px;flex-shrink:0;min-height:46px;padding:0 20px;font-size:13px;font-weight:800;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 8px 22px #00cbe91f}.services-create-button:hover{background:#00cbe9;border-color:#00d9f5;transform:translateY(-1px);box-shadow:0 10px 26px #00cbe92e}.services-toolbar{justify-content:flex-end;align-items:center;margin-bottom:14px;display:flex}.services-filter{align-items:center;gap:10px;display:flex}.services-filter span{color:#5f788d;letter-spacing:1.2px;font-size:10px;font-weight:800}.services-filter select{color:#d7e3eb;cursor:pointer;background:#07131e;border:1px solid #1b3448;border-radius:9px;outline:none;min-width:190px;height:40px;padding:0 38px 0 12px;font-family:inherit;font-size:12px;font-weight:600}.services-filter select:focus{border-color:#00cbe9}.services-empty{background:#07121d73;border:1px dashed #1b3448;border-radius:14px;justify-content:center;align-items:center;gap:20px;min-height:180px;padding:28px 32px;display:flex}.services-empty .empty-icon.small{color:#00cbe9;background:#00cbe914;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin:0;font-size:20px;display:flex}.services-empty h3{color:#edf5fa;margin:0;font-size:15px;font-weight:800}.services-empty p{color:#60778d;margin:5px 0 0;font-size:12px}.services-list{flex-direction:column;gap:10px;display:flex}.service-row{background:#091722;border:1px solid #172d40;border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px 18px;transition:border-color .2s,background .2s;display:grid}.service-row:hover{background:#0b1b28;border-color:#24465d}.service-icon{color:#00cbe9;background:#00cbe914;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.service-info{min-width:0}.service-info h3{color:#edf5fa;margin:0;font-size:14px;font-weight:800}.service-info p{color:#60778d;margin:4px 0 0;font-size:12px}.service-type{color:#8ba9bc;background:#00cbe90d;border:1px solid #1c4054;border-radius:7px;padding:6px 10px;font-size:10px;font-weight:700}.service-status{color:#42d39a;text-transform:capitalize;background:#27be7d14;border-radius:7px;padding:6px 10px;font-size:10px;font-weight:800}@media (max-width:700px){.services-heading{flex-direction:column;align-items:stretch}.services-create-button{width:100%}.services-toolbar{justify-content:stretch}.services-filter{flex-direction:column;align-items:stretch;width:100%}.services-filter select{width:100%}.service-row{grid-template-columns:42px minmax(0,1fr)}.service-type,.service-status{justify-self:start;margin-left:56px}.services-empty{text-align:center;flex-direction:column}}.barberos-page .empty-icon{color:#08c4e5;background:#062b3b;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex}.barberos-page .performance *,.barberos-page .services-section *,.barberos-page .services-empty *{font-family:inherit}@media (max-width:800px){.barberos-page .performance{min-height:260px;padding:30px 20px}.barberos-page .services-empty{min-height:200px;padding:28px 18px}.barberos-page .services-section h2{font-size:21px}}.service-modal{width:min(520px,100vw - 32px);max-height:calc(100vh - 40px);padding:0;overflow-y:auto}.service-modal .modal-header{border-bottom:1px solid #193044;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px 30px 22px;display:flex}.service-modal .modal-header>div{min-width:0}.service-modal .eyebrow{margin-bottom:7px;display:block}.service-modal .modal-header h2{color:#edf5fa;margin:0;font-size:24px;font-weight:800;line-height:1.2}.service-modal .modal-header p{color:#70879b;margin:8px 0 0;font-size:13px;line-height:1.5}.service-modal .close-button{color:#8fa6b8;cursor:pointer;background:#091925;border:1px solid #20394b;border-radius:10px;flex:none;width:36px;height:36px;font-size:24px;line-height:1;transition:background .2s,color .2s,border-color .2s}.service-modal .close-button:hover{color:#edf5fa;background:#102533;border-color:#2a4b60}.service-modal form{padding:26px 30px 30px}.service-modal .field{margin-bottom:20px}.service-modal .field label{color:#dce8ef;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.service-modal .field label span{color:#00cbe9}.service-modal .field input,.service-modal .field textarea{box-sizing:border-box;color:#edf5fa;background:#07131f;border:1px solid #20394b;border-radius:10px;outline:none;width:100%;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.service-modal .field input{height:46px;padding:0 14px}.service-modal .field textarea{resize:vertical;min-height:105px;padding:12px 14px}.service-modal .field input::placeholder,.service-modal .field textarea::placeholder{color:#526a7d}.service-modal .field input:focus,.service-modal .field textarea:focus{background:#091925;border-color:#00cbe9;box-shadow:0 0 0 3px #00cbe914}.service-modal .price-notice{background:#00cbe90d;border:1px solid #00cbe929;border-radius:11px;align-items:flex-start;gap:12px;margin-top:4px;padding:14px 15px;display:flex}.service-modal .price-notice-icon{color:#00cbe9;background:#00cbe91f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:900;display:flex}.service-modal .price-notice strong{color:#dceff4;margin-bottom:4px;font-size:12px;font-weight:800;display:block}.service-modal .price-notice p{color:#6d879a;margin:0;font-size:12px;line-height:1.45}.service-modal .modal-footer{border-top:1px solid #193044;justify-content:flex-end;align-items:center;gap:10px;margin-top:26px;padding-top:20px;display:flex}.service-modal .cancel-button,.service-modal .primary-button{cursor:pointer;border-radius:9px;min-height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:800}.service-modal .cancel-button{color:#91a7b7;background:0 0;border:1px solid #20394b}.service-modal .cancel-button:hover{color:#edf5fa;background:#0b1b28}.service-modal .primary-button{color:#03131b;background:#00b9d8;border:1px solid #00cbe9;box-shadow:0 6px 18px #00cbe91f}.service-modal .primary-button:hover{background:#00cbe9}.service-modal .primary-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}@media (max-width:600px){.service-modal{width:calc(100vw - 24px)}.service-modal .modal-header{padding:22px 20px 18px}.service-modal form{padding:22px 20px 24px}.service-modal .modal-header h2{font-size:21px}.service-modal .modal-footer{flex-direction:column-reverse;align-items:stretch}.service-modal .cancel-button,.service-modal .primary-button{width:100%}}.performance-section{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:32px 0 60px}.performance-heading{margin-bottom:28px}.performance-eyebrow{color:#00d9e8;letter-spacing:1.5px;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.performance-title{color:#fff;margin:0;font-size:28px;font-weight:700;line-height:1.2}.performance-subtitle{color:#6f89a5;margin:8px 0 0;font-size:14px}.barberos-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));align-items:start;gap:24px;width:100%;display:grid}.barbero-card{box-sizing:border-box;background:#0d1b2a;border:1px solid #00d9e824;border-radius:20px;width:100%;min-width:0;padding:24px;overflow:hidden}.barbero-top{align-items:center;gap:14px;width:100%;margin-bottom:24px;display:flex}.avatar{color:#00d9e8;background:#00d9e81f;border:1px solid #00d9e840;border-radius:50%;flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:700;display:flex}.barbero-name{flex-direction:column;gap:6px;min-width:0;display:flex}.barbero-name h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:700;overflow:hidden}.status{border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.status i{border-radius:50%;width:6px;height:6px;display:block}.status.active{color:#00e5b0;background:#00e5b01a}.status.active i{background:#00e5b0}.status.inactive{color:#ff6874;background:#ff68741a}.status.inactive i{background:#ff6874}.performance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-bottom:20px;display:grid}.performance-grid>*{box-sizing:border-box;width:100%;min-width:0}.performance-grid>div{text-align:center;background:#081624;border:1px solid #00d9e81f;border-radius:16px;justify-content:center;align-items:center;min-height:115px;padding:16px;display:flex}.barbero-footer{color:#7189a3;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:20px;width:100%;padding-top:18px;font-size:13px;display:flex}.barbero-footer span{min-width:0}.barbero-footer strong{color:#fff;font-weight:600}@media (max-width:1100px){.performance-section{padding-left:20px;padding-right:20px}.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.performance-section{padding:24px 16px 40px}.barberos-grid{grid-template-columns:1fr}.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.barbero-card{padding:20px}.barbero-footer{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:450px){.performance-grid{grid-template-columns:1fr}}.clientes-page{box-sizing:border-box;color:#f4f8fc;width:100%;min-height:100vh;padding:38px 42px 60px}.clientes-header{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px;display:flex}.clientes-header h1{color:#f5f8fc;letter-spacing:-1.8px;margin:0;font-size:clamp(34px,3vw,44px);font-weight:850;line-height:1.05}.clientes-header p{color:#71839d;margin:8px 0 0;font-size:15px;font-weight:500;line-height:1.5}.clientes-refresh-button{color:#fff;cursor:pointer;background:#08b9dc;border:1px solid #00d9ff4d;border-radius:10px;min-height:44px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:750;transition:transform .2s,background .2s,box-shadow .2s}.clientes-refresh-button:hover{background:#0bc9eb;transform:translateY(-1px);box-shadow:0 8px 25px #00bee126}.clientes-refresh-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.clientes-filters{box-sizing:border-box;background:linear-gradient(145deg,#0d1c2a,#091722);border:1px solid #172d40;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(190px,1.15fr) auto;gap:12px;width:100%;margin-bottom:18px;padding:18px;display:grid;box-shadow:0 12px 35px #00000024}.clientes-filter{flex-direction:column;gap:7px;min-width:0;display:flex}.clientes-filter label{color:#73899e;letter-spacing:1.3px;text-transform:uppercase;font-size:10px;font-weight:800}.clientes-filter select{box-sizing:border-box;color:#dce7ef;cursor:pointer;appearance:none;background-color:#07131e;background-image:linear-gradient(45deg,#0000 50%,#71899d 50%),linear-gradient(135deg,#71899d 50%,#0000 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #20394c;border-radius:10px;outline:none;width:100%;height:44px;padding:0 38px 0 13px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.clientes-filter select:hover{background-color:#0a1b29;border-color:#2b5269}.clientes-filter select:focus{border-color:#08c9e8;box-shadow:0 0 0 3px #08c9e81a}.clientes-filter select option{color:#dce7ef;background:#07131e}.clientes-clear-button{color:#9db1c1;white-space:nowrap;cursor:pointer;background:#0b1c2a;border:1px solid #294154;border-radius:10px;align-self:flex-end;height:44px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s}.clientes-clear-button:hover{color:#08d4f5;background:#0d2433;border-color:#08b9dc}.clientes-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.clientes-summary-card{box-sizing:border-box;background:linear-gradient(145deg,#0d1c2a,#091722);border:1px solid #172d40;border-radius:14px;min-height:96px;padding:18px 20px}.clientes-summary-card span{color:#73899e;letter-spacing:1.3px;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.clientes-summary-card strong{color:#f4f8fb;font-size:27px;font-weight:850;line-height:1;display:block}.clientes-loading{text-align:center;background:#07131e;border:1px dashed #20394b;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:35px;display:flex}.clientes-loading-icon{border:3px solid #ffffff12;border-top-color:#00d4f5;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:14px;animation:.8s linear infinite clientesLoader;display:flex}.clientes-loading p{color:#71839d;margin:0;font-size:13px}@keyframes clientesLoader{to{transform:rotate(360deg)}}.clientes-empty{box-sizing:border-box;text-align:center;background:#07131e;border:1px dashed #20394b;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 25px;display:flex}.clientes-empty-icon{color:#00d4f5;background:#00d3f214;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:18px;font-size:24px;display:flex}.clientes-empty h2{color:#edf5fa;margin:0 0 8px;font-size:20px;font-weight:800}.clientes-empty p{color:#6f879d;max-width:520px;margin:0 0 20px;font-size:13px;line-height:1.5}.clientes-empty button{color:#a9bdcd;cursor:pointer;background:#0b1c2a;border:1px solid #294154;border-radius:10px;min-height:42px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.clientes-empty button:hover{color:#08d4f5;border-color:#08b9dc}.clientes-table-container{background:#091722;border:1px solid #172d40;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 15px 40px #00000024}.clientes-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:850px}.clientes-table thead{background:#0b1c2a}.clientes-table th{color:#71869b;letter-spacing:1.2px;text-align:left;white-space:nowrap;border-bottom:1px solid #172d40;padding:15px 18px;font-size:10px;font-weight:800}.clientes-table td{color:#c4d1dc;white-space:nowrap;border-bottom:1px solid #ffffff0b;padding:17px 18px;font-size:13px;font-weight:500}.clientes-table tbody tr{cursor:pointer;transition:background .18s,transform .18s}.clientes-table tbody tr:hover{background:#00d9ff0b}.clientes-table tbody tr:last-child td{border-bottom:0}.cliente-table-name{align-items:center;gap:12px;min-width:210px;display:flex}.cliente-avatar{color:#fff;background:linear-gradient(135deg,#08c8e9,#087c9d);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:flex}.cliente-table-name strong{color:#edf5fa;margin-bottom:3px;font-size:14px;font-weight:750;display:block}.cliente-table-name small{color:#536b80;font-size:10px;font-weight:600;display:block}.cliente-modal-overlay{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);background:#01080fd1;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out clienteOverlayIn;display:flex;position:fixed;inset:0}@keyframes clienteOverlayIn{0%{opacity:0}to{opacity:1}}.cliente-modal{box-sizing:border-box;background:radial-gradient(circle at 100% 0,#00d3f212,#0000 32%),linear-gradient(145deg,#0d1c2a 0%,#081520 55%,#06111b 100%);border:1px solid #305b75a6;border-radius:22px;width:min(680px,100%);max-height:calc(100vh - 48px);padding:30px;animation:.24s ease-out clienteModalIn;position:relative;overflow-y:auto;box-shadow:0 35px 100px #000000a6,0 0 0 1px #ffffff04}@keyframes clienteModalIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.cliente-modal-close{color:#91a6b7;cursor:pointer;background:#06121de6;border:1px solid #244357;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-family:inherit;font-size:24px;font-weight:400;line-height:1;transition:background .2s,border-color .2s,color .2s,transform .2s;display:flex;position:absolute;top:18px;right:18px}.cliente-modal-close:hover{color:#fff;background:#0b2636;border-color:#08c9e8;transform:rotate(3deg)}.cliente-modal-header{align-items:center;gap:16px;margin-bottom:24px;padding-right:55px;display:flex}.cliente-modal-avatar{color:#fff;background:linear-gradient(135deg,#08d4f5,#087b9d);border:1px solid #08d3f259;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:66px;height:66px;font-size:25px;font-weight:850;display:flex;box-shadow:0 10px 30px #00c4e61f}.cliente-modal-header h2{color:#f5f8fc;letter-spacing:-.7px;margin:0 0 5px;font-size:26px;font-weight:850;line-height:1.15}.cliente-modal-header p{color:#71869b;margin:0;font-size:12px;font-weight:500}.cliente-modal-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:25px;display:grid}.cliente-modal-info>div{box-sizing:border-box;background:linear-gradient(145deg,#091b2af2,#05121de6);border:1px solid #193247;border-radius:14px;min-height:76px;padding:15px 16px;transition:border-color .2s,transform .2s,background .2s}.cliente-modal-info>div:hover{background:linear-gradient(145deg,#0b2232fa,#061521f2);border-color:#28526a;transform:translateY(-1px)}.cliente-modal-info span{color:#60788d;letter-spacing:1.25px;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:850;display:block}.cliente-modal-info strong{color:#edf5fa;text-overflow:ellipsis;font-size:15px;font-weight:750;line-height:1.2;display:block;overflow:hidden}.cliente-modal-section{margin-top:23px}.cliente-modal-section h3{color:#dce8ef;letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 12px;font-size:13px;font-weight:850;display:flex}.cliente-modal-section h3:before{content:"";background:#08c9e8;border-radius:10px;flex-shrink:0;width:3px;height:16px}.cliente-barberos-list{flex-direction:column;gap:8px;display:flex}.cliente-barbero-item{box-sizing:border-box;background:#06141fd1;border:1px solid #193247;border-radius:13px;align-items:center;gap:12px;min-height:60px;padding:10px 13px;transition:border-color .2s,background .2s,transform .2s;display:flex}.cliente-barbero-item:hover{background:#0a2030;border-color:#28536b;transform:translate(2px)}.cliente-barbero-avatar{color:#08c9e8;background:#102b3d;border:1px solid #21465d;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:850;display:flex}.cliente-barbero-item>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.cliente-barbero-item strong{color:#e6f0f5;font-size:13px;font-weight:750}.cliente-barbero-item span{color:#6f879a;font-size:11px;font-weight:500}.cliente-history{flex-direction:column;gap:7px;display:flex}.cliente-history-row{background:#06141fc7;border:1px solid #193247;border-radius:13px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 14px;transition:background .2s,border-color .2s;display:grid}.cliente-history-row:hover{background:#0a2030;border-color:#28536b}.cliente-history-row>div{flex-direction:column;gap:3px;min-width:0;display:flex}.cliente-history-row strong{color:#e8f1f5;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:750;overflow:hidden}.cliente-history-row span{color:#6f879a;font-size:10px;font-weight:500}.cliente-history-row>div:nth-child(2){text-align:right}.cliente-history-row>div:nth-child(2) strong{color:#08d1ee;font-size:13px}.cliente-history-row time{color:#8298aa;text-align:right;white-space:nowrap;min-width:72px;font-size:10px;font-weight:600}.cliente-no-data{color:#667e91;text-align:center;background:#06121d8c;border:1px dashed #203c50;border-radius:12px;margin:0;padding:16px;font-size:12px}.cliente-modal-section+.cliente-modal-section{padding-top:4px}.cliente-modal::-webkit-scrollbar{width:7px;height:7px}.clientes-table-container::-webkit-scrollbar{width:7px;height:7px}.cliente-modal::-webkit-scrollbar-track{background:0 0}.clientes-table-container::-webkit-scrollbar-track{background:0 0}.cliente-modal::-webkit-scrollbar-thumb{background:#20394c;border-radius:10px}.clientes-table-container::-webkit-scrollbar-thumb{background:#20394c;border-radius:10px}.cliente-modal::-webkit-scrollbar-thumb:hover{background:#2d5269}.clientes-table-container::-webkit-scrollbar-thumb:hover{background:#2d5269}@media (max-width:1100px){.clientes-page{padding:30px 28px 50px}.clientes-filters{grid-template-columns:repeat(3,1fr)}.clientes-clear-button{align-self:stretch}.clientes-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.clientes-page{padding:24px 16px 40px}.clientes-header{flex-direction:column;align-items:stretch;gap:18px}.clientes-header h1{font-size:32px}.clientes-header p{font-size:14px}.clientes-refresh-button{width:100%}.clientes-filters{border-radius:14px;grid-template-columns:1fr;padding:15px}.clientes-filter select{height:46px}.clientes-clear-button{width:100%;height:44px}.clientes-summary{grid-template-columns:1fr 1fr;gap:10px}.clientes-summary-card{min-height:86px;padding:15px}.clientes-summary-card strong{font-size:23px}.cliente-modal-overlay{align-items:flex-end;padding:8px}.cliente-modal{border-radius:20px 20px 16px 16px;width:100%;max-height:calc(100vh - 16px);padding:22px 16px 24px}.cliente-modal-header{gap:12px;margin-bottom:18px;padding-right:45px}.cliente-modal-avatar{border-radius:15px;width:54px;height:54px;font-size:21px}.cliente-modal-header h2{letter-spacing:-.4px;font-size:21px}.cliente-modal-header p{font-size:11px}.cliente-modal-close{width:38px;height:38px;top:14px;right:14px}.cliente-modal-info{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:21px}.cliente-modal-info>div{min-height:70px;padding:13px}.cliente-modal-info strong{font-size:13px}.cliente-modal-section{margin-top:20px}.cliente-modal-section h3{margin-bottom:10px;font-size:12px}.cliente-barbero-item{min-height:56px;padding:9px 11px}.cliente-barbero-avatar{width:36px;height:36px}.cliente-history-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px 12px}.cliente-history-row>div:nth-child(2){text-align:right}.cliente-history-row time{text-align:left;border-top:1px solid #ffffff0b;grid-column:1/-1;width:100%;padding-top:7px}}@media (max-width:430px){.clientes-page{padding-left:12px;padding-right:12px}.clientes-summary{grid-template-columns:1fr 1fr}.clientes-summary-card{padding:13px}.clientes-summary-card span{font-size:9px}.clientes-summary-card strong{font-size:21px}.cliente-modal{padding:20px 13px 22px}.cliente-modal-info{grid-template-columns:1fr 1fr}.cliente-modal-info>div{padding:12px}.cliente-modal-info span{font-size:8px}.cliente-modal-info strong{font-size:12px}.cliente-modal-header{align-items:flex-start}.cliente-modal-header h2{text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:19px;overflow:hidden}.cliente-modal-header p{font-size:10px}.cliente-barbero-item strong,.cliente-history-row strong{font-size:12px}.cliente-history-row span{font-size:9px}.cliente-history-row>div:nth-child(2) strong{font-size:12px}}@media (max-width:360px){.cliente-modal-info{grid-template-columns:1fr}.cliente-modal-info>div{min-height:62px}.cliente-modal-header h2{max-width:160px}}.clientes-search{width:100%;margin:0 0 20px;position:relative}.clientes-search input{color:#eef6ff;box-sizing:border-box;background:#071522;border:1px solid #183247;border-radius:12px;outline:none;width:100%;height:52px;padding:0 18px 0 48px;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s,background .2s}.clientes-search input::placeholder{color:#71869a}.clientes-search input:hover{border-color:#24506a}.clientes-search input:focus{background:#081a28;border-color:#08c5df;box-shadow:0 0 0 3px #08c5df1a}.clientes-search:before{content:"⌕";color:#08c5df;pointer-events:none;z-index:2;font-size:22px;font-weight:600;position:absolute;top:50%;left:17px;transform:translateY(-52%)}.clientes-search-clear{color:#71869a;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clientes-search-clear:hover{color:#08c5df;background:#08c5df14}.clientes-search-results{color:#6f8498;margin-top:8px;margin-bottom:14px;font-size:12px}@media (max-width:900px){.clientes-search{margin-bottom:16px}.clientes-search input{height:50px;font-size:14px}}@media (max-width:600px){.clientes-search{margin:0 0 14px}.clientes-search input{border-radius:11px;height:48px;padding-left:44px;padding-right:42px;font-size:14px}.clientes-search:before{font-size:20px;left:15px}.clientes-search-results{margin-bottom:12px;font-size:11px}}@media (max-width:380px){.clientes-search input{height:46px;padding-left:42px;font-size:13px}.clientes-search:before{font-size:19px;left:14px}}.facturacion-page,.facturacion-page *{box-sizing:border-box}.facturacion-page{color:#edf7fa;width:100%;min-height:100vh;padding:32px}.facturacion-header{justify-content:space-between;align-items:flex-end;gap:24px;width:100%;margin-bottom:28px;display:flex}.facturacion-eyebrow,.facturacion-page .section-label{color:#08c4df;letter-spacing:1.5px;margin-bottom:8px;font-size:10px;font-weight:800;line-height:1.2;display:block}.facturacion-header h1{color:#f4fafc;letter-spacing:-2px;margin:0;font-size:clamp(36px,4vw,54px);font-weight:800;line-height:.98}.facturacion-header p{color:#d3d3d3;margin:11px 0 0;font-size:14px;line-height:1.5}.facturacion-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.facturacion-page .facturacion-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;min-height:44px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:750;line-height:1;transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s,opacity .2s}.facturacion-page .facturacion-btn:hover{transform:translateY(-1px)}.facturacion-page .facturacion-btn:active{transform:translateY(0)}.facturacion-page .facturacion-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.facturacion-page .facturacion-btn-primary{color:#3a3a3a;box-shadow:0 10px px #08b9d824;background:#08b9d8;border-color:#08b9d8}.facturacion-page .facturacion-btn-primary:hover{background:#0ac8e6;border-color:#0ac8e6}.facturacion-page .facturacion-btn-secondary{color:#b7cbd4;background:#091a26;border-color:#183747}.facturacion-page .facturacion-btn-secondary:hover{color:#e7f5f8;background:#0c202e;border-color:#2a586d}.facturacion-periodos{--color-texto-periodo:#08c4df;width:100%;color:var(--color-texto-periodo);background:linear-gradient(135deg,#0a1b27f5,#07151ff5);border:1px solid #173444;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;padding:16px;font-size:15px;display:flex;box-shadow:0 14px 40px #0000001f}.facturacion-periodos>div:first-child{flex:1;min-width:0}.periodos-buttons{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.facturacion-page .periodo-btn{color:#d3d3d3;cursor:pointer;background:#071720;border:1px solid #193849;border-radius:9px;min-height:38px;padding:0 13px;font-family:inherit;font-size:11px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,transform .2s}.facturacion-page .periodo-btn:hover{color:#dceff3;background:#0a202d;border-color:#2a5a70}.facturacion-page .periodo-btn.active{color:#fff;background:#08394a;border-color:#08c4df;box-shadow:inset 0 0 0 1px #08c4df14,0 6px 20px #08c4df14}.facturacion-fecha{border-left:1px solid #183544;flex:none;min-width:145px;padding-left:20px}.facturacion-fecha strong{color:#eff8fa;font-size:14px;font-weight:750;display:block}.facturacion-error{background:#4f1b2547;border:1px solid #be516159;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:22px;padding:16px 18px;display:flex}.facturacion-error strong{color:#ffc1c8;font-size:13px;font-weight:750;display:block}.facturacion-error p{color:#b8959b;word-break:break-word;margin:5px 0 0;font-size:11px;line-height:1.45}.facturacion-loading{color:#698695;justify-content:center;align-items:center;gap:11px;min-height:300px;font-size:12px;display:flex}.facturacion-page .loading-spinner{border:2px solid #153241;border-top-color:#08c4df;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite facturacion-spin}@keyframes facturacion-spin{to{transform:rotate(360deg)}}.facturacion-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;width:100%;margin-bottom:13px;display:grid}.facturacion-page .facturacion-card{background:linear-gradient(145deg,#0b202d,#071722);border:1px solid #173444;border-radius:16px;min-width:0;min-height:145px;padding:19px;position:relative;overflow:hidden;box-shadow:0 14px 42px #0000001a}.facturacion-page .facturacion-card:after{content:"";pointer-events:none;background:#08c4df0d;border-radius:50%;width:105px;height:105px;position:absolute;bottom:-45px;right:-45px}.facturacion-page .facturacion-card>span{color:#6e8999;letter-spacing:1.3px;font-size:9px;font-weight:800;display:block}.facturacion-page .facturacion-card strong{color:#f5fafc;letter-spacing:-.8px;margin-top:13px;font-size:28px;font-weight:800;line-height:1;display:block}.facturacion-page .facturacion-card small{color:#678292;margin-top:11px;font-size:10px;line-height:1.45;display:block}.facturacion-page .facturacion-card.income{border-top:2px solid #08c4df}.facturacion-page .facturacion-card.expense,.facturacion-page .facturacion-card.commission{border-top:2px solid #8b4854}.facturacion-page .facturacion-card.profit{border-top:2px solid #18c89b}.facturacion-page .facturacion-card.loss{border-top:2px solid #d45e6f}.facturacion-page .facturacion-card.profit strong{color:#6ee6c0}.facturacion-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;width:100%;margin-bottom:22px;display:grid}.facturacion-page .metric-card{background:linear-gradient(145deg,#0b202d,#071722);border:1px solid #173444;border-radius:15px;align-items:center;gap:13px;min-width:0;min-height:105px;padding:17px;display:flex}.facturacion-page .metric-icon{color:#08c4df;background:#082f3d;border:1px solid #155268;border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:12px;font-weight:850;display:grid}.facturacion-page .metric-card span{color:#6e8999;letter-spacing:1.15px;font-size:9px;font-weight:800;display:block}.facturacion-page .metric-card strong{color:#edf7fa;margin-top:6px;font-size:21px;font-weight:800;line-height:1;display:block}.facturacion-page .metric-card small{color:#648190;margin-top:5px;font-size:10px;line-height:1.4;display:block}.facturacion-page .positive{color:#52d7ae!important}.facturacion-page .negative{color:#ef7c8a!important}.facturacion-page .facturacion-section{background:linear-gradient(145deg,#0a1c28f5,#06141dfa);border:1px solid #173444;border-radius:16px;width:100%;margin-bottom:22px;padding:21px;box-shadow:0 15px 45px #0000001a}.facturacion-page .section-heading{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:18px;display:flex}.facturacion-page .section-heading.compact{margin-bottom:20px}.facturacion-page .section-heading h2{color:#eff8fa;letter-spacing:-.5px;margin:0;font-size:20px;font-weight:780;line-height:1.15}.facturacion-page .section-heading p{color:#d3d3d3;margin:6px 0 0;font-size:12px;line-height:1.5}.facturacion-page .section-total{text-align:right;flex:none}.facturacion-page .section-total span{color:#d3d3d3;letter-spacing:1px;font-size:12px;font-weight:800;display:block}.facturacion-page .section-total strong{color:#f2f9fb;margin-top:4px;font-size:22px;font-weight:800;display:block}.period-analysis{border:1px solid #183646;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid;overflow:hidden}.facturacion-page .analysis-item{background:#04101842;border-right:1px solid #183646;min-width:0;padding:15px}.facturacion-page .analysis-item:last-child{border-right:0}.facturacion-page .analysis-item span{color:#668393;letter-spacing:.8px;font-size:11px;font-weight:750;display:block}.facturacion-page .analysis-item strong{color:#e9f4f7;margin-top:7px;font-size:16px;font-weight:750;display:block}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.comparison-card{background:#081923;border:1px solid #193747;border-radius:12px;min-width:0;padding:16px}.comparison-card span{color:#6a8595;letter-spacing:1px;font-size:9px;font-weight:800;display:block}.comparison-card strong{margin-top:8px;font-size:24px;font-weight:800;display:block}.comparison-card small{color:#607b8a;margin-top:5px;font-size:10px;display:block}.income-bars{flex-direction:column;gap:13px;width:100%;display:flex}.income-row{width:100%}.income-row-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;display:flex}.income-row-top span{color:#7f98a6;font-size:10px;font-weight:650}.income-row-top strong{color:#edf7f9;font-size:11px;font-weight:750}.income-track{background:#0d2431;border-radius:999px;width:100%;height:8px;overflow:hidden}.income-fill{border-radius:inherit;background:linear-gradient(90deg,#087a96,#08c4df);min-width:2px;height:100%;box-shadow:0 0 12px #08c4df29}.facturacion-charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;width:100%;margin-bottom:22px;display:grid}.facturacion-page .chart-card{background:linear-gradient(145deg,#0b202d,#071722);border:1px solid #173444;border-radius:16px;min-width:0;min-height:315px;padding:21px;box-shadow:0 15px 45px #0000001a}.donut-layout{align-items:center;gap:28px;min-height:210px;display:flex}.facturacion-page .donut-chart{filter:drop-shadow(0 10px 25px #0000002e);border-radius:50%;flex:0 0 185px;place-items:center;width:185px;height:185px;display:grid;position:relative}.facturacion-page .donut-chart:before{content:"";background:#081923;border:1px solid #183746;border-radius:50%;width:123px;height:123px;position:absolute}.facturacion-page .donut-center{z-index:1;text-align:center;position:relative}.facturacion-page .donut-center strong{color:#eff8fa;font-size:14px;font-weight:800;display:block}.facturacion-page .donut-center span{color:#668190;margin-top:4px;font-size:11px;display:block}.facturacion-page .chart-legend{flex:1;min-width:0}.facturacion-page .legend-row{border-bottom:1px solid #142f3d;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;display:flex}.facturacion-page .legend-row:last-child{border-bottom:0}.facturacion-page .legend-row>div{align-items:center;gap:8px;min-width:0;display:flex}.facturacion-page .legend-row span{color:#d3d3d3;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.facturacion-page .legend-row strong{color:#e9f5f7;flex:none;font-size:12px}.facturacion-page .legend-dot{background:#08c4df;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.facturacion-page .empty-chart{text-align:center;color:#557383;flex-direction:column;justify-content:center;align-items:center;min-height:205px;display:flex}.facturacion-page .empty-chart span{color:#2c5d71;font-size:34px;line-height:1}.facturacion-page .empty-chart p{color:#637e8d;margin:9px 0 0;font-size:11px}.bar-chart{flex-direction:column;gap:17px;width:100%;display:flex}.bar-chart-row{width:100%}.bar-chart-info{justify-content:space-between;align-items:center;gap:15px;margin-bottom:7px;display:flex}.bar-chart-info span{color:#a5bac4;white-space:nowrap;text-overflow:ellipsis;max-width:80%;font-size:10px;font-weight:650;overflow:hidden}.bar-chart-info strong{color:#edf7f9;font-size:10px;font-weight:800}.bar-track{background:#0d2632;border-radius:999px;width:100%;height:8px;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(90deg,#087b97,#08c4df);min-width:2px;height:100%;box-shadow:0 0 12px #08c4df29}.top-barber{border-top:1px solid #153240;align-items:center;gap:10px;margin-top:22px;padding-top:15px;display:flex}.top-barber span{color:#668494;letter-spacing:.9px;font-size:12px;font-weight:800}.top-barber strong{color:#e7f3f6;font-size:12px;font-weight:750}.top-barber small{color:#08c4df;font-size:9px}.facturacion-table-wrapper{scrollbar-width:thin;scrollbar-color:#234a5d #091923;border:1px solid #173444;border-radius:12px;width:100%;overflow-x:auto}.facturacion-table-wrapper::-webkit-scrollbar{height:7px}.facturacion-table-wrapper::-webkit-scrollbar-track{background:#091923}.facturacion-table-wrapper::-webkit-scrollbar-thumb{background:#234a5d;border-radius:999px}.facturacion-page .facturacion-table{border-collapse:collapse;border-spacing:0;width:100%;min-width:850px}.facturacion-page .facturacion-table th{text-align:left;color:#d3d3d3;letter-spacing:1px;white-space:nowrap;background:#091c28;border-bottom:1px solid #183747;padding:13px 15px;font-size:12px;font-weight:850}.facturacion-page .facturacion-table td{color:#abc0c9;white-space:nowrap;border-bottom:1px solid #122d3a;padding:14px 15px;font-size:11px;line-height:1.4}.facturacion-page .facturacion-table tbody tr{transition:background-color .18s}.facturacion-page .facturacion-table tbody tr:hover{background:#0a2c3a47}.facturacion-page .facturacion-table tbody tr:last-child td{border-bottom:0}.facturacion-page .facturacion-table td strong{color:#e8f4f7;font-weight:720}.facturacion-page .table-empty{text-align:center!important;color:#5d7887!important;padding:34px 15px!important}.facturacion-page .barbero-cell{align-items:center;gap:9px;display:flex}.facturacion-page .avatar-small{color:#08c4df;background:#083748;border:1px solid #145166;border-radius:9px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:850;display:grid}.facturacion-page .payment-badge{color:#92d9e5;background:#082d39;border:1px solid #144859;border-radius:7px;align-items:center;padding:5px 8px;font-size:11px;font-weight:750;display:inline-flex}.facturacion-page .limit-badge{color:#d3d3d3;letter-spacing:.8px;background:#091c27;border:1px solid #183747;border-radius:7px;align-items:center;min-height:26px;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex}.facturacion-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#01070bc7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.facturacion-page .facturacion-modal{background:linear-gradient(145deg,#0b202d,#06141e);border:1px solid #1b4254;border-radius:17px;width:min(100%,510px);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 30px 90px #00000073}.facturacion-page .modal-header{border-bottom:1px solid #163544;justify-content:space-between;align-items:flex-start;gap:18px;padding:21px 21px 16px;display:flex}.facturacion-page .modal-header h2{color:#eef8fa;margin:0;font-size:21px;font-weight:800;line-height:1.1}.facturacion-page .modal-header p{color:#6a8695;margin:5px 0 0;font-size:11px;line-height:1.45}.facturacion-page .modal-close{color:#8ca6b1;cursor:pointer;background:#091c28;border:1px solid #1d4354;border-radius:9px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-family:inherit;font-size:22px;line-height:1;transition:color .2s,border-color .2s,background-color .2s;display:grid}.facturacion-page .modal-close:hover{color:#fff;background:#0a2532;border-color:#08c4df}.facturacion-page .modal-form{flex-direction:column;gap:15px;padding:20px 21px;display:flex}.facturacion-page .modal-form label{flex-direction:column;gap:7px;display:flex}.facturacion-page .modal-form label>span{color:#7893a1;letter-spacing:.9px;text-transform:uppercase;font-size:9px;font-weight:800}.facturacion-page .modal-form input,.facturacion-page .modal-form select,.facturacion-page .modal-form textarea{color:#e6f2f5;background:#061722;border:1px solid #1a3c4d;border-radius:10px;outline:none;width:100%;padding:11px 12px;font-family:inherit;font-size:12px;transition:border-color .2s,background-color .2s,box-shadow .2s}.facturacion-page .modal-form input::placeholder,.facturacion-page .modal-form textarea::placeholder{color:#456273}.facturacion-page .modal-form input:focus,.facturacion-page .modal-form select:focus,.facturacion-page .modal-form textarea:focus{background:#071b27;border-color:#08bddb;box-shadow:0 0 0 3px #08c4df12}.facturacion-page .modal-form select:disabled{opacity:.6;cursor:not-allowed}.facturacion-page .modal-form textarea{resize:vertical;min-height:88px;line-height:1.45}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.facturacion-page .modal-actions{border-top:1px solid #163544;justify-content:flex-end;gap:9px;padding:16px 21px 21px;display:flex}.facturacion-page .facturacion-modal::-webkit-scrollbar{width:7px}.facturacion-page .facturacion-modal::-webkit-scrollbar-track{background:#07141d}.facturacion-page .facturacion-modal::-webkit-scrollbar-thumb{background:#234c5e;border-radius:999px}@media (max-width:1180px){.facturacion-page{padding:26px}.facturacion-summary-grid,.facturacion-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.facturacion-charts-grid{grid-template-columns:1fr}}@media (max-width:820px){.facturacion-page{padding:22px 18px 32px}.facturacion-header{flex-direction:column;align-items:flex-start}.facturacion-header-actions{justify-content:flex-start;width:100%}.facturacion-periodos{flex-direction:column;align-items:flex-start}.facturacion-fecha{border-top:1px solid #183544;border-left:0;width:100%;padding:12px 0 0}.period-analysis{grid-template-columns:repeat(2,minmax(0,1fr))}.facturacion-page .analysis-item:nth-child(2){border-right:0}.facturacion-page .analysis-item:first-child,.facturacion-page .analysis-item:nth-child(2){border-bottom:1px solid #183646}.comparison-grid{grid-template-columns:1fr}.donut-layout{gap:20px}}@media (max-width:640px){.facturacion-page{padding:16px 13px 28px}.facturacion-header{margin-bottom:21px}.facturacion-header h1{letter-spacing:-1.4px;font-size:34px}.facturacion-header p{font-size:12px}.facturacion-header-actions{flex-direction:column;width:100%}.facturacion-header-actions .facturacion-btn{width:100%}.facturacion-periodos{border-radius:14px;margin-bottom:18px;padding:13px}.periodos-buttons{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.facturacion-page .periodo-btn{width:100%;min-height:40px}.facturacion-summary-grid,.facturacion-metrics-grid{grid-template-columns:1fr;gap:10px;margin-bottom:18px}.facturacion-page .facturacion-card{border-radius:14px;min-height:122px;padding:17px}.facturacion-page .facturacion-card strong{font-size:26px}.facturacion-page .metric-card{border-radius:13px;min-height:84px;padding:14px}.facturacion-page .facturacion-section,.facturacion-page .chart-card{border-radius:14px;margin-bottom:18px;padding:16px}.facturacion-page .section-heading{flex-direction:column;gap:12px}.facturacion-page .section-heading h2{font-size:18px}.facturacion-page .section-total{text-align:left}.period-analysis{grid-template-columns:1fr 1fr}.facturacion-page .analysis-item{min-height:78px;padding:13px}.donut-layout{flex-direction:column;align-items:center}.facturacion-page .donut-chart{flex-basis:170px;width:170px;height:170px}.facturacion-page .donut-chart:before{width:112px;height:112px}.facturacion-page .chart-legend{width:100%}.form-grid{grid-template-columns:1fr}.facturacion-modal-overlay{padding:9px}.facturacion-page .facturacion-modal{border-radius:15px;max-height:calc(100vh - 18px)}.facturacion-page .modal-header,.facturacion-page .modal-form,.facturacion-page .modal-actions{padding-left:16px;padding-right:16px}.facturacion-page .modal-actions{flex-direction:column-reverse}.facturacion-page .modal-actions .facturacion-btn{width:100%}}@media (max-width:420px){.facturacion-page{padding:14px 10px 25px}.periodos-buttons,.period-analysis{grid-template-columns:1fr}.facturacion-page .analysis-item,.facturacion-page .analysis-item:nth-child(2){border-bottom:1px solid #183646;border-right:0}.facturacion-page .analysis-item:last-child{border-bottom:0}.facturacion-page .chart-card{padding:14px}.facturacion-page .section-heading h2{font-size:17px}.facturacion-page .donut-chart{flex-basis:155px;width:155px;height:155px}.facturacion-page .donut-chart:before{width:103px;height:103px}}.reservas-page .detail-client{position:relative}.reservas-page .detail-client-info{flex:1;min-width:0}.reservas-page .whatsapp-reminder-inline{color:#49d8a5;background:#0d392d;border:1px solid #168c67;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-width:86px;height:34px;padding:0 10px;font-size:10px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.reservas-page .whatsapp-reminder-inline:hover{color:#67ebba;background:#124d3d;border-color:#2cc58e;transform:translateY(-1px)}.reservas-page .whatsapp-reminder-inline .whatsapp-icon{width:16px;height:16px;display:inline-flex}.reservas-page .whatsapp-reminder-inline .whatsapp-icon svg{width:100%;height:100%}@media (max-width:640px){.reservas-page .whatsapp-reminder-inline{min-width:78px;height:32px;padding:0 8px;font-size:9px}.reservas-page .whatsapp-reminder-inline .whatsapp-icon{width:15px;height:15px}}.reservas-page,.reservas-page *{box-sizing:border-box}.reservas-page{color:#edf7fa;width:100%;min-height:100vh;padding:30px;font-size:15px}.reservas-header{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:25px;display:flex}.reservas-eyebrow{color:#08c4df;letter-spacing:1.6px;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.reservas-header h1{color:#f2fafc;letter-spacing:-1.8px;margin:0;font-size:clamp(36px,4vw,52px);font-weight:800;line-height:1}.reservas-header p{color:#718da0;margin:10px 0 0;font-size:13px}.reservas-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;min-height:43px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:750;transition:all .2s}.reservas-btn:disabled{opacity:.5;cursor:not-allowed}.reservas-btn-primary{color:#fff;background:#08b9d8;border-color:#08b9d8;box-shadow:0 10px 28px #08b9d824}.reservas-btn-primary:hover{background:#0cc8e7}.reservas-btn-secondary{color:#b9cdd5;background:#091a26;border-color:#193849}.reservas-btn-secondary:hover{background:#0c202d;border-color:#2a586d}.reservas-toolbar{background:#091c28;border:1px solid #173547;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:14px;display:flex}.reservas-navigation{align-items:center;gap:7px;display:flex}.calendar-nav-btn,.today-btn{cursor:pointer;border-radius:9px;height:38px;font-family:inherit}.calendar-nav-btn{color:#9fb6c0;background:#071720;border:1px solid #19394a;width:38px;font-size:21px}.calendar-nav-btn:hover{color:#fff;border-color:#08c4df}.today-btn{color:#9fb6c0;background:#071720;border:1px solid #19394a;padding:0 13px;font-size:11px;font-weight:750}.today-btn:hover{color:#fff;border-color:#08c4df}.week-title{color:#dfeff2;margin-left:8px;font-size:13px;font-weight:700}.reservas-summary{color:#718b9a;align-items:center;gap:7px;font-size:11px;display:flex}.reservas-summary strong{color:#eef7f9}.summary-dot{background:#08c4df;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #08c4df73}.reservas-error{background:#4b1a2447;border:1px solid #bd4f6059;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:15px 17px;display:flex}.reservas-error strong{color:#ffc1c8;font-size:13px}.reservas-error p{color:#b9979f;margin:4px 0 0;font-size:11px}.reservas-loading{color:#658290;justify-content:center;align-items:center;gap:10px;min-height:380px;font-size:12px;display:flex}.reservas-spinner{border:2px solid #173342;border-top-color:#08c4df;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite reservasSpin}@keyframes reservasSpin{to{transform:rotate(360deg)}}.calendar-wrapper{background:#071720;border:1px solid #173547;border-radius:16px;width:100%}.calendar-grid{grid-template-columns:repeat(7,minmax(170px,1fr));min-width:1260px;display:grid}.calendar-day{border-right:1px solid #142e3d;min-width:0;min-height:680px}.calendar-day:last-child{border-right:0}.calendar-day.today{background:#08c4df06}.calendar-day-header{z-index:2;background:#091d29;border-bottom:1px solid #173547;justify-content:space-between;align-items:center;min-height:67px;padding:12px 13px;display:flex;position:sticky;top:0}.calendar-day.today .calendar-day-header{background:#0b2a37;box-shadow:inset 0 -2px #08c4df}.calendar-day-header>div{align-items:center;gap:8px;display:flex}.calendar-day-name{color:#6c8796;letter-spacing:1px;font-size:9px;font-weight:800}.calendar-day-header strong{color:#edf7fa;font-size:21px}.day-count{color:#08c4df;background:#083848;border-radius:7px;place-items:center;min-width:22px;height:22px;font-size:9px;font-weight:800;display:grid}.calendar-slots{padding:8px}.calendar-available,.calendar-reservation{text-align:left;cursor:pointer;border-radius:9px;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;min-height:64px;margin-bottom:6px;padding:9px 10px;font-family:inherit;transition:all .16s;display:flex;position:relative}.calendar-available{color:#65808f;background:#071720;border:1px dashed #173849}.calendar-available:hover{color:#a9c8d2;background:#09222f;border-color:#236278}.calendar-available span{font-size:10px;font-weight:750}.calendar-available small{color:#476371;letter-spacing:.5px;margin-top:3px;font-size:8px;font-weight:700}.calendar-available i{color:#255568;font-size:15px;font-style:normal;position:absolute;top:8px;right:9px}.calendar-reservation{color:#fff;background:linear-gradient(145deg,#0a3040,#092431);border:1px solid #164b5d}.calendar-reservation:hover{border-color:#08c4df;transform:translateY(-1px)}.slot-time{color:#08c4df;font-size:9px;font-weight:800}.reservation-status{color:#69adbb;letter-spacing:.7px;margin-top:3px;font-size:8px;font-weight:800}.calendar-reservation strong{color:#edf8fa;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;font-size:11px;overflow:hidden}.calendar-reservation small{color:#7c99a7;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px;font-size:9px;overflow:hidden}.reservas-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#01070bc7;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.reservas-modal,.reservation-detail-modal,.cancel-modal{background:linear-gradient(145deg,#0b202d,#06151e);border:1px solid #1b4354;border-radius:17px;width:min(100%,520px);max-height:calc(100vh - 36px);overflow-y:auto;box-shadow:0 35px 100px #0000007a}.reservas-modal-header,.detail-header{border-bottom:1px solid #163544;justify-content:space-between;gap:20px;padding:21px;display:flex}.reservas-modal-header h2{color:#eef8fa;margin:0;font-size:22px}.reservas-modal-header p{color:#688493;margin:5px 0 0;font-size:11px}.modal-close-btn{color:#8ca7b2;cursor:pointer;background:#091c28;border:1px solid #1d4354;border-radius:9px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-family:inherit;font-size:22px;display:grid}.modal-close-btn:hover{color:#fff;border-color:#08c4df}.reservas-form{flex-direction:column;gap:14px;padding:20px 21px;display:flex}.form-group{flex-direction:column;gap:7px;display:flex}.form-group>label{color:#708b9a;letter-spacing:1px;font-size:9px;font-weight:800}.form-group input,.form-group select{color:#e7f2f5;background:#061722;border:1px solid #193b4c;border-radius:10px;outline:none;width:100%;min-height:43px;padding:0 12px;font-family:inherit;font-size:12px}.form-group input:focus,.form-group select:focus{border-color:#08bedb;box-shadow:0 0 0 3px #08c4df0f}.form-group input::placeholder{color:#466372}.client-search-box{gap:7px;display:flex}.client-search-box input{flex:1}.search-client-btn{color:#8fd8e3;cursor:pointer;background:#092b39;border:1px solid #194558;border-radius:10px;min-width:70px;font-family:inherit;font-size:10px;font-weight:750}.search-client-btn:hover{border-color:#08c4df}.client-results{background:#071a24;border:1px solid #1a3d4c;border-radius:10px;overflow:hidden}.client-result{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #13303d;align-items:center;gap:10px;padding:10px;display:flex}.client-result:last-child{border-bottom:0}.client-result:hover{background:#0b2531}.client-result-avatar,.detail-avatar{color:#08c4df;background:#083849;border:1px solid #145469;border-radius:9px;place-items:center;font-weight:850;display:grid}.client-result-avatar{flex:0 0 32px;width:32px;height:32px}.client-result div:last-child{min-width:0}.client-result strong{color:#e9f5f8;font-size:11px;display:block}.client-result span{color:#63808e;margin-top:2px;font-size:9px;display:block}.form-client-status{background:#071922;border:1px solid #163746;border-radius:9px;align-items:center;gap:9px;min-height:35px;padding:8px 10px;display:flex}.form-client-status strong{color:#e5f3f5;font-size:10px}.form-client-status small{color:#5f7b89;font-size:9px}.status-ok{color:#53d6ad;font-size:9px;font-weight:750}.status-new{color:#08c4df;font-size:9px;font-weight:750}.form-two-columns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.duration-options{grid-template-columns:1fr 1fr;gap:9px;display:grid}.duration-option{color:#92aab5;text-align:left;cursor:pointer;background:#071820;border:1px solid #19394a;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;min-height:62px;padding:11px;font-family:inherit;display:flex}.duration-option:hover{border-color:#2a5d71}.duration-option.active{color:#fff;background:#082f3c;border-color:#08c4df}.duration-option strong{font-size:11px}.duration-option span{color:#63818e;font-size:8px}.duration-option.active span{color:#75aeb8}.availability-box{border-radius:10px;align-items:center;gap:10px;padding:11px 12px;display:flex}.availability-box.available{background:#146b571f;border:1px solid #1fbf9740}.availability-box.occupied{background:#74253224;border:1px solid #da5b694d}.availability-box>span{font-size:14px}.availability-box strong{color:#e7f4f6;font-size:10px;display:block}.availability-box small{color:#6f8a98;margin-top:3px;font-size:9px;display:block}.reservas-modal-actions{border-top:1px solid #163544;justify-content:flex-end;gap:9px;padding:16px 21px 21px;display:flex}.reservation-detail-modal{width:min(100%,480px)}.detail-header{align-items:flex-start}.detail-date span,.detail-date strong{display:block}.detail-date span{color:#08c4df;letter-spacing:1px;font-size:9px;font-weight:800}.detail-date strong{color:#f3fafc;margin-top:4px;font-size:29px}.detail-status{padding:13px 21px 0}.status-confirmed{color:#50d5ac;letter-spacing:.7px;font-size:10px;font-weight:800}.detail-client{background:#081b25;border:1px solid #173747;border-radius:12px;align-items:center;gap:13px;margin:18px 21px 0;padding:14px;display:flex}.detail-avatar{flex:0 0 48px;width:48px;height:48px;font-size:18px}.detail-client span,.detail-grid span{color:#647f8e;letter-spacing:.8px;font-size:8px;font-weight:800;display:block}.detail-client strong{color:#eef8fa;margin-top:4px;font-size:14px;display:block}.detail-client small{color:#688593;margin-top:4px;font-size:10px;display:block}.detail-grid{grid-template-columns:1fr 1fr;gap:10px;padding:14px 21px;display:grid}.detail-grid>div{background:#081b25;border:1px solid #173747;border-radius:10px;min-height:69px;padding:12px}.detail-grid strong{color:#e8f4f6;margin-top:6px;font-size:11px;display:block}.detail-actions{flex-direction:column;gap:8px;padding:0 21px 21px;display:flex}.whatsapp-btn,.detail-edit-btn,.detail-cancel-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:43px;font-family:inherit;font-size:11px;font-weight:750;text-decoration:none;display:flex}.whatsapp-btn{color:#fff;background:#159b73;border:1px solid #159b73}.whatsapp-btn:hover{background:#18ad81}.detail-edit-btn{color:#a4bdc6;background:#091c28;border:1px solid #1a4354}.detail-edit-btn:hover{color:#fff;border-color:#08c4df}.detail-cancel-btn{color:#ee8994;background:#26171b;border:1px solid #61343d}.detail-cancel-btn:hover{background:#321b21;border-color:#a84b5b}.cancel-modal{text-align:center;width:min(100%,390px);padding:25px}.cancel-icon{color:#ef7f8c;background:#341b21;border:1px solid #6c3743;border-radius:13px;place-items:center;width:45px;height:45px;margin:0 auto 13px;font-size:22px;font-weight:850;display:grid}.cancel-modal h3{color:#eef7f9;margin:0;font-size:25px}.cancel-modal p{color:#718b99;margin:8px 0 0;font-size:11px;line-height:1.6}.cancel-modal p strong{color:#e5f1f4}.cancel-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;display:grid}@media (max-width:850px){.reservas-page{padding:22px 17px 30px}.reservas-header{flex-direction:column;align-items:flex-start}.reservas-header .reservas-btn{width:100%}.reservas-toolbar{flex-direction:column;align-items:flex-start}.reservas-summary{width:100%}}@media (max-width:640px){.reservas-page{padding:15px 11px 25px}.reservas-header h1{font-size:33px}.reservas-header p{font-size:12px;line-height:1.5}.reservas-toolbar{padding:11px}.week-title{max-width:170px;font-size:11px}.calendar-wrapper{border-radius:12px}.calendar-grid{grid-template-columns:repeat(7,110px);min-width:770px}.calendar-day{min-height:590px}.calendar-day-header{min-height:58px;padding:9px}.calendar-day-header strong{font-size:20px}.calendar-slots{padding:6px}.calendar-available,.calendar-reservation{min-height:58px;padding:8px}.calendar-reservation strong{font-size:12px}.calendar-reservation small{font-size:10px}.form-two-columns,.duration-options,.detail-grid{grid-template-columns:1fr}.reservas-modal-overlay{padding:8px}.reservas-modal,.reservation-detail-modal,.cancel-modal{max-height:calc(100vh - 16px)}.reservas-modal-header,.detail-header,.reservas-form,.reservas-modal-actions{padding-left:16px;padding-right:16px}.detail-client{margin-left:16px;margin-right:16px}.detail-grid,.detail-actions{padding-left:16px;padding-right:16px}.reservas-modal-actions{flex-direction:column-reverse}.reservas-modal-actions .reservas-btn{width:100%}.cancel-actions{grid-template-columns:1fr}}.reservas-page .reservas-header p{color:#dce8ec!important;font-size:14px!important}.reservas-page .calendar-nav-btn{color:#e9f3f5!important;font-size:22px!important}.reservas-page .today-btn{color:#e9f3f5!important;font-size:13px!important}.reservas-page .week-title{color:#e9f3f5!important;font-size:14px!important}.reservas-page .reservas-summary{color:#dce8ec!important;font-size:12px!important}.reservas-page .calendar-day-name{color:#08c4df!important;font-size:11px!important}.reservas-page .calendar-day-header strong{color:#fff!important;font-size:23px!important}.reservas-page .day-count{color:#eaf5f7!important;font-size:10px!important}.reservas-page .calendar-available span{color:#d3d3d3!important;font-size:12px!important}.reservas-page .calendar-available small{color:#09cc8b!important;font-size:9px!important}.reservas-page .calendar-available i{color:#08c4df!important;font-size:17px!important}.reservas-page .calendar-reservation{color:#fff!important}.reservas-page .calendar-reservation .slot-time{color:#06c0ce!important;font-size:12px!important}.reservas-page .calendar-reservation .reservation-status{color:#06c0ce!important;font-size:9px!important}.reservas-page .calendar-reservation strong{color:#fff!important;font-size:12px!important}.reservas-page .calendar-reservation small{color:#dcefe8!important;font-size:11px!important}.reservas-page .reservas-modal-header h2{color:#fff!important;font-size:24px!important}.reservas-page .reservas-modal-header p{color:#d2e0e4!important;font-size:12px!important}.reservas-page .form-group>label{color:#08c4df!important;font-size:10px!important}.reservas-page .form-group input,.reservas-page .form-group select{color:#fff!important;font-size:14px!important}.reservas-page .form-group input::placeholder{color:#c5d5da!important}.reservas-page .client-result strong{color:#fff!important;font-size:12px!important}.reservas-page .client-result span{color:#d5e1e5!important;font-size:10px!important}.reservas-page .form-client-status strong{color:#fff!important;font-size:11px!important}.reservas-page .form-client-status small{color:#d5e1e5!important;font-size:10px!important}.reservas-page .status-ok{color:#5de7b7!important;font-size:10px!important}.reservas-page .status-new{color:#08c4df!important;font-size:10px!important}.reservas-page .duration-option{color:#e5eef1!important}.reservas-page .duration-option strong{color:#fff!important;font-size:12px!important}.reservas-page .duration-option span{color:#c5d6dc!important;font-size:10px!important}.reservas-page .duration-option.active span{color:#cde2e7!important}.reservas-page .availability-box strong{color:#fff!important;font-size:11px!important}.reservas-page .availability-box small{color:#d3e1e5!important;font-size:10px!important}.reservas-page .detail-date span{color:#08c4df!important;font-size:10px!important}.reservas-page .detail-date strong{color:#fff!important;font-size:30px!important}.reservas-page .status-confirmed{color:#63e7ba!important;font-size:10px!important}.reservas-page .detail-client span,.reservas-page .detail-grid span{color:#08c4df!important;font-size:9px!important}.reservas-page .detail-client strong{color:#fff!important;font-size:14px!important}.reservas-page .detail-client small{color:#d5e2e6!important;font-size:10px!important}.reservas-page .detail-grid strong{color:#fff!important;font-size:11px!important}.reservas-page .whatsapp-btn,.reservas-page .detail-edit-btn,.reservas-page .detail-cancel-btn{font-size:12px!important}.reservas-page .cancel-modal h3{color:#fff!important;font-size:24px!important}.reservas-page .cancel-modal p{color:#d6e2e6!important;font-size:12px!important}.reservas-page .cancel-modal p strong{color:#08c4df!important}.reservas-page .reservas-error strong{font-size:13px!important}.reservas-page .reservas-error p{color:#e0c5ca!important;font-size:11px!important}.reservas-page .reservas-loading{color:#d4e2e6!important;font-size:13px!important}@media (max-width:640px){.reservas-page .reservas-header p{font-size:13px!important}.reservas-page .calendar-day-name{font-size:10px!important}.reservas-page .calendar-day-header strong{font-size:21px!important}.reservas-page .calendar-available span,.reservas-page .calendar-reservation .slot-time{font-size:12px!important}.reservas-page .calendar-available small{font-size:9px!important}.reservas-page .calendar-reservation strong{font-size:12px!important}.reservas-page .calendar-reservation small{font-size:9px!important}.reservas-page .form-group input,.reservas-page .form-group select{font-size:14px!important}}.reservas-page .detail-actions .detail-attend-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#08b9d8,#079fbe);border:1px solid #08c4df;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;margin-bottom:2px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 8px 24px #08c4df29}.reservas-page .detail-actions .detail-attend-btn:hover{background:linear-gradient(135deg,#0ac8e6,#08aecb);border-color:#39d9ec;transform:translateY(-1px);box-shadow:0 10px 28px #08c4df3d}.reservas-page .detail-actions .detail-attend-btn:active{transform:translateY(0);box-shadow:0 5px 14px #08c4df24}.reservas-page .detail-actions .detail-attend-btn .attend-icon{border:1px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;display:inline-flex}@media (max-width:640px){.reservas-page .detail-actions .detail-attend-btn{min-height:45px;font-size:13px}}