:root{--green:#203a31;--deep:#162a24;--gold:#b99659;--cream:#f8f6f1;--soft:#f0ede5;--text:#22352e;--muted:#829087;--line:#e7e8df}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--text);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}.welcome{min-height:100svh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#fffdf9 1%,#ede7d9 65%,#ded6c4 100%);padding:40px 20px}.welcome:before,.welcome:after{content:'';position:absolute;width:60vmax;height:60vmax;border:1px solid #c8b58970;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);pointer-events:none}.welcome:after{width:74vmax;height:74vmax;opacity:.42}.intro-light{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff55 46%,transparent 65%);pointer-events:none}.welcome-inner{position:relative;z-index:1;text-align:center;width:min(590px,100%);display:flex;flex-direction:column;align-items:center}.demo-pill{font-size:10px;letter-spacing:3px;font-weight:700;color:#5c6b59;background:#fff9;border:1px solid #cbbf9d;padding:12px 22px;border-radius:40px}.dot{display:inline-block;width:7px;height:7px;background:#8aab80;border-radius:50%;margin-right:9px}.ornamental{font-size:10px;letter-spacing:3px;color:#998d73;margin:42px 0 0}.welcome-logo{width:min(465px,92%);max-height:400px;object-fit:contain;filter:drop-shadow(0 8px 18px #977e3620);margin:4px 0 0}.intro-copy{font-family:'Playfair Display',serif;font-size:20px;font-style:italic;color:#526458;margin:6px 0 30px}.enter-btn{border:0;color:#fff;background:var(--green);padding:18px 22px 18px 40px;border-radius:50px;font-size:12px;letter-spacing:3px;font-weight:700;min-width:226px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 13px 30px #203a3133;transition:transform .2s,background .2s}.enter-btn:hover{transform:translateY(-3px);background:#304e40}.enter-btn span{font-size:24px;line-height:12px;color:#d9c090}.welcome-foot{display:flex;flex-direction:column;align-items:center;margin-top:42px;gap:7px}.welcome-foot>span{font-size:10px;letter-spacing:3px;color:#756f66}.welcome-foot img{width:140px;height:48px;object-fit:contain}.welcome-foot small{font-size:10px;color:#8a867f;margin-top:7px}.app{min-height:100svh;display:flex}.sidebar{width:258px;background:var(--deep);color:#eaf0e8;flex-shrink:0;display:flex;flex-direction:column;padding:26px 18px;min-height:100svh;position:sticky;top:0;height:100svh}.side-brand{display:flex;align-items:center;gap:10px;margin-bottom:44px;padding:0 10px}.side-brand img{width:52px;height:55px;object-fit:contain}.side-brand strong{font-family:'Playfair Display',serif;letter-spacing:3px;font-size:23px;font-weight:500;color:#f5e5c5}.side-brand span{font-size:8px;letter-spacing:1.8px;color:#a2b4a7;display:block;margin-top:4px}.nav-label,.eyebrow{font-size:10px;letter-spacing:2px;color:#9eab9e;font-weight:700;margin:0 12px 17px}nav#nav{display:grid;gap:8px}nav#nav button{width:100%;text-align:left;border:0;background:none;color:#bac9bc;padding:13px 17px;border-radius:12px;display:flex;gap:16px;align-items:center;font-size:13px;font-weight:600}nav#nav button span{font-size:21px;width:21px;text-align:center}nav#nav button:hover,nav#nav button.active{background:#385145;color:white}nav#nav button.active:before{content:'';width:3px;height:18px;background:#dfbd78;position:absolute;left:18px;border-radius:5px}.sidebar-bottom{margin-top:auto}.demo-note{padding:17px;background:#2b4438;border:1px solid #446151;border-radius:14px}.demo-note span{font-size:10px;letter-spacing:1px;color:#e6cca0;font-weight:700}.demo-note p{font-size:11px;line-height:1.7;color:#b1c1b5;margin:10px 0 0}.side-reset{width:100%;border:0;background:none;color:#b5c2b8;padding:16px;font-size:12px}.side-credit{border-top:1px solid #ffffff20;padding-top:12px;text-align:center;color:#879a8e;font-size:9px;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:9px}.side-credit img{width:80px;height:34px;object-fit:contain}.main-area{flex:1;min-width:0}.topbar{height:84px;background:#fffefa;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{color:#7e897e;font-size:12px}.breadcrumb span{color:#c5c9bf;margin:0 9px}.breadcrumb b{color:#34483a}.top-actions{display:flex;align-items:center;gap:20px}.online-indicator{font-size:11px;color:#608c65}.top-new,.primary{background:var(--green);color:white;border:0;border-radius:9px;padding:13px 19px;font-weight:700;font-size:12px}.top-new:hover,.primary:hover{background:#335847}.menu-btn{display:none;border:0;background:none;font-size:24px;color:var(--green)}main{padding:38px;max-width:1530px;margin:0 auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-head h1{font-family:'Playfair Display',serif;font-size:38px;font-weight:500;margin:5px 0 8px;letter-spacing:-.6px}.page-head p{font-size:13px;color:#8d988d;margin:0}.caps{font-size:10px;letter-spacing:2.2px;color:#ae935e;font-weight:700}.outline{border:1px solid #d9dcd2;background:#fffefa;padding:12px 16px;border-radius:10px;color:var(--green);font-size:12px;font-weight:700}.outline:hover{background:#f1f3ec}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat{background:#fff;border:1px solid #ebece5;border-radius:15px;padding:22px;min-height:142px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7a8b7b}.stat-icon{height:35px;width:35px;border-radius:10px;background:#f0f3e9;color:#81936b;display:grid;place-items:center;font-size:20px}.stat strong{font-family:'Playfair Display',serif;font-size:35px;font-weight:500;display:block;margin-top:11px}.stat em{font-size:10px;color:#99a595;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:20px}.panel{background:#fff;border:1px solid #e9ebe4;border-radius:16px;padding:23px;min-width:0;margin-bottom:20px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.panel-title h2{font-family:'Playfair Display',serif;font-size:22px;font-weight:500;margin:0}.panel-title small{font-size:11px;color:#9da89c}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{color:#a0aaa0;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;padding:12px 11px;border-bottom:1px solid #e9ede7}td{font-size:12px;padding:15px 11px;border-bottom:1px solid #f0f1ed}tr:last-child td{border-bottom:0}td b{display:block;font-size:12px}td small{font-size:10px;color:#9aa89c;display:block;margin-top:5px}.tag{padding:7px 10px;border-radius:100px;font-size:10px;font-weight:700;display:inline-block;background:#fbf1db;color:#a57b29}.tag.Confirmada{background:#e9f3e7;color:#628063}.tag.Completada{background:#e8f0fa;color:#5d7eab}.tag.Cancelada{background:#f8e8e4;color:#ae7168}.mini-btn{background:transparent;border:1px solid #e2e6dc;color:#385447;border-radius:8px;padding:7px 10px;font-size:11px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-card{background:#f7f7f1;border:1px solid #ebece4;border-radius:12px;padding:17px;text-align:left;min-height:110px;color:var(--text)}.quick-card .qi{font-size:22px;color:#bd9a62}.quick-card b{display:block;font-size:13px;margin:9px 0 4px}.quick-card span:last-child{font-size:10px;color:#8e9b90}.spotlight{background:linear-gradient(115deg,#25493b,#172e29);border-radius:15px;padding:24px;color:white;position:relative;overflow:hidden}.spotlight:after{content:'✧';position:absolute;font-size:160px;color:#e5ca8a17;right:5px;top:-44px}.spotlight .caps{color:#dac59f}.spotlight h3{font-family:'Playfair Display',serif;font-size:24px;font-weight:400;margin:8px 0}.spotlight p{font-size:12px;color:#bdd0c1;max-width:280px;line-height:1.7}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}.field,.search{border:1px solid #dfe5dc;border-radius:9px;padding:11px 12px;background:white;color:#34493d;min-height:41px;max-width:100%}.search{min-width:230px}.grid-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card,.client-card{background:#fff;border:1px solid #e9ebe4;padding:22px;border-radius:15px}.service-card .service-symbol{background:#f4f1e7;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:25px;color:#ae915c}.service-card h3,.client-card h3{font-family:'Playfair Display',serif;font-size:20px;margin:15px 0 5px;font-weight:500}.service-card p,.client-card p{font-size:12px;color:#8f9b8d}.service-bottom{border-top:1px solid #eef0e9;margin-top:19px;padding-top:15px;display:flex;align-items:center;justify-content:space-between}.service-bottom b{color:#335042}.avatar{width:44px;height:44px;background:#e8efe5;color:#608067;display:grid;place-items:center;border-radius:50%;font-family:'Playfair Display',serif;font-size:19px}.bar-chart{height:215px;display:flex;align-items:flex-end;gap:14px;border-bottom:1px solid #e4e9e1;padding:12px 8px 0}.bar-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px}.bar{border-radius:7px 7px 0 0;background:linear-gradient(#cbb27f,#7b9b7b);width:min(34px,100%);min-height:3px}.bar-col small{font-size:10px;color:#879388;transform:translateY(20px)}.chart-total{margin-top:40px;font-size:12px;color:#829084}.chart-total strong{font-size:21px;color:#325441}.empty{padding:38px;text-align:center;color:#93a093;font-size:13px}.modal-wrap{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end}.modal-shade{position:absolute;inset:0;background:#1022199c;backdrop-filter:blur(3px)}.modal{position:relative;background:#fffefa;width:min(520px,100%);height:100%;overflow-y:auto;padding:30px;box-shadow:-14px 0 30px #0002}.modal-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #e6e9e0;padding-bottom:22px;margin-bottom:23px}.modal-head .eyebrow{margin:0 0 7px}.modal h2{font-family:'Playfair Display',serif;font-size:29px;font-weight:500;margin:0}.xbtn{border:0;background:#f2f2ec;width:34px;height:34px;border-radius:50%;font-size:23px;color:#647666}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#607267}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:12px;border:1px solid #dce2d9;border-radius:9px;color:#263f31;background:#fff;font-size:13px}.form-grid textarea{resize:vertical;min-height:85px}.form-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:25px}.form-actions>div{display:flex;gap:9px}.danger{border:1px solid #edd5d0;color:#a7493b;background:#fff9f8;border-radius:9px;padding:11px 14px;font-size:12px}.toast{position:fixed;bottom:24px;right:24px;background:#1d382d;color:white;padding:15px 21px;border-radius:10px;z-index:90;box-shadow:0 14px 25px #0003;font-size:13px;opacity:0;transform:translateY(10px);pointer-events:none;transition:all .25s}.toast.show{opacity:1;transform:translateY(0)}.mobile-nav{display:none}.report-row{display:flex;align-items:center;justify-content:space-between;margin:18px 0;color:#718475;font-size:12px}.report-row strong{color:#2e493c;font-size:14px}.progress{height:9px;border-radius:9px;background:#edf0e8;overflow:hidden;margin-top:8px}.progress>span{height:100%;display:block;background:linear-gradient(90deg,#80a48a,#d1b276);border-radius:9px}.table-count{font-size:11px;color:#98a397;margin:8px 0 16px}@media(max-width:1100px){.sidebar{width:215px}.topbar{padding:0 24px}main{padding:25px}.stats{grid-template-columns:repeat(2,1fr)}.grid-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:740px){.welcome{padding:28px 18px}.welcome:before{width:108vmax;height:108vmax}.welcome:after{width:145vmax;height:145vmax}.ornamental{font-size:8px;letter-spacing:2px;margin-top:35px}.welcome-logo{max-height:325px;margin-top:7px}.intro-copy{font-size:16px;margin-top:7px}.welcome-foot{margin-top:34px}.sidebar{position:fixed;z-index:50;left:0;top:0;transform:translateX(-105%);transition:transform .2s;width:265px}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vmax #13291c95}.topbar{height:64px;padding:0 15px}.menu-btn{display:block}.online-indicator{display:none}.top-new{font-size:11px;padding:10px 12px}.breadcrumb{font-size:11px}.main-area{padding-bottom:70px}main{padding:22px 15px}.page-head h1{font-size:31px}.page-head p{font-size:12px}.page-head{align-items:flex-start}.page-head .primary,.page-head .outline{font-size:11px;padding:11px}.stats{gap:10px}.stat{padding:14px;min-height:125px}.stat strong{font-size:29px}.stat-top{font-size:11px}.dashboard-grid{display:block}.panel{padding:16px}.grid-cards{grid-template-columns:1fr}.mobile-nav{position:fixed;z-index:40;display:flex;bottom:0;left:0;right:0;justify-content:space-around;padding:9px 6px max(10px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e6e9df;box-shadow:0 -5px 18px #00000009}.mobile-nav button{border:0;background:none;color:#9aa59c;font-size:20px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:52px}.mobile-nav button.active{color:#335b42}.mobile-nav small{font-size:9px}.modal{padding:22px}.form-grid{gap:11px}.form-actions{flex-wrap:wrap}.search{min-width:100%;width:100%}}@media(max-width:390px){.top-new{padding:9px}.breadcrumb{font-size:10px}.stat strong{font-size:26px}.stat-top{font-size:10px}}

/* Próximas citas y recordatorios */
.upcoming-panel{border:1px solid #e5dcc9;background:linear-gradient(120deg,#fffdf9,#fff)}.upcoming-mark{font-size:11px;color:#a08b5f;font-weight:700}.upcoming-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.upcoming-item{display:flex;align-items:center;gap:13px;border:1px solid #ecece3;background:#fff;padding:12px;border-radius:12px;min-width:0}.upcoming-date{flex-shrink:0;width:49px;height:54px;background:#eff3eb;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3a5947}.upcoming-date strong{font-family:'Playfair Display',serif;font-size:23px;line-height:1}.upcoming-date span{font-size:10px;text-transform:uppercase;margin-top:4px}.upcoming-details{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:5px}.upcoming-details b,.upcoming-details small{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming-details b{font-size:13px}.upcoming-details small{font-size:11px;color:#8b968c}.upcoming-details .tag{padding:4px 8px;font-size:9px}.whatsapp-reminder{flex-shrink:0;display:flex;align-items:center;gap:7px;color:#fff;text-decoration:none;background:#168a55;padding:11px 12px;border-radius:9px;font-size:11px;font-weight:700}.whatsapp-reminder:hover{background:#116c43}.demo-wa-notice,.upcoming-more{font-size:11px;color:#8a9689;line-height:1.6;margin:15px 0 0}@media(max-width:980px){.upcoming-list{grid-template-columns:1fr}}@media(max-width:410px){.upcoming-item{gap:8px;padding:9px}.whatsapp-reminder{padding:10px}.whatsapp-reminder span{display:none}.upcoming-mark{display:none}}