html,body,#root{height:100%;width:100%;margin:0;padding:0}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#0e0e0e}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button{font-family:inherit}:root{--jp-bg: #0E0E0E;--jp-panel: rgba(255, 255, 255, .03);--jp-panel2: rgba(255, 255, 255, .02);--jp-border: rgba(185, 151, 87, .35);--jp-border-strong: rgba(185, 151, 87, .7);--jp-gold: #B99757;--jp-gold-soft: #D7B978;--jp-text: rgba(255, 255, 255, .92);--jp-muted: rgba(255, 255, 255, .68);--jp-danger: rgba(255, 90, 90, .95);--jp-shadow: 0 18px 60px rgba(0, 0, 0, .55)}*{box-sizing:border-box}.jp-login{min-height:100vh;background:radial-gradient(1200px 700px at 20% 10%,rgba(185,151,87,.1),transparent 55%),radial-gradient(900px 540px at 85% 70%,rgba(185,151,87,.08),transparent 55%),var(--jp-bg);color:var(--jp-text);position:relative;overflow:hidden;padding:22px;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.jp-bgGlow{position:absolute;top:-200px;right:-200px;bottom:-200px;left:-200px;background:radial-gradient(600px 280px at 40% 20%,rgba(215,185,120,.1),transparent 65%),radial-gradient(520px 240px at 70% 75%,rgba(185,151,87,.09),transparent 70%);filter:blur(18px);pointer-events:none}.jp-shell{position:relative;max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:18px;align-items:center}.jp-brand{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;padding:12px 8px}.jp-logo{width:118px;height:118px;border-radius:22px;border:1px solid var(--jp-border);box-shadow:0 10px 40px #0000008c;object-fit:cover}.jp-title{margin:0;font-size:28px;letter-spacing:.6px}.jp-subtitle{margin:0;color:var(--jp-muted);max-width:420px;line-height:1.45}.jp-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px}.jp-badge{font-size:12px;padding:7px 10px;border-radius:999px;color:#fffc;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.jp-cardWrap{display:flex;justify-content:center}.jp-card{width:100%;max-width:460px;background:linear-gradient(180deg,var(--jp-panel),var(--jp-panel2));border:1px solid var(--jp-border);border-radius:22px;box-shadow:var(--jp-shadow);padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.jp-cardHeader h2{margin:0;font-size:20px;letter-spacing:.3px}.jp-cardHeader p{margin:6px 0 0;color:var(--jp-muted);font-size:13px}.jp-alert{margin-top:14px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,90,90,.35);background:#ff5a5a1a;color:#ffebebf2;font-size:13px}.jp-label{font-size:13px;color:#ffffffd6;display:grid;gap:8px}.jp-input{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:var(--jp-text);outline:none}.jp-input::placeholder{color:#ffffff59}.jp-input:focus{border-color:var(--jp-border-strong);box-shadow:0 0 0 4px #b997571f}.jp-passRow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.jp-eyeBtn{height:44px;padding:0 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffffd1;cursor:pointer}.jp-eyeBtn:hover{border-color:#ffffff2e}.jp-btn{margin-top:6px;height:48px;border-radius:16px;border:1px solid rgba(0,0,0,.25);background:linear-gradient(180deg,var(--jp-gold-soft),var(--jp-gold));color:#0a0a0af2;font-weight:700;letter-spacing:.2px;cursor:pointer}.jp-btn:disabled{opacity:.55;cursor:not-allowed}.jp-btn:not(:disabled):hover{filter:brightness(1.02)}.jp-links{display:flex;justify-content:space-between;gap:10px;margin-top:4px}.jp-linkBtn{background:transparent;border:none;padding:8px 0;color:#ffffffc7;cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:4px}.jp-linkBtn:hover{color:#ffffffeb}.jp-footNote{margin:6px 0 0;font-size:12px;color:#ffffff73;line-height:1.4}@media(min-width:768px)and (max-width:1024px){.jp-shell{grid-template-columns:1fr;gap:18px;justify-items:center;text-align:center}.jp-cardWrap{width:100%;justify-content:center}.jp-card{max-width:560px;width:min(560px,92vw)}.jp-brand{align-items:center;text-align:center}.jp-badges{justify-content:center}}@media(min-width:880px){.jp-shell{grid-template-columns:1.1fr .9fr;gap:24px}.jp-brand{align-items:flex-start;text-align:left;padding:18px 10px}.jp-badges{justify-content:flex-start}.jp-logo{width:140px;height:140px}.jp-title{font-size:34px}.jp-cardWrap{justify-content:flex-end}}.jp-social{display:grid;gap:10px;margin-top:14px}.jp-googleBtn{width:100%;height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffeb;font-weight:700;letter-spacing:.2px;cursor:pointer}.jp-googleBtn:hover{border-color:#ffffff2e;background:#ffffff14}.jp-googleBtn:disabled{opacity:.6;cursor:not-allowed}.jp-divider{display:flex;align-items:center;gap:12px;opacity:.85}.jp-divider:before,.jp-divider:after{content:"";flex:1;height:1px;background:#ffffff1f}.jp-divider span{font-size:12px;color:#ffffffa6}.jp-reg{min-height:100vh;background:#0e0e0e;color:#ffffffeb;position:relative;overflow:hidden}.jp-bgGlow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(700px 420px at 18% 22%,rgba(185,151,87,.16),transparent 55%),radial-gradient(520px 340px at 72% 46%,rgba(185,151,87,.1),transparent 60%),radial-gradient(760px 540px at 30% 78%,rgba(255,255,255,.05),transparent 65%);filter:blur(6px);pointer-events:none}.jp-shell{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:1fr;gap:22px;padding:26px 18px;max-width:980px;margin:0 auto}@media(min-width:860px){.jp-shell{grid-template-columns:1.05fr .95fr;align-items:center;padding:34px 18px}}.jp-brand{display:grid;gap:12px}.jp-logo{width:120px;height:120px;border-radius:18px;border:1px solid rgba(185,151,87,.35);box-shadow:0 18px 60px #00000073}.jp-title{margin:0;font-size:36px;letter-spacing:.2px}.jp-subtitle{margin:0;max-width:46ch;color:#ffffffb3;line-height:1.5}.jp-cardWrap{display:flex;justify-content:flex-end}.jp-card{width:100%;max-width:420px;border-radius:22px;padding:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 80px #00000080}.jp-cardHeader h2{margin:0;font-size:22px}.jp-cardHeader p{margin:6px 0 0;color:#ffffffa6;font-size:13px}.jp-alert{margin-top:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,90,90,.35);background:#ff5a5a1a;color:#ffebebf2;font-size:13px}.jp-form{margin-top:14px;display:grid;gap:12px}.jp-row2{display:grid;gap:12px}@media(min-width:520px){.jp-row2{grid-template-columns:1fr 1fr}}.jp-label{display:grid;gap:7px;font-size:12px;color:#ffffffb3}.jp-input{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#ffffffeb;outline:none}.jp-input:focus{border-color:#b99757b3;box-shadow:0 0 0 4px #b997571f}.jp-passRow{display:grid;grid-template-columns:1fr 80px;gap:10px;align-items:center}.jp-eyeBtn{height:44px;border-radius:14px;border:1px solid rgba(185,151,87,.35);background:#ffffff08;color:#ffffffdb;cursor:pointer}.jp-eyeBtn:hover{border-color:#b99757a6;background:#b9975714}.jp-btn{height:48px;border-radius:16px;border:1px solid rgba(185,151,87,.5);background:linear-gradient(180deg,#b99757d9,#b997578c);color:#000000eb;font-weight:700;cursor:pointer}.jp-btn:disabled{opacity:.5;cursor:not-allowed}.jp-links{display:flex;justify-content:center}.jp-linkBtn{border:none;background:transparent;color:#ffffffc7;cursor:pointer;padding:6px 8px}.jp-linkBtn:hover{color:#b99757f2;text-decoration:underline;text-underline-offset:3px}.jp-footNote{margin:6px 0 0;color:#ffffff8c;font-size:12px;line-height:1.4}.jp-hint{margin-top:2px;font-size:11px;color:#ffffff8c;line-height:1.3}.jp-barberPage{min-height:100vh;padding:22px;background:radial-gradient(1200px 700px at 20% 10%,rgba(185,151,87,.1),transparent 55%),radial-gradient(900px 540px at 85% 70%,rgba(185,151,87,.08),transparent 55%),#0e0e0e;color:#ffffffeb}.jp-barberHeader{max-width:980px;margin:0 auto 16px;display:flex;gap:16px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}.jp-barberHeader h1{margin:0;font-size:28px}.jp-barberHeader p{margin:6px 0 0;color:#ffffffa6}.jp-headerRight{display:flex;gap:12px;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;max-width:100%}.jp-dateBox{display:grid;gap:6px;min-width:220px}.jp-dateBox label{font-size:12px;color:#ffffffb3}.jp-dateBox input{padding:10px 12px;border-radius:14px;border:1px solid rgba(185,151,87,.35);background:#00000059;color:#ffffffeb;outline:none}.jp-dateBox input:focus{border-color:#b99757b3;box-shadow:0 0 0 4px #b997571f}.jp-barberAlert{max-width:980px;margin:0 auto 14px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,90,90,.35);background:#ff5a5a1a;color:#ffebebf2;font-size:13px}.jp-slotsGrid{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jp-slot{display:flex;flex-direction:column;gap:6px;text-align:left;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffffe0;cursor:pointer}.jp-slot.is-on{border-color:#b99757b3;background:#b997571a}.jp-actionsRight{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}@media(max-width:520px){.jp-actionsRight{width:100%;justify-content:flex-end}}.jp-bookPage{min-height:100vh;padding:22px;padding-bottom:calc(22px + env(safe-area-inset-bottom));background:radial-gradient(1200px 700px at 20% 10%,rgba(185,151,87,.1),transparent 55%),radial-gradient(900px 540px at 85% 70%,rgba(185,151,87,.08),transparent 55%),#0e0e0e;color:#ffffffeb}.jp-bookHeader{max-width:1100px;margin:0 auto 16px;display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;position:relative}.jp-bookHeader>div:first-child{min-width:240px}.jp-bookHeader h1{margin:0;font-size:28px}.jp-bookHeader p{margin:6px 0 0;color:#ffffffa6}.jp-bookTopActions{margin-left:auto;display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;max-width:100%}.jp-bookTopActions .jp-ghostBtn,.jp-bookTopActions .jp-logoutGhost{position:static!important;white-space:nowrap;flex:0 0 auto;max-width:100%}@media(max-width:520px){.jp-bookTopActions{width:100%;flex-direction:column;align-items:flex-end;gap:8px}.jp-bookTopActions .jp-ghostBtn,.jp-bookTopActions .jp-logoutGhost{width:min(240px,92vw)}}@media(max-width:360px){.jp-bookTopActions .jp-ghostBtn,.jp-bookTopActions .jp-logoutGhost{width:100%}}.jp-ghostBtn{height:34px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:#ffffffd1;cursor:pointer}.jp-ghostBtn:hover{border-color:#b9975799;background:#b997571a}.jp-ghostBtn:disabled{opacity:.55;cursor:not-allowed}.jp-logoutGhost{height:34px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#00000040;color:#ffffffc7;cursor:pointer}.jp-logoutGhost:hover{border-color:#b9975799;background:#b997571a;color:#ffffffe6}.jp-alert{max-width:1100px;margin:0 auto 10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,90,90,.35);background:#ff5a5a1a;color:#ffebebf2;font-size:13px}.jp-success{max-width:1100px;margin:0 auto 10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(185,151,87,.4);background:#b997571a;color:#ffffffeb;font-size:13px}.jp-bookLayout{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:920px){.jp-bookLayout{grid-template-columns:340px 1fr;gap:14px;align-items:start}}.jp-panel{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;box-shadow:0 20px 80px #0006;overflow:hidden}.jp-panelTitle{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:700}.jp-muted{color:#fff9;font-weight:500}.jp-side{display:grid;gap:12px}.jp-barberList{padding:12px;display:grid;gap:10px}.jp-barberBtn{text-align:left;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#ffffffe0;cursor:pointer}.jp-barberBtn:hover{border-color:#b9975759}.jp-barberBtn.is-active{border-color:#b99757b3;background:#b997571a}.jp-barberName{font-weight:700}.jp-barberSub{margin-top:4px;font-size:12px;color:#fff9}.jp-dateWrap{margin:12px;border-radius:14px;border:1px solid rgba(185,151,87,.35);background:#00000059;overflow:hidden}.jp-dateWrap:focus-within{border-color:#b99757b3;box-shadow:0 0 0 4px #b997571f}.jp-dateInput{width:100%;margin:0;padding:10px 44px 10px 12px;border:0;border-radius:0;background:transparent;color:#ffffffeb;outline:none;box-sizing:border-box;display:block}.jp-dateInput::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.85}.jp-slotsGrid{padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:720px){.jp-slotsGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.jp-slot{display:flex;flex-direction:column;gap:6px;text-align:left;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#ffffffe0;cursor:pointer}.jp-slot:hover{border-color:#b9975759}.jp-slotState{font-size:12px;color:#fff9}.jp-slot.is-booked{cursor:not-allowed;opacity:.55;border-color:#ffffff1a}.jp-bookCard{max-width:520px;margin:40px auto 0;background:#ffffff08;border:1px solid rgba(185,151,87,.25);border-radius:22px;padding:18px;box-shadow:0 18px 60px #0000008c}