@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Plus+Jakarta+Sans:wght@400;600;700&display=swap";:root{--font-sans: "Plus Jakarta Sans", "Segoe UI", Arial, sans-serif;--font-serif: "Fraunces", "Times New Roman", serif}body{margin:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color: #0ea5e9;--secondary-color: #22c55e;--background-color: #0b0f14;--surface-color: rgba(255, 255, 255, .06);--text-color: #e8f0ff;--shadow-color: rgba(0, 0, 0, .35);--border-radius: 12px}body{background:var(--background-color);color:var(--text-color);font-family:Roboto,Segoe UI,Arial,sans-serif;margin:0;padding:0;min-height:100vh}.App{min-height:100vh;display:flex}.sidebar{width:250px;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px;min-height:100vh;box-shadow:2px 0 20px #0000001a;border-right:1px solid rgba(255,255,255,.2)}.main-content{padding:20px 0 20px 20px;flex:1;text-align:left}.App h2{color:#e0e0e0;margin-top:20px}.calendar-container{width:100%}.calendar-container>div{height:100%;width:100%}.fc{background:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a}.fc-header-toolbar{background:var(--primary-color);color:#fff;border-radius:var(--border-radius) var(--border-radius) 0 0;padding:10px}.fc-button{background:#fff3!important;border:none!important;color:#fff!important;border-radius:4px!important}.fc-button:hover{background:#fff6!important}.fc-daygrid-day:hover{background:#1976d21a!important}.fc-event{border:none!important;border-radius:var(--border-radius)!important;font-weight:500!important;font-size:16px!important}.fc-event{font-size:16px!important}.fc-event-title{color:#000!important}.fc-event:hover{box-shadow:0 2px 4px #0003}.fc-timegrid-slot-label{color:#000!important}.fc-timegrid{color:#000}.black-time{color:#000!important}.appointments-list{margin-top:20px;width:100%;max-width:600px}.appointment-item{background:var(--surface-color);border:1px solid #e0e0e0;padding:20px;margin:15px 0;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;transition:all .2s ease;color:#000}.appointment-item:hover{box-shadow:0 4px 8px #0003}.tabs{display:flex;flex-direction:column;align-items:stretch;margin-bottom:20px;margin-top:40px}.tabs button{background:var(--primary-color);border:none;color:#fff;border-radius:4px;padding:8px 16px;margin:4px 0;cursor:pointer;transition:all .3s ease;font-size:1.1em}.tabs button:hover{background:var(--secondary-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.main-content{animation:slideIn .5s ease-out}.button{background:var(--primary-color);border:none;padding:10px 20px;margin:5px;cursor:pointer;border-radius:var(--border-radius);color:#fff;font-weight:500;transition:all .2s ease;font-family:inherit;box-shadow:0 2px 4px #0000001a}.button:hover{background:var(--secondary-color);box-shadow:0 4px 8px #0003}.button-danger{background:#ef4444!important;color:#fff!important}.button-danger:hover{background:#dc2626!important}.button-approve{background:#22c55e!important;color:#fff!important}.button-approve:hover{background:#16a34a!important}.button-delete{background:#ef4444!important;color:#fff!important}.button-delete:hover{background:#dc2626!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px;border-radius:var(--border-radius);max-width:500px;width:90%;box-shadow:0 10px 30px #0000004d}.modal-content h2{margin-top:0;color:var(--primary-color)}.modal-content form div{margin-bottom:15px;display:flex;align-items:center}.modal-content label{min-width:150px;margin-bottom:0;margin-right:10px;font-weight:500}.modal-content label{margin-bottom:5px;font-weight:500}.modal-content input,.modal-content select,.modal-content textarea{width:100%;padding:10px;border:1px solid #e9ecef;border-radius:5px;font-family:inherit}.modal-content select[multiple]{height:100px}.service-picker{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.service-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.service-picker-title{display:flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:#e8f0ff}.service-picker-meta{font-size:11px;color:#93a3b8}.service-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px;max-height:180px;overflow:auto;padding-right:2px}.service-tile{border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#e8f0ff;border-radius:10px;padding:6px 8px;text-align:left;cursor:pointer;transition:all .16s ease}.service-tile:hover{border-color:#0ea5e980;background:#0ea5e91f}.service-tile.active{border-color:#22c55eb3;background:#22c55e2e;box-shadow:0 8px 18px #00000040}.service-tile-name{font-size:12px;font-weight:600}.service-tile-meta{margin-top:2px;font-size:11px;color:#cde7ff}.appointment-extra{margin-top:6px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff08;padding:8px 10px}.appointment-extra-summary{font-size:14px;font-weight:600;-webkit-user-select:none;user-select:none}.appointment-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dark body{background:linear-gradient(135deg,#333,#555);color:#fff}.dark .sidebar{background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark .appointment-item{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d}.dark li{background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000001a}.dark .modal-content{background:#000000e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark .tabs button{color:#fff;background:#fff3}.dark .fc{background:#000000e6}.dark .fc-timegrid-slot-label,.dark .black-time,.dark .fc-event-title{color:#000!important}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px}.card{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:20px;border-radius:var(--border-radius);box-shadow:0 8px 32px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #0003;background:#fffffff2}.card h3{margin-top:0;color:var(--primary-color)}.item{margin:10px 0;padding:10px;background:#0000000d;border-radius:5px}.App h1{text-align:center;color:var(--primary-color);font-size:1.5em;margin:20px 0;padding:0 20px;white-space:nowrap}.MuiInputLabel-root,.MuiFormLabel-root{background:transparent!important;padding:0!important}.calendar-page{display:flex;flex-direction:column;gap:12px;height:100%;overflow:auto;padding-bottom:12px;padding-right:0;margin-left:0;padding-left:0;width:100%}.calendar-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between}.calendar-toolbar-left{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.calendar-toolbar-right{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.calendar-legend{display:flex;flex-wrap:wrap;gap:6px}.calendar-filter{min-width:180px}.calendar-actions{display:flex;gap:6px}.legend-chip{background:#ffffff14!important;color:#cde7ff!important;border:1px solid rgba(255,255,255,.16)!important}.legend-confirmed{background:#0ea5e933!important;border-color:#0ea5e973!important}.legend-pending{background:#eab30833!important;border-color:#eab30873!important}.legend-cancelled{background:#ef444433!important;border-color:#ef444473!important}.legend-completed{background:#22c55e33!important;border-color:#22c55e73!important}.legend-no-show{background:#f472b633!important;border-color:#f472b673!important}.week-grid{display:grid;grid-template-columns:72px repeat(7,minmax(0,1fr));gap:8px;align-items:stretch;width:100%;margin-left:0}.week-time-column{display:flex;flex-direction:column;align-items:flex-end;padding-top:0}.week-time-head{height:36px}.week-time-label{height:calc(var(--slot-height) * var(--slot-block));font-size:11px;color:#9fb3c8;padding-right:6px;display:flex;align-items:flex-start;box-sizing:border-box}.week-grid-day{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;min-width:0}.day-card-head{height:36px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#cde7ff;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff08;position:relative}.week-day-grid{position:relative;display:grid;grid-template-rows:repeat(var(--slot-count),var(--slot-height));grid-auto-rows:var(--slot-height)}.week-day-cell{height:var(--slot-height);border-top:1px dashed rgba(255,255,255,.06);background:transparent;padding:0;margin:0;cursor:pointer;display:flex;align-items:flex-start;justify-content:flex-start;width:100%;box-sizing:border-box;border-left:none;border-right:none;border-bottom:none;pointer-events:none}.week-day-cell-working{background:#22c55e08}.week-day-cell-nonworking{background:#ef444424}.week-day-cell-holiday{background:#ef444438}.week-day-cell:first-child{border-top:1px dashed rgba(255,255,255,.06)}.week-cell-time{display:none}.week-grid-event{position:absolute;left:6px;right:6px;border-radius:10px;padding:6px 8px;color:#e8f0ff;font-size:13px;line-height:1.3;box-shadow:0 6px 16px #00000040;cursor:pointer}.event-confirmed{background:linear-gradient(120deg,#0ea5e959,#2563eb80);border:1px solid rgba(14,165,233,.6)}.event-pending{background:linear-gradient(120deg,#eab30859,#facc1580);border:1px solid rgba(234,179,8,.6)}.event-cancelled{background:linear-gradient(120deg,#ef444459,#f8717180);border:1px solid rgba(239,68,68,.6)}.event-completed{background:linear-gradient(120deg,#22c55e59,#4ade8080);border:1px solid rgba(34,197,94,.6)}.event-no_show{background:linear-gradient(120deg,#f472b659,#ec489980);border:1px solid rgba(244,114,182,.6)}.event-blocked{background:linear-gradient(120deg,#94a3b859,#64748b8c);border:1px solid rgba(148,163,184,.6)}.event-override-break{background:linear-gradient(120deg,#f59e0b52,#d977068f);border:1px solid rgba(251,191,36,.78)}.event-time{font-size:13px;opacity:.9}.event-title{font-weight:600;font-size:15px;margin-top:2px}.event-subtitle{font-size:13px;opacity:.85}.event-note{margin-top:3px;font-size:12px;opacity:.9;line-height:1.25;white-space:normal;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.event-promo-badge{display:inline-flex;margin-top:4px;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;color:#08210f;background:linear-gradient(120deg,#facc15f2,#4ade80e6)}.event-override-badge{position:absolute;top:4px;right:6px;display:inline-flex;margin-top:0;padding:1px 6px;border-radius:999px;font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.02em;color:#2f1700;background:linear-gradient(120deg,#fde047eb,#fb923ce0)}.event-compact{padding:4px 6px}.event-compact .event-time{font-size:12px}.event-compact .event-title{font-size:14px;margin-top:0}.break-label{font-weight:700}.day-heat-low{box-shadow:inset 0 0 0 1px #22c55e26}.day-heat-mid{box-shadow:inset 0 0 0 1px #eab30840}.day-heat-high{box-shadow:inset 0 0 0 1px #ef44444d}.day-holiday{border-color:#ef4444d9;box-shadow:inset 0 0 0 1px #ef4444b3}.day-holiday .week-day-grid{background:linear-gradient(180deg,#ef444424,#ef444405)}.day-holiday .day-name{color:#ffd0d0}.day-holiday-badge{position:absolute;right:8px;top:6px;font-size:10px;padding:2px 6px;border-radius:999px;background:#ef444459;border:1px solid rgba(239,68,68,.8);color:#ffe3e3;font-weight:700}.day-nonworking{border-color:#ef444499;box-shadow:inset 0 0 0 1px #ef444473}.day-nonworking .week-day-grid{background:linear-gradient(180deg,#ef44440f,#ef444400)}.day-nonworking-badge{position:absolute;right:8px;top:6px;font-size:10px;padding:2px 6px;border-radius:999px;background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#ffd7d7}.day-hours-badge{position:absolute;right:8px;top:6px;font-size:10px;padding:2px 6px;border-radius:999px;background:#22c55e29;border:1px solid rgba(34,197,94,.45);color:#d3ffe4}.day-working{border-color:#22c55e99;box-shadow:inset 0 0 0 1px #22c55e59}.day-timeline{display:flex;flex-direction:column;gap:12px}.timeline-row{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center}.timeline-label{font-size:12px;color:#cde7ff}.timeline-lane{position:relative;height:42px;border-radius:10px;border:1px dashed rgba(255,255,255,.1);background:#ffffff08;overflow:hidden;cursor:pointer}.timeline-slot{position:absolute;top:4px;bottom:4px;border-radius:8px;padding:4px 6px;color:#e8f0ff;font-size:12px;line-height:1.2;cursor:pointer}.timeline-slot-time{font-size:11px;opacity:.9}.timeline-slot-meta{font-size:11px;opacity:.85}.timeline-ghost{position:absolute;top:4px;bottom:4px;border-radius:8px;background:#94a3b840;border:1px dashed rgba(148,163,184,.6);pointer-events:none;display:flex;align-items:center;justify-content:center;padding:0 6px;overflow:hidden}.timeline-ghost-text{font-size:10px;color:#dbeafe;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.calendar-drag-preview{position:fixed;z-index:1200;border-radius:10px;padding:8px 10px;color:#e8f0ff;box-shadow:0 10px 28px #00000059;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);box-sizing:border-box;overflow:hidden}.drag-preview-title{font-weight:600;font-size:12px}.drag-preview-row{font-size:11px;margin-top:2px}.drag-preview-row.muted{opacity:.85}.gap-card{width:100%;border:1px dashed rgba(255,255,255,.2);background:#ffffff05;color:#cde7ff;border-radius:10px;padding:6px 8px;margin:6px 0;cursor:pointer;font-size:11px}.calendar-hover-card{position:absolute;z-index:50;background:#09111ceb;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;color:#e8f0ff;font-size:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px #00000059}.calendar-hover-card .hover-title{font-weight:600;margin-bottom:4px}.calendar-hover-card .hover-row{opacity:.9}.calendar-hover-card .hover-row.muted{opacity:.7}.chat-root{display:grid;grid-template-columns:320px 1fr;gap:16px;height:100%;min-height:70vh;overflow:hidden}.chat-sidebar{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.chat-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.chat-controls{display:flex;flex-direction:column;gap:8px}.chat-thread-list{overflow-y:auto;overflow-x:hidden;margin-top:10px;flex:1 1 auto;min-height:0}.chat-thread-item{border-radius:10px;margin-bottom:6px;padding:8px 10px;background:#ffffff05;border:1px solid transparent}.chat-thread-item.active{background:#0ea5e92e;border-color:#0ea5e973}.chat-thread-meta{display:flex;flex-direction:column;gap:2px}.chat-main{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.chat-top-sticky{position:sticky;top:0;z-index:6;background:linear-gradient(180deg,#0a0c14fa,#0a0c14e6 90%);padding-bottom:8px}.chat-empty{color:#93a3b8;text-align:center;margin-top:40px}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.chat-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chat-templates{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.chat-template-chip{background:#ffffff0f!important;color:#cde7ff!important}.chat-messages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:6px 2px;min-height:0}.chat-message{display:flex;max-width:80%}.chat-message.user{align-self:flex-start}.chat-message.admin{align-self:flex-end;justify-content:flex-end}.chat-bubble{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e8f0ff;padding:8px 10px;border-radius:12px;font-size:13px}.chat-bubble-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.chat-delete-button{color:#ef4444!important}.chat-delete-button:hover{background:#ef444426!important}.chat-message.admin .chat-bubble{background:#22c55e33;border-color:#22c55e73}.chat-time{display:block;opacity:.6;margin-top:4px}.chat-composer{display:flex;gap:8px;align-items:stretch;margin-top:10px;position:sticky;bottom:0;z-index:5;padding-top:8px;background:linear-gradient(180deg,#0a0c1400,#0a0c14eb 42%);border-top:1px solid rgba(255,255,255,.08)}.chat-send-button{align-self:stretch!important;min-height:56px}.chat-image-dialog{background:transparent}.chat-media{margin-bottom:6px}.chat-media-thumb{max-width:220px;border-radius:10px;border:1px solid rgba(255,255,255,.2)}.chat-image-full{max-width:90vw;max-height:70vh;border-radius:12px}.chat-image-close{position:absolute;right:10px;top:10px}.login-page{--login-bg0: #0b0f14;--login-bg1: #0f172a;--login-ink: #eaf0ff;--login-muted: rgba(234, 240, 255, .72);--login-card: rgba(255, 255, 255, .06);--login-card-border: rgba(255, 255, 255, .14);--login-shadow: rgba(0, 0, 0, .55);--login-accent0: #ffb4c9;--login-accent1: #2dd4bf;--login-danger: #fb7185;min-height:100vh;display:grid;place-items:center;padding:28px 16px;color:var(--login-ink);background:radial-gradient(1200px 800px at 20% 10%,rgba(45,212,191,.12),transparent 55%),radial-gradient(900px 700px at 78% 18%,rgba(255,180,201,.14),transparent 55%),linear-gradient(180deg,var(--login-bg1),var(--login-bg0))}.login-bg{position:fixed;inset:0;pointer-events:none;background:radial-gradient(600px 420px at 10% 85%,rgba(45,212,191,.1),transparent 55%),radial-gradient(520px 360px at 90% 80%,rgba(255,180,201,.1),transparent 55%),repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 1px,transparent 1px 10px);opacity:.75;filter:blur(.2px)}.login-card{width:min(420px,100%);padding:28px 26px 22px;border-radius:18px;background:var(--login-card);border:1px solid var(--login-card-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 90px var(--login-shadow);animation:login-rise .52s cubic-bezier(.2,.9,.2,1) both;position:relative;overflow:hidden;font-family:var(--font-sans, system-ui, sans-serif)}.login-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(120px 90px at 18% 18%,rgba(255,180,201,.2),transparent 60%),radial-gradient(160px 120px at 88% 28%,rgba(45,212,191,.18),transparent 60%);opacity:.85;pointer-events:none}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px;position:relative;z-index:1}.login-mark{width:42px;height:42px;border-radius:14px;background:radial-gradient(10px 10px at 30% 30%,rgba(255,255,255,.75),transparent 55%),linear-gradient(135deg,#ffb4c9f2,#2dd4bfd9);box-shadow:0 14px 40px #00000059;transform:rotate(-8deg)}.login-appName{font-weight:700;letter-spacing:.2px;font-size:14px;color:#eaf0ffe6;text-transform:uppercase}.login-subtitle{font-size:13px;color:var(--login-muted);margin-top:2px}.login-title{margin:8px 0 16px;font-family:var(--font-serif, ui-serif, serif);font-weight:700;font-size:34px;letter-spacing:-.4px;position:relative;z-index:1}.login-label{display:block;font-size:13px;color:#eaf0ffc7;margin:0 0 8px;position:relative;z-index:1}.login-input{width:100%;height:44px;border-radius:12px;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.18);color:var(--login-ink);outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;position:relative;z-index:1}.login-input::placeholder{color:#eaf0ff73}.login-input:focus{border-color:#2dd4bf8c;box-shadow:0 0 0 4px #2dd4bf24;background:#ffffff12}.login-button{width:100%;height:44px;margin-top:14px;border:none;border-radius:12px;cursor:pointer;color:#0b0f14;font-weight:700;letter-spacing:.2px;background:linear-gradient(90deg,#ffb4c9f2,#2dd4bfeb);box-shadow:0 18px 55px #00000059;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;position:relative;z-index:1}.login-button:hover{transform:translateY(-1px);filter:brightness(1.03) saturate(1.05);box-shadow:0 22px 65px #0000006b}.login-button:active{transform:translateY(0);filter:brightness(.98)}.login-button:disabled{cursor:not-allowed;opacity:.8;filter:grayscale(.08)}.login-error{margin-top:12px;padding:10px 12px;border-radius:12px;background:#fb71851a;border:1px solid rgba(251,113,133,.25);color:#ffd0d8f2;font-size:13px;position:relative;z-index:1}@keyframes login-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.login-card{animation:none}}