:root{--bg: #05080f;--bg-soft: #0b111c;--panel: #0f1624;--panel-soft: #131d2d;--text: #eef3ff;--muted: #8f9db9;--line: #1e2a3f;--accent: #c8f85a;--accent-ink: #1c2906;--accent-blue: #4472c4;--warn: #ed7d31}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at 12% -8%,#1a253d 0%,transparent 46%),radial-gradient(circle at 88% 8%,#18232e 0%,transparent 42%),linear-gradient(160deg,#070b14,#05080f 65%)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:linear-gradient(180deg,#1b2333,#141c2b);color:var(--text);border-radius:999px;padding:8px 14px;transition:border-color .2s ease,background .2s ease,transform .15s ease}button:hover{border-color:#2e3e5d;background:linear-gradient(180deg,#212c40,#172132)}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(180deg,#d7ff70 0%,var(--accent) 100%);color:var(--accent-ink);border-color:#b3e24b;font-weight:700}button.primary:hover{background:linear-gradient(180deg,#e2ff8e,#d0fb62);border-color:#c4f061}button.ghost{padding:2px 8px}input,select,textarea{color:var(--text);background:#0d1522}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh;overflow-x:hidden}.sidebar{border-right:1px solid var(--line);padding:16px 14px;background:linear-gradient(180deg,#0f1728,#0a111d);display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh}.sidebar-close{display:none}.brand{font-weight:800;font-size:28px;margin-bottom:10px;letter-spacing:.2px}.brand span{display:block;font-size:12px;color:var(--muted);font-weight:600}.sidebar button{justify-content:flex-start;display:flex;gap:8px;align-items:center;border:1px solid transparent;border-radius:12px;padding:10px 11px;background:transparent}.sidebar button.active{background:linear-gradient(180deg,#d7ff70 0%,var(--accent) 100%);color:var(--accent-ink);border-color:#b3e24b}.content{padding:14px 18px;overflow-x:hidden;position:relative}.content>section{margin-top:6px}.mobile-toolbar,.sidebar-backdrop{display:none}h3{margin:0 0 10px}h4{margin:0}p{margin:0;color:var(--muted)}.stats-grid,.cards-grid,.detail-grid{display:grid;gap:12px}.stats-grid{grid-template-columns:repeat(4,minmax(140px,1fr));margin-bottom:10px}.stats-grid.compact article{padding:10px 12px}.stats-grid article,.panel,.client-card,.service-card,.schedule-card{background:linear-gradient(180deg,var(--panel-soft) 0%,var(--panel) 100%);border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:inset 0 1px #ffffff08}.stats-grid strong{font-size:24px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.section-tools{margin-bottom:8px}.section-controls{max-width:100%}.data-search-row .section-controls{width:100%;max-width:100%}.data-search-box{border:1px solid #36507c;background:#0d1829;border-radius:10px;box-shadow:0 0 0 1px #0a1220 inset}.search-box{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:#101a2a;padding:6px 10px;min-width:min(360px,72vw)}.search-box input{border:0;background:transparent;outline:none;padding:0;width:100%;color:var(--text)}.hidden-date-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.reservas-toolbar{display:grid;gap:8px;margin-bottom:8px}.reservation-search-row,.reservation-search-row .search-box,.toolbar-row{width:100%}.icon-btn{min-width:38px;width:38px;height:38px;padding:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.compact-calendar{padding:10px 12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-grid.small .day{height:40px}.day{border-radius:10px}.day.muted{opacity:.45}.day.selected{background:var(--accent);color:var(--accent-ink);border-color:#b3e24b}.timeline-wrap{max-height:calc(100vh - 190px);overflow-y:auto;overflow-x:hidden;border:1px solid var(--line);border-radius:12px}.timeline-rows{position:relative;width:100%;background:#0c1320;--time-col: 74px}.res-layer{position:absolute;top:0;bottom:0;left:calc(var(--time-col) + 2px);right:4px;z-index:2;pointer-events:none}.res-layer .res-block{pointer-events:auto}.timeline-row{position:absolute;left:0;width:100%;border-top:1px solid #1a2539;display:grid;grid-template-columns:var(--time-col) 1fr;align-items:center;padding:0 6px}.timeline-row span{font-weight:700;color:#8fa0bc}.timeline-row small{color:#7e8daa;font-size:12px}.timeline-row.pause{background:#261f12}.timeline-row.closed{background:#111927}.res-block{position:absolute;z-index:2;border:1px solid;border-radius:10px;padding:6px 6px 4px;display:grid;grid-template-rows:auto auto auto;gap:4px;color:#fff;overflow:hidden;box-shadow:0 1px 1px #0000001f}.res-block.compact{grid-template-rows:auto auto}.res-main,.res-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}.res-main{font-size:12px;font-weight:700}.res-sub{font-size:11px;opacity:.94}.res-actions{display:flex;gap:6px;margin-top:auto;flex-wrap:nowrap;max-width:100%;overflow:hidden}.res-actions button{padding:1px 3px;min-width:22px;min-height:20px;background:#0f1727ee}.week-timeline-grid{display:grid;grid-template-columns:repeat(7,minmax(92px,1fr));gap:8px}.week-scroll{width:100%;overflow-x:auto}.week-day{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0d1522}.week-day h4{padding:8px;border-bottom:1px solid var(--line)}.week-day-body{position:relative;overflow:hidden}.week-day-row{position:absolute;left:0;width:100%;border-top:1px solid #1b273b;padding:0 4px;display:flex;align-items:center}.week-day-row span{font-size:10px;color:#7c8baa}.week-add{margin-left:auto;padding:0;min-width:18px;width:18px;height:18px;border-radius:6px;line-height:1}.week-res-block{position:absolute;z-index:2;border:1px solid;color:#fff;border-radius:8px;padding:2px 4px;overflow:hidden}.week-res-block span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.client-card.color{color:#fff;background-image:none;border-radius:12px}.client-card.color p,.client-card.color h4{color:#fff}.client-card .dot{width:10px;height:10px;border-radius:99px}.client-card .dot.white{background:#fff}.client-card.color button{background:#0f1727;border-color:#22304a}.compact-item{padding:8px 10px}.compact-item h4{margin-bottom:2px}.compact-item .inline-actions{margin-top:4px}.detail-grid{grid-template-columns:1fr 1fr}.client-risk-row{margin-top:16px;display:flex;align-items:center;gap:12px}.client-full-bg h3,.client-full-bg p,.client-full-bg strong{color:#fff}.client-full-bg{text-align:center}.client-full-bg .client-risk-row{justify-content:center}.flip-card{perspective:1000px;min-height:330px}.flip-inner{position:relative;width:100%;min-height:330px;transition:transform .5s;transform-style:preserve-3d}.flip-card.back .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;inset:0;border-radius:16px;backface-visibility:hidden;color:#fff;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.flip-front{background:linear-gradient(140deg,#d3a640,#b9891f)}.flip-front img{width:145px;border-radius:12px;background:#fff;padding:8px;margin-top:8px}.flip-back{transform:rotateY(180deg);background:linear-gradient(140deg,#d3a640,#b9891f)}.stamps-row{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}.stamps-row.two-rows{display:grid;grid-template-columns:repeat(5,46px);gap:10px}.stamps-row.centered{justify-content:center;margin-top:26px}.stamp{width:40px;height:40px;border:2px solid #3b4a66;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:transparent}.stamp.pretty span{font-size:16px;color:#c7f0d5}.stamp.pretty.on{background:#2a1e06;border-color:#2a1e06}.stamp.pretty.on span{color:#ffd269}.badge{border:1px solid;padding:4px 8px;border-radius:999px}.pause-pill{background:#2f2212;color:#ffc686;border:1px solid #5c3f1f;padding:4px 8px;border-radius:999px}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);text-align:left;padding:10px 6px}.table-wrap{overflow-x:auto}.table-wrap h4{margin:16px 0 8px}.note-panel{display:flex;gap:10px;align-items:center;background:#11213a;border-color:#234268;margin-bottom:10px}.modal-bg{position:fixed;inset:0;background:#05080fbf;display:grid;place-items:center;z-index:60}.modal{width:min(720px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#141d2e,#0f1624);border-radius:14px;border:1px solid var(--line);padding:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid.one-col{grid-template-columns:1fr}.form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);border-radius:10px;padding:10px;width:100%;min-width:0}.form-grid .full{grid-column:1 / -1}.pauses-box{border:1px solid var(--line);border-radius:10px;padding:10px}.scanner{width:100%;min-height:240px;border:1px dashed var(--line);border-radius:12px;background:#0b111c}.loading{position:fixed;right:12px;bottom:12px;background:#05080f;color:#f3f7ff;padding:8px 12px;border-radius:10px;border:1px solid #243350}@media(max-width:1200px){.week-timeline-grid{grid-template-columns:repeat(7,minmax(92px,1fr))}}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.mobile-toolbar{display:flex;position:fixed;left:8px;top:6px;z-index:31}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:0;border-radius:10px}.sidebar{position:fixed;left:0;top:0;height:100vh;width:min(86vw,280px);z-index:30;transform:translate(-102%);transition:transform .25s ease;padding-top:44px}.sidebar-close{display:inline-flex;position:absolute;right:8px;top:8px;width:30px;height:30px;min-width:30px;align-items:center;justify-content:center;padding:0;border-radius:10px}.app-shell.menu-open .sidebar{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:29;background:#05080f9c;border:0;border-radius:0;opacity:0;pointer-events:none;transition:opacity .2s ease;padding:0}.app-shell.menu-open .sidebar-backdrop{opacity:1;pointer-events:auto}.stats-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.detail-grid,.form-grid{grid-template-columns:1fr}.week-timeline-grid{min-width:760px}.week-scroll{margin:0 -4px;padding:0 4px 6px}.timeline-wrap{max-height:calc(100vh - 170px)}.timeline-rows{--time-col: 64px}.content{padding:50px 10px 12px}.content>section{margin-top:2px}.content.view-reservas{padding-top:108px}.content.view-clientes,.content.view-servicios,.content.view-horarios,.content.view-datos,.content.view-qr{padding-top:62px}.row-between,.inline-actions{gap:6px}button{padding:6px 10px}.toolbar-row{flex-wrap:nowrap;justify-content:space-between}.icon-btn{width:34px;min-width:34px;height:34px}.time-btn{width:30px;min-width:30px;height:34px}.search-box{min-width:140px;width:auto}.section-controls{width:auto;max-width:calc(100vw - 130px);display:flex;flex-wrap:nowrap;align-items:center;gap:6px;overflow:hidden}.mobile-inline{padding-left:44px;flex-wrap:nowrap;align-items:center;gap:6px}.mobile-inline .section-controls{flex:1}.mobile-top-row{position:fixed;top:0;left:44px;right:10px;z-index:20;margin:0;background:#05080f;padding:4px 0 6px}.mobile-top-row .section-controls{max-width:calc(100vw - 130px)}.mobile-top-row .search-box{min-width:120px}.content.view-clientes .cards-grid,.content.view-servicios .cards-grid,.content.view-horarios .cards-grid,.content.view-datos .table-wrap{position:relative;z-index:1}.clients-grid{grid-template-columns:1fr;gap:6px}.clients-grid .client-card{min-height:0;padding:6px 8px;border-radius:10px}.clients-grid .client-card h4{font-size:13px;line-height:1.1}.clients-grid .client-card p{font-size:11px;line-height:1.1}.clients-grid .client-card .inline-actions{margin-top:2px}.content:before{content:"";position:fixed;top:0;left:0;right:0;height:58px;background:#05080f;z-index:15;pointer-events:none}.content.view-reservas,.content.view-servicios,.content.view-horarios,.content.view-qr{padding-top:50px}.content.view-datos{padding-top:62px}.content.view-clientes{padding-top:60px}.content.view-datos .mobile-inline{padding-left:44px}.content.view-datos .data-search-row{margin-bottom:10px}.content.view-datos .data-search-row .section-controls{max-width:none!important;width:100%!important;flex:1 1 auto;overflow:visible}.content.view-datos .data-search-row .search-box{width:100%!important;display:flex;flex:1 1 auto;min-width:0!important;min-height:38px;border:2px solid #6f95d1!important;background:#15253d!important;border-radius:10px!important;box-shadow:0 0 0 1px #0a1220 inset,0 2px 8px #00000035!important;padding:8px 10px!important}.content.view-datos .data-search-row .search-box svg{color:#d8e7ff}.content.view-datos .data-search-row .search-box input{color:#f5f8ff;font-weight:600;background:transparent!important;border:0!important;outline:none!important}}