@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Montserrat:wght@500;600;700&display=swap";:root{--bg:#070707;--surface:#121212;--surface-soft:#171717;--ink:#f4f4f4;--muted:#cfc9bb;--line:#3d3424;--gold:#c8a35b;--gold-soft:#f1dfb6;--danger:#e19a8b}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 12% -10%,#c8a35b47 0%,#0000 40%),radial-gradient(circle at 92% 8%,#c8a35b2b 0%,#0000 35%),linear-gradient(135deg,#050505 0%,#0c0c0c 34%,#131313 100%);font-family:Montserrat,sans-serif}.app-shell{max-width:560px;min-height:100svh;padding:calc(env(safe-area-inset-top) + 14px) 14px calc(env(safe-area-inset-bottom) + 88px);margin:0 auto}.auth-wrap{place-items:center;display:grid}.topbar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.topbar-brand,.brand-row{align-items:center;gap:10px;display:flex}.brand-logo{border:1px solid color-mix(in srgb, var(--gold) 70%, #fff);object-fit:cover;border-radius:50%;width:44px;height:44px;box-shadow:0 0 22px #c8a35b42}.eyebrow{color:var(--gold-soft);text-transform:uppercase;letter-spacing:.09em;margin:0;font-size:.74rem}h1,h2,h3{margin:0;font-family:Cinzel,serif}h1{font-size:1.3rem}h2{font-size:1rem}h3{font-size:.92rem}.session-meta{color:var(--muted);margin:5px 0 0;font-size:.78rem}.pill{border:1px solid var(--gold);background:color-mix(in srgb, var(--surface) 80%, #000);color:var(--gold-soft);border-radius:999px;min-height:42px;padding:10px 14px;font-weight:700}.content{gap:14px;display:grid}.client-module-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.client-module-nav button{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-soft) 90%, #000);min-height:44px;color:var(--muted);border-radius:12px;font-weight:700}.client-module-nav button.active{color:var(--gold-soft);border-color:var(--gold);background:linear-gradient(#c8a35b2e,#121212e6)}.client-module-nav button:disabled{opacity:.45}.detail-nav{margin-bottom:10px}.auth-card,.agenda,.placeholder{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 90%, #000), var(--surface));border-radius:18px;padding:14px}.auth-card{width:min(460px,100%);padding:18px}.auth-help{color:var(--muted);margin:8px 0 0;font-size:.9rem}.auth-form{gap:10px;margin-top:14px;display:grid}.auth-form label{color:var(--muted);gap:6px;font-size:.84rem;font-weight:600;display:grid}.auth-form input{border:1px solid var(--line);min-height:46px;color:var(--ink);font:inherit;background:#101010;border-radius:12px;padding:0 12px}.queue-form{gap:10px;margin-top:12px;display:grid}.queue-form label{color:var(--muted);gap:6px;font-size:.84rem;font-weight:600;display:grid}.queue-form input,.queue-form select{border:1px solid var(--line);min-height:44px;color:var(--ink);font:inherit;background:#101010;border-radius:12px;padding:0 12px}.text-area{border:1px solid var(--line);color:var(--ink);font:inherit;resize:vertical;background:#101010;border-radius:12px;padding:10px 12px}.auth-submit{border:1px solid var(--gold);color:#090909;background:linear-gradient(135deg,#654a1d,#c8a35b 65%,#f1dfb6);border-radius:12px;min-height:48px;margin-top:2px;font-weight:800}.auth-submit:disabled{opacity:.6}.error{color:var(--danger);margin:10px 0 0;font-size:.84rem}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.kpi{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-soft) 88%, #000);border-radius:18px;padding:12px}.kpi p{color:var(--muted);margin:0;font-size:.76rem}.kpi strong{margin-top:8px;font-size:1rem;display:block}.kpi.ok,.kpi.warn,.kpi.neutral{background:linear-gradient(150deg, #c8a35b29, color-mix(in srgb, var(--surface-soft) 88%, #000))}.section-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.count-badge{border:1px solid var(--line);color:var(--gold-soft);border-radius:999px;padding:6px 10px;font-size:.76rem}.link{color:var(--gold-soft);background:0 0;border:0;min-height:40px;font-weight:700}.list{gap:8px;display:grid}.row{border:1px solid color-mix(in srgb, var(--line) 84%, #5b4a2a);background:#09090980;border-radius:14px;grid-template-columns:62px 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.hour{color:var(--gold-soft);font-family:Cinzel,serif;font-weight:700}.meta strong{font-size:.88rem}.meta p{color:var(--muted);margin:2px 0 0;font-size:.79rem}.status{border:1px solid var(--line);text-transform:capitalize;color:var(--gold-soft);background:#131313;border-radius:999px;padding:5px 8px;font-size:.69rem;font-weight:700}.status.completado,.status.ingreso{color:#bce7bc;border-color:#3f6844}.status.egreso{color:#f2c4b8;border-color:#7d4b40}.status.espera{color:var(--gold-soft);border-color:#7a6339}.status.en_servicio{color:#d2e7ff;border-color:#496180}.status.finalizado{color:#bce7bc;border-color:#3f6844}.status.cancelado,.status.ausente{color:#dec0c0;border-color:#6f4a4a}.quick{gap:10px;display:grid}.quick button{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-soft) 90%, #000);color:var(--ink);text-align:left;border-radius:14px;min-height:50px;padding:14px;font-weight:700}.placeholder p{color:var(--muted);margin-top:6px}.empty{color:var(--muted);margin:6px 0;font-size:.84rem}.plain-list{margin-top:8px}.row-client{grid-template-columns:1fr}.row-client-card{grid-template-columns:1fr;padding:0;overflow:hidden}.row-client-card.selected{border-color:var(--gold);box-shadow:0 0 0 1px #c8a35b3d}.client-card-main{color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:1fr auto;align-items:center;gap:8px;width:100%;padding:10px;display:grid}.row-action{grid-template-columns:56px 1fr auto}.inline-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.inline-actions button{border:1px solid var(--line);color:var(--gold-soft);background:#111;border-radius:10px;min-height:38px;padding:0 12px;font-weight:700}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.profile-card{border:1px solid var(--line);background:#09090966;border-radius:14px;padding:12px}.profile-card p{color:var(--muted);margin:0;font-size:.76rem}.profile-card strong{margin-top:6px;font-size:.88rem;display:block}.compact-form{margin-bottom:10px}.row-history{grid-template-columns:64px 1fr auto}.single-column{grid-template-columns:1fr}.report-block{border-top:1px dashed var(--line);margin-top:10px;padding-top:10px}.report-block h3{margin-bottom:4px}.bottom-nav{left:50%;bottom:max(env(safe-area-inset-bottom), 10px);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#100f0d;border-radius:18px;grid-template-columns:repeat(5,1fr);width:min(560px,100% - 20px);padding:6px;display:grid;position:fixed;transform:translate(-50%)}.bottom-nav button{color:#b2ab9d;background:0 0;border:0;border-radius:12px;place-items:center;gap:2px;min-height:58px;font-weight:700;display:grid}.bottom-nav button.active{color:var(--gold-soft);background:linear-gradient(#c8a35b2e,#121212e6)}.bottom-nav small{font-size:.69rem}@media (width>=720px){.app-shell{padding-left:20px;padding-right:20px}h1{font-size:1.48rem}}@media (width<=480px){.profile-grid{grid-template-columns:1fr}}.pos-summary{border:1px solid var(--line);background:linear-gradient(135deg,#c8a35b2e,#0f0f0fe6);border-radius:16px;gap:10px;margin-bottom:12px;padding:14px;display:grid}.pos-summary-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.pos-summary-row .label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.pos-summary-row .total{color:var(--gold-soft);font-family:Cinzel,serif;font-size:1.6rem}.pos-cart-list{gap:8px;margin:4px 0 6px;display:grid}.pos-cart-item{border:1px solid var(--line);background:#0909098c;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;padding:10px 12px;display:grid}.pos-cart-item .meta strong{font-size:.92rem}.pos-cart-item .meta p{color:var(--muted);margin:2px 0 0;font-size:.76rem}.pos-cart-controls{align-items:center;gap:6px;display:flex}.pos-cart-controls button{border:1px solid var(--line);min-width:34px;min-height:34px;color:var(--gold-soft);background:#111;border-radius:10px;font-size:1rem;font-weight:700}.pos-cart-controls .qty{text-align:center;min-width:22px;font-weight:700}.pos-cart-controls .remove{color:var(--danger);padding:0 10px;font-size:.8rem}.pos-hint{color:var(--muted);margin:0;font-size:.82rem}.pos-hint.warn{color:var(--danger)}.pos-cobrar{background:linear-gradient(135deg, var(--gold) 0%, #8c6a2f 100%);color:#090909;letter-spacing:.02em;border:none;border-radius:14px;width:100%;min-height:52px;padding:14px;font-size:1rem;font-weight:800}.pos-cobrar:disabled{filter:grayscale(.4);opacity:.6}.pos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.pos-tile{border:1px solid var(--line);color:var(--ink);text-align:left;min-height:88px;font:inherit;cursor:pointer;background:#0909098c;border-radius:14px;gap:6px;padding:14px 12px;transition:transform 80ms,border-color .15s,background .15s;display:grid}.pos-tile:hover,.pos-tile:focus-visible{border-color:var(--gold);background:#c8a35b14;outline:none}.pos-tile:active{transform:scale(.98)}.pos-tile strong{word-break:break-word;font-size:.92rem;line-height:1.15}.pos-tile .price{color:var(--gold-soft);font-family:Cinzel,serif;font-size:1.05rem}.pos-section-heading{justify-content:space-between;align-items:baseline;margin:14px 0 4px;display:flex}.pos-section-heading h3{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-soft);margin:0;font-family:Cinzel,serif;font-size:.88rem}.pos-toolbar{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.pos-toolbar-btn{color:var(--gold-soft);letter-spacing:.04em;cursor:pointer;background:linear-gradient(140deg,#d6b26e2e,#d6b26e0f);border:1px solid #d6b26e66;border-radius:14px;padding:14px 12px;font-family:Cinzel,serif;font-size:.88rem;transition:transform .12s,background .12s}.pos-toolbar-btn:hover{background:linear-gradient(140deg,#d6b26e47,#d6b26e1a);transform:translateY(-1px)}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b8;justify-content:center;align-items:flex-start;padding:24px 12px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface,#141414);border:1px solid #d6b26e4d;border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 48px);display:flex;box-shadow:0 20px 60px #0009}.modal-header{border-bottom:1px solid #d6b26e33;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{color:var(--gold-soft);margin:0;font-family:Cinzel,serif;font-size:1.1rem}.modal-close{color:var(--gold-soft);cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:1.8rem;line-height:1}.modal-body{padding:16px 20px 20px;overflow-y:auto}.sale-row{flex-direction:column;align-items:stretch;gap:10px}.sale-main{align-items:flex-start;gap:12px;display:flex}.sale-items{opacity:.75;margin-top:4px;font-size:.82rem}.sale-notes{opacity:.7;font-size:.82rem;font-style:italic}.sale-edit{border-top:1px dashed #d6b26e33;padding-top:10px}.user-menu{position:relative}.user-chip{color:var(--gold-soft);cursor:pointer;background:#d6b26e14;border:1px solid #d6b26e4d;border-radius:999px;align-items:center;gap:10px;padding:6px 12px 6px 6px;transition:background .12s;display:flex}.user-chip:hover{background:#d6b26e29}.user-chip-info{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.user-chip-info strong{color:var(--gold-soft);font-family:Cinzel,serif;font-size:.82rem}.user-chip-info small{opacity:.65;font-size:.7rem}.user-chip-caret{opacity:.6;font-size:.75rem}.avatar{color:#111;letter-spacing:.03em;background:linear-gradient(140deg,#d6b26ee6,#8c6428e6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-family:Cinzel,serif;font-size:.78rem;font-weight:700;display:inline-flex}.avatar-lg{width:48px;height:48px;font-size:1rem}.avatar-xl{width:72px;height:72px;font-size:1.4rem}.user-menu-backdrop{z-index:80;position:fixed;inset:0}.user-menu-dropdown{z-index:90;background:#141414;border:1px solid #d6b26e4d;border-radius:14px;min-width:260px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 40px #0000008c}.user-menu-header{border-bottom:1px solid #d6b26e2e;align-items:center;gap:12px;padding:14px 14px 12px;display:flex}.user-menu-header strong{color:var(--gold-soft);font-family:Cinzel,serif;font-size:.95rem;display:block}.user-menu-header p{opacity:.7;word-break:break-all;margin:2px 0 6px;font-size:.78rem}.user-menu-item{text-align:left;width:100%;color:var(--text-soft,#d8d8d8);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:11px 14px;font-family:inherit;font-size:.88rem;transition:background .1s;display:flex}.user-menu-item:hover{background:#d6b26e14}.user-menu-item.danger{color:#f48a8a;border-top:1px solid #d6b26e2e}.user-menu-item .mi{font-size:1rem}.role-pill{letter-spacing:.08em;border-radius:999px;padding:2px 8px;font-size:.66rem;font-weight:700;display:inline-block}.role-admin{color:var(--gold-soft);background:#d6b26e33;border:1px solid #d6b26e80}.role-caja{color:#9fc2f0;background:#508cdc2e;border:1px solid #508cdc73}.role-barbero{color:#a5d6a7;background:#78b4782e;border:1px solid #78b47866}.status-pill{border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.status-pill.on{color:#a5d6a7;background:#78b47833}.status-pill.off{color:#f0a0a0;background:#c85a5a2e}.profile-head{border-bottom:1px solid #d6b26e26;align-items:center;gap:16px;margin-bottom:16px;padding:8px 0 18px;display:flex}.profile-head strong{color:var(--gold-soft);font-family:Cinzel,serif;font-size:1.1rem;display:block}.profile-head p{opacity:.75;margin:2px 0 6px}.perm-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.perm-toggle{cursor:pointer;background:#ffffff08;border:1px solid #d6b26e2e;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;transition:background .12s,border-color .12s;display:flex}.perm-toggle:hover{background:#d6b26e14}.perm-toggle input{accent-color:var(--gold-soft)}.perm-toggle.on{color:var(--gold-soft);background:#d6b26e1f;border-color:#d6b26e8c}.perm-block{background:#ffffff05;border:1px solid #d6b26e2e;border-radius:14px;margin-top:4px;padding:14px}.perm-block-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.perm-chip{border:1px solid #d6b26e33;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;display:flex}.perm-chip .dot{background:#c85a5ab3;border-radius:50%;width:8px;height:8px}.perm-chip.on{color:#cde8c6;background:#78b4781f;border-color:#78b47866}.perm-chip.on .dot{background:#8ed58a}.perm-grid.readonly .perm-chip.off{opacity:.55}.checkbox-inline{align-items:center;gap:8px;flex-direction:row!important;display:flex!important}.checkbox-inline input{accent-color:var(--gold-soft);width:auto!important}.user-row{flex-direction:column;align-items:stretch;gap:10px}.user-row-main{align-items:center;gap:12px;display:flex}.user-row-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}