@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Outfit:wght@300;400;500;600&display=swap";:root{--ink:#080808;--ink-1:#0e0e0e;--ink-2:#141414;--ink-3:#1c1c1c;--ink-4:#242424;--ink-5:#2e2e2e;--amber:#d4a853;--amber-hi:#f0c87a;--amber-lo:#d4a8531f;--amber-ring:#d4a85340;--amber-soft:#d4a85314;--fg:#ede8df;--fg-2:#a09080;--fg-3:#5a5248;--green:#52c07a;--green-bg:#52c07a1a;--red:#c85a56;--red-bg:#c85a561a;--blue:#5a9fd4;--blue-bg:#5a9fd41a;--sidebar-w:256px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:22px;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 40px #0009;--shadow-amber:0 0 0 1px var(--amber-ring), 0 8px 32px #d4a85326;--shadow-glow:0 0 60px #d4a85314;--ease:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--t-fast:.15s;--t-base:.22s;--t-slow:.35s;--gold:var(--amber);--gold-light:var(--amber-hi);--gold-dim:var(--amber-lo);--gold-border:var(--amber-ring);--black:var(--ink);--black-2:var(--ink-2);--black-3:var(--ink-3);--black-4:var(--ink-4);--black-5:var(--ink-5);--cream:var(--fg);--cream-dim:var(--amber-soft);--text:var(--fg);--text-muted:var(--fg-2);--text-faint:var(--fg-3);--success:var(--green);--danger:var(--red);--info:var(--blue);--radius:var(--r-md);--radius-lg:var(--r-lg);--shadow:var(--shadow-md);--shadow-gold:var(--shadow-amber);--transition:var(--t-base) var(--ease)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--ink);height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;letter-spacing:.01em;font-family:Outfit,sans-serif;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ink-5);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--amber-ring)}.app-layout{height:100vh;display:flex;position:relative;overflow:hidden}.app-sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--ink-1);z-index:100;border-right:1px solid #d4a8531a;flex-direction:column;display:flex;position:relative}.app-sidebar:before{content:"";pointer-events:none;background:linear-gradient(#d4a85308 0%,#0000 35%);position:absolute;inset:0}.app-main{background:var(--ink);flex:1;position:relative;overflow-y:auto}.app-content{max-width:1440px;padding:36px 40px;position:relative}.sidebar-logo{border-bottom:1px solid #d4a85314;padding:28px 22px 20px;position:relative}.sidebar-logo-title{color:var(--fg);letter-spacing:.02em;align-items:center;gap:11px;font-family:Playfair Display,serif;font-size:21px;font-weight:700;display:flex}.sidebar-logo-icon{border-radius:var(--r-md);background:linear-gradient(135deg, var(--amber) 0%, #a07830 100%);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex;box-shadow:0 3px 10px #d4a8534d}.sidebar-logo-subtitle{color:var(--fg-3);letter-spacing:.2em;text-transform:uppercase;margin-top:3px;padding-left:47px;font-size:9.5px}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:18px 12px;display:flex;overflow-y:auto}.sidebar-nav-label{text-transform:uppercase;letter-spacing:.18em;color:var(--fg-3);padding:14px 10px 6px;font-size:9px;font-weight:600}.sidebar-nav-item{border-radius:var(--r-md);color:var(--fg-2);cursor:pointer;transition:all var(--t-base) var(--ease);border:1px solid #0000;align-items:center;gap:11px;padding:11px 13px;font-size:13.5px;font-weight:400;text-decoration:none;display:flex;position:relative}.sidebar-nav-item:before{content:"";background:var(--amber);width:3px;height:55%;transition:transform var(--t-fast) var(--ease-bounce);border-radius:0 2px 2px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.sidebar-nav-item:hover{color:var(--fg);background:var(--amber-soft);border-color:var(--amber-ring)}.sidebar-nav-item.active{color:var(--amber);background:var(--amber-lo);border-color:var(--amber-ring);font-weight:500}.sidebar-nav-item.active:before{transform:translateY(-50%)scaleY(1)}.nav-icon{text-align:center;opacity:.85;flex-shrink:0;width:19px;font-size:14px}.sidebar-footer{border-top:1px solid #ffffff0a;padding:14px 12px}.sidebar-user{border-radius:var(--r-md);background:var(--ink-2);border:1px solid #ffffff0a;align-items:center;gap:10px;margin-bottom:9px;padding:11px 12px;display:flex}.sidebar-user-avatar{background:var(--amber-lo);border:1.5px solid var(--amber-ring);width:33px;height:33px;color:var(--amber);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.sidebar-user-name{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sidebar-user-role{color:var(--fg-3);font-size:10.5px}.btn-logout{border-radius:var(--r-md);width:100%;color:var(--fg-3);cursor:pointer;transition:all var(--t-base) var(--ease);background:0 0;border:1px solid #ffffff12;justify-content:center;align-items:center;gap:8px;padding:10px;font-family:Outfit,sans-serif;font-size:12.5px;display:flex}.btn-logout:hover{color:var(--red);background:var(--red-bg);border-color:#c85a5666}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.page-title{color:var(--fg);letter-spacing:.01em;font-family:Playfair Display,serif;font-size:30px;font-weight:600;line-height:1.2}.page-subtitle{color:var(--fg-2);margin-top:4px;font-size:13px}.card{background:var(--ink-2);border-radius:var(--r-lg);transition:border-color var(--t-base) var(--ease);border:1px solid #ffffff0d;overflow:hidden}.card-gold{border-color:var(--amber-ring)}.card-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.card-title{color:var(--fg);font-size:14px;font-weight:600}.card-body{padding:20px 22px}.stat-card{background:var(--ink-2);border-radius:var(--r-lg);transition:all var(--t-base) var(--ease);cursor:default;border:1px solid #ffffff0d;padding:24px;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, transparent, var(--amber), transparent);opacity:0;height:2px;transition:opacity var(--t-base);position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--amber-ring);box-shadow:var(--shadow-amber);transform:translateY(-3px)}.stat-card:hover:before{opacity:1}.stat-card-value{color:var(--fg);letter-spacing:-.01em;margin-bottom:8px;font-family:Playfair Display,serif;font-size:40px;font-weight:700;line-height:1}.stat-card-label{color:var(--fg-2);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600}.stat-card-icon{opacity:.1;font-size:26px;position:absolute;top:20px;right:20px}.btn{border-radius:var(--r-md);cursor:pointer;transition:all var(--t-base) var(--ease);letter-spacing:.03em;white-space:nowrap;border:1px solid #0000;align-items:center;gap:7px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;display:inline-flex}.btn-gold{background:linear-gradient(135deg, var(--amber) 0%, #b8902e 100%);color:#080808;border-color:var(--amber);font-weight:600;box-shadow:0 2px 8px #d4a85340}.btn-gold:hover{background:linear-gradient(135deg, var(--amber-hi) 0%, var(--amber) 100%);transform:translateY(-1px);box-shadow:0 4px 18px #d4a85366}.btn-outline{color:var(--fg-2);background:0 0;border-color:#ffffff1a}.btn-outline:hover{color:var(--fg);background:#ffffff0a;border-color:#fff3}.btn-danger{color:var(--red);background:0 0;border-color:#c85a5640}.btn-danger:hover{background:var(--red-bg);border-color:var(--red)}.btn-success{color:var(--green);background:0 0;border-color:#52c07a40}.btn-success:hover{background:var(--green-bg);border-color:var(--green)}.btn-sm{padding:7px 13px;font-size:12px}.btn-lg{padding:13px 26px;font-size:15px}.btn-full{justify-content:center;width:100%}.btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead tr{border-bottom:1px solid #d4a85326}th{text-align:left;color:var(--fg-3);text-transform:uppercase;letter-spacing:.13em;white-space:nowrap;padding:13px 18px;font-size:10.5px;font-weight:600}td{color:var(--fg);vertical-align:middle;border-bottom:1px solid #ffffff08;padding:15px 18px;font-size:13.5px}tbody tr{transition:background var(--t-fast) var(--ease)}tbody tr:hover td{background:#ffffff05}tbody tr:last-child td{border-bottom:none}.badge{letter-spacing:.06em;text-transform:uppercase;border-radius:20px;align-items:center;padding:3px 10px;font-size:10.5px;font-weight:600;display:inline-flex}.badge-success{background:var(--green-bg);color:var(--green);border:1px solid #52c07a40}.badge-danger{background:var(--red-bg);color:var(--red);border:1px solid #c85a5640}.badge-warning{background:var(--amber-lo);color:var(--amber);border:1px solid var(--amber-ring)}.badge-info{background:var(--blue-bg);color:var(--blue);border:1px solid #5a9fd440}.badge-neutral{color:var(--fg-2);background:#ffffff0d;border:1px solid #ffffff14}.badge-gold{background:var(--amber-lo);color:var(--amber);border:1px solid var(--amber-ring)}.form-group{margin-bottom:20px}.form-label{color:var(--fg-2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.form-control{background:var(--ink-3);border-radius:var(--r-md);width:100%;color:var(--fg);transition:all var(--t-base) var(--ease);appearance:none;border:1px solid #ffffff14;outline:none;padding:11px 15px;font-family:Outfit,sans-serif;font-size:14px}.form-control:focus{border-color:var(--amber-ring);background:var(--ink-4);box-shadow:0 0 0 3px var(--amber-soft)}.form-control::placeholder{color:var(--fg-3)}select.form-control option{background:var(--ink-3);color:var(--fg)}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;animation:fadeIn .18s var(--ease);background:#000000d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--ink-2);border-radius:var(--r-xl);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-lg), var(--shadow-amber);border:1px solid #d4a85333;animation:.22s cubic-bezier(.34,1.56,.64,1) slideUp;overflow-y:auto}.modal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 28px 18px;display:flex}.modal-title{color:var(--fg);font-family:Playfair Display,serif;font-size:21px;font-weight:600}.modal-close{border-radius:var(--r-sm);width:32px;height:32px;color:var(--fg-2);cursor:pointer;transition:all var(--t-fast);background:0 0;border:1px solid #ffffff14;justify-content:center;align-items:center;font-size:16px;display:flex}.modal-close:hover{border-color:var(--red);color:var(--red)}.modal-body{padding:22px 28px}.modal-footer{border-top:1px solid #ffffff0d;justify-content:flex-end;gap:10px;padding:18px 28px;display:flex}.login-page{background:var(--ink);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4a8530f 0%,#0000 65%);border-radius:50%;width:700px;height:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-card{background:var(--ink-1);border-radius:var(--r-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg), var(--shadow-glow);z-index:1;border:1px solid #d4a85333;padding:50px 42px;position:relative}.login-card:before{content:"";background:linear-gradient(90deg, transparent, var(--amber), transparent);height:2px;position:absolute;top:-1px;left:20%;right:20%}.login-logo{color:var(--fg);text-align:center;letter-spacing:.02em;justify-content:center;align-items:center;gap:12px;margin-bottom:4px;font-family:Playfair Display,serif;font-size:34px;font-weight:700;display:flex}.login-tagline{color:var(--fg-3);text-align:center;letter-spacing:.22em;text-transform:uppercase;margin-bottom:38px;font-size:10px}.login-divider{color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:14px;margin:22px 0;font-size:10.5px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff0f;flex:1;height:1px}.btn-google{background:var(--ink-3);border-radius:var(--r-md);width:100%;color:var(--fg);cursor:pointer;transition:all var(--t-base) var(--ease);border:1px solid #ffffff14;justify-content:center;align-items:center;gap:10px;padding:12px;font-family:Outfit,sans-serif;font-size:14px;display:flex}.btn-google:hover{border-color:var(--amber-ring);background:var(--ink-4)}.alert-error{background:var(--red-bg);border-radius:var(--r-md);color:var(--red);border:1px solid #c85a5640;margin-bottom:20px;padding:11px 15px;font-size:13px}.mobile-header{background:var(--ink-1);z-index:200;border-bottom:1px solid #d4a8531a;justify-content:space-between;align-items:center;padding:15px 20px;display:none;position:sticky;top:0}.mobile-logo{color:var(--fg);align-items:center;gap:9px;font-family:Playfair Display,serif;font-size:19px;font-weight:700;display:flex}.hamburger{border:1px solid var(--amber-ring);border-radius:var(--r-md);cursor:pointer;width:38px;height:38px;transition:all var(--t-fast);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:flex}.hamburger:hover{background:var(--amber-soft)}.hamburger span{background:var(--amber);width:16px;height:1.5px;transition:all var(--t-base) var(--ease)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#000000b3;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes blade-top{0%,to{transform:rotate(0)}50%{transform:rotate(-20deg)}}@keyframes blade-bottom{0%,to{transform:rotate(0)}50%{transform:rotate(20deg)}}.scissors-anim{flex-shrink:0;display:inline-block}.scissors-anim .blade-top{transform-origin:7.5px 7.5px;transform-box:fill-box;animation:.7s ease-in-out infinite blade-top}.scissors-anim .blade-bottom{transform-origin:7.5px 16.5px;transform-box:fill-box;animation:.7s ease-in-out infinite blade-bottom}.tabs{background:var(--ink-2);border-radius:var(--r-md);border:1px solid #ffffff0d;gap:2px;width:fit-content;padding:4px;display:flex}.tab-btn{color:var(--fg-2);cursor:pointer;transition:all var(--t-fast) var(--ease);background:0 0;border:none;border-radius:7px;padding:8px 18px;font-family:Outfit,sans-serif;font-size:13px;font-weight:500}.tab-btn.active{background:var(--amber-lo);color:var(--amber);border:1px solid var(--amber-ring)}.tab-btn:hover:not(.active){color:var(--fg)}.divider{background:#ffffff0d;height:1px;margin:20px 0}.text-gold{color:var(--amber)}.text-muted{color:var(--fg-2)}.text-success{color:var(--green)}.text-danger{color:var(--red)}.row{flex-wrap:wrap;gap:20px;display:flex}.col{flex:1;min-width:200px}.col-2{flex:0 0 calc(50% - 10px)}.col-3{flex:0 0 calc(33.333% - 14px)}.col-4{flex:0 0 calc(25% - 15px)}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.loading{color:var(--fg-2);justify-content:center;align-items:center;gap:14px;padding:72px;font-size:13px;display:flex}.spinner{border:2px solid var(--ink-5);border-top-color:var(--amber);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.empty-state{text-align:center;color:var(--fg-2);padding:72px 24px}.empty-state-icon{opacity:.3;margin-bottom:14px;font-size:40px}.empty-state-text{font-size:14px}.grid-plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;margin-bottom:48px;display:grid}.grid-dash-main{grid-template-columns:1fr 300px;align-items:start;gap:16px;display:grid}.grid-uso{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid-barbero-stats{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.grid-plans{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.grid-dash-main{grid-template-columns:1fr}.grid-uso{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.grid-barbero-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.mobile-header{display:flex}.app-sidebar{width:var(--sidebar-w)}.app-layout{height:auto;min-height:100vh;overflow:visible}.app-main{min-width:0;height:auto;min-height:calc(100vh - 56px);overflow-y:auto;flex:auto!important;width:100%!important}.page-title{font-size:22px}table{font-size:12px}th,td{padding:10px 12px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.col-2,.col-3,.col-4{flex:0 0 100%}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.stat-card-value{font-size:28px!important}.filter-bar{padding-bottom:4px;overflow-x:auto;flex-wrap:nowrap!important}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:92vh;max-width:100%!important}.hide-mobile{display:none}.show-mobile{display:block}.app-content{padding:16px 14px}.grid-barbero-stats{grid-template-columns:repeat(2,1fr)}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}}@media (width<=520px){.grid-plans{max-width:100%}.grid-barbero-stats{grid-template-columns:1fr 1fr}.login-card{border-radius:var(--r-lg)!important;padding:28px 20px!important}.page-title{font-size:22px!important}.login-tagline{letter-spacing:.12em!important}}