.navbar{display:flex;flex-direction:column;height:100vh;padding-top:20px;background-color:#1d2230;margin-right:30px;width:200px}.navbar h2{margin-left:20px}.calendar *{stroke:currentColor!important}.customers *,.employee *,.services *,.checkregister *{stroke:currentColor!important;fill:currentColor!important}.nav-icon{width:32px;height:32px;color:#ffb055}.navbar button{display:flex;color:#fff;gap:10px;align-items:center;width:100%;padding:10px 20px}.navbar button:hover{background-color:#0a0b0f}.BPLogo{width:100%;padding-left:20px;padding-right:20px;margin-top:auto;margin-bottom:20px}.agendaPage{min-height:100vh;background:#f5f7fb;color:#111827;padding:22px}.agendaTopbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;flex-wrap:wrap}.agendaTopbar h1{margin:0;font-size:28px;font-weight:800}.agendaTopbar p{margin:4px 0 0;color:#6b7280}.agendaActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.agendaActions button,.agendaActions input,.agendaActions select{height:42px;border:1px solid #d7dce5;background:#fff;border-radius:10px;padding:0 14px;font-weight:600;color:#1f2937}.agendaActions button{cursor:pointer}.primaryBtn,.activeViewBtn{background:#4f46e5!important;color:#fff!important;border-color:#4f46e5!important}.zoomHint{margin-bottom:10px;color:#6b7280;font-size:13px}.agendaShell{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:auto;max-height:calc(100vh - 150px);box-shadow:0 12px 30px #0f172a14;overscroll-behavior:contain}.agendaGrid{display:grid;min-width:1100px}.cornerCell,.barberHeader{height:58px;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;position:sticky;top:0;z-index:30}.cornerCell{justify-content:center;font-weight:700;color:#6b7280;left:0;z-index:40}.barberHeader{gap:10px;padding:0 18px;font-weight:800}.avatar,.dayBadge{width:30px;height:30px;border-radius:999px;background:#4f46e5;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;text-transform:capitalize}.timeColumn{border-right:1px solid #e5e7eb;position:sticky;left:0;background:#fff;z-index:15}.timeCell{border-bottom:1px solid #eef0f4;font-size:13px;color:#6b7280;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;box-sizing:border-box;position:relative;z-index:2}.barberColumn{position:relative;border-right:1px solid #e5e7eb;background:#fff;overflow:hidden}.dropSlot{border-bottom:1px solid #eef0f4;box-sizing:border-box;position:relative;z-index:1}.dropSlot:hover{background:rgba(79,70,229,.08)}.dropPreviewBlock{position:absolute;left:8px;right:8px;background:rgba(79,70,229,.14);border:2px dashed #4f46e5;border-radius:9px;z-index:9;pointer-events:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#4f46e5;font-size:13px;font-weight:800}.dropSlot.dragTarget{background:rgba(79,70,229,.08)}.pastOverlay{position:absolute;top:0;left:0;right:0;background:repeating-linear-gradient(-45deg,rgba(148,163,184,.13),rgba(148,163,184,.13) 6px,rgba(148,163,184,.2) 6px,rgba(148,163,184,.2) 12px);z-index:2;pointer-events:none}.timePastOverlay{background:rgba(148,163,184,.14)}.nowLine{position:absolute;left:0;right:0;height:2px;background:#ef4444;z-index:12;pointer-events:none}.nowLine:before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:999px;background:#ef4444}.timeNowLine{left:0;right:0;z-index:20}.nowTimeLabel{position:absolute;left:8px;transform:translateY(-50%);background:#ef4444;color:#fff;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800;z-index:25;pointer-events:none}.appointmentBlock{position:absolute;left:8px;right:8px;background:#dbeafe;border-left:4px solid #4f46e5;border-radius:9px;box-shadow:0 4px 12px #0f172a1f;cursor:grab;overflow:hidden;z-index:10;box-sizing:border-box;-webkit-user-select:none;user-select:none}.appointmentBlock:hover{outline:2px solid rgba(79,70,229,.22)}.appointmentBlock:active{cursor:grabbing}.appointmentDragArea{height:100%;padding:10px 11px;box-sizing:border-box}.appointmentBlock strong,.appointmentBlock span,.appointmentBlock small{display:block}.appointmentBlock strong{font-size:13px;margin-bottom:4px}.appointmentBlock span{font-size:14px;font-weight:800}.appointmentBlock small{margin-top:4px;color:#374151}.appointmentDragging{opacity:.45;box-shadow:none}.resizeHandle{position:absolute;left:0;right:0;height:9px;z-index:20;background:transparent}.resizeHandleTop{top:0;cursor:ns-resize}.resizeHandleBottom{bottom:0;cursor:ns-resize}.resizeHandleTop:after,.resizeHandleBottom:after{content:"";position:absolute;left:50%;width:34px;height:3px;transform:translate(-50%);background:rgba(79,70,229,.75);border-radius:999px;opacity:0;transition:opacity .12s ease}.resizeHandleTop:after{top:3px}.resizeHandleBottom:after{bottom:3px}.appointmentBlock:hover .resizeHandleTop:after,.appointmentBlock:hover .resizeHandleBottom:after{opacity:1}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.45);display:grid;place-items:center;z-index:999}.appointmentModal{width:460px;max-width:calc(100vw - 32px);background:white;border-radius:18px;padding:22px;box-shadow:0 24px 80px #0f172a4d}.modalHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modalHeader h2{margin:0}.modalHeader button{border:none;background:transparent;font-size:28px;cursor:pointer}.appointmentForm{display:flex;flex-direction:column;gap:10px}.appointmentForm label{font-size:13px;font-weight:700;color:#374151}.appointmentForm input,.appointmentForm select{height:42px;border:1px solid #d1d5db;border-radius:10px;padding:0 12px;font-size:14px;outline:none}.appointmentForm input:focus,.appointmentForm select:focus{border-color:#4f46e5}.appointmentForm button{margin-top:12px;height:44px;border:none;border-radius:12px;background:#4f46e5;color:#fff;font-weight:800;cursor:pointer}@media (max-width: 900px){.agendaPage{padding:14px}.agendaShell{max-height:calc(100vh - 190px)}}.mainEmployeeDiv{display:flex;gap:30px}.employeeViewBox{width:750px;max-height:500px;overflow-y:auto;background:#fff;border-radius:18px;box-shadow:0 10px 30px #00000014}.employeeTable{width:100%;border-collapse:collapse;color:#1f1f1f}.employeeTable thead{background:#f7f7f7;position:sticky;top:0;z-index:1}.employeeTable th,.employeeTable td{padding:16px 20px;text-align:left;border-bottom:1px solid #eee}.employeeTable th{font-size:13px;text-transform:uppercase;color:#777;letter-spacing:.5px}.employeeTable tbody tr:nth-child(2n){background:#f0f2f3}.employeeTable tbody tr:nth-child(odd){background:#ffffff}.employeeTable tbody tr:hover{background:#f1f5f9}.mainCustomerDiv{display:flex;gap:30px}.customerViewBox{width:750px;max-height:500px;overflow-y:auto;background:#fff;border-radius:18px;box-shadow:0 10px 30px #00000014}.customerTable{width:100%;border-collapse:collapse;color:#1f1f1f}.customerTable thead{background:#f7f7f7;position:sticky;top:0;z-index:1}.customerTable th,.customerTable td{padding:16px 20px;text-align:left;border-bottom:1px solid #eee}.customerTable th{font-size:13px;text-transform:uppercase;color:#777;letter-spacing:.5px}.deleteBtn{background-color:#e63946;color:#fff;border:none;padding:9px 14px;border-radius:10px;cursor:pointer;transition:.15s}.deleteBtn:hover{opacity:.75}.divAddCustomerForm{width:320px;background:#fff;padding:24px;border-radius:18px;box-shadow:0 10px 30px #00000014;position:sticky;top:30px}.addCustomerForm{display:flex;flex-direction:column;gap:14px}.addCustomerForm input{padding:14px 16px;border:1px solid #e5e5e5;border-radius:12px;background:#fafafa;color:#1f1f1f;font-size:14px;transition:.15s}.addCustomerForm input:focus{background:#fff;border-color:#e45400;box-shadow:0 0 0 3px #e454001f;outline:none}.addCustomerForm button{margin-top:8px;background:#e45400;color:#fff;border:none;padding:14px 18px;border-radius:12px;font-weight:600;cursor:pointer;transition:.15s}.addCustomerForm button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #e4540040}.customerTable tbody tr:nth-child(2n){background:#f0f2f3}.customerTable tbody tr:nth-child(odd){background:#ffffff}.customerTable tbody tr:hover{background:#f1f5f9}.formTitle{margin:0 0 18px;color:#1f1f1f;font-size:20px}.servicesPage{min-height:100vh;background:#f5f7fb;padding:28px;color:#111827}.servicesHeader{display:flex;justify-content:space-between;margin-bottom:22px}.servicesHeader h1{margin:0;font-size:30px;font-weight:800}.servicesHeader p{margin-top:6px;color:#6b7280}.servicesLayout{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}.serviceFormCard,.categoryCard,.serviceListCard{background:white;border-radius:18px;padding:22px;box-shadow:0 12px 30px #0f172a14;border:1px solid #e5e7eb}.serviceFormCard h2,.categoryCard h2,.serviceListCard h2{margin-top:0}.serviceForm,.categoryForm{display:flex;flex-direction:column;gap:12px}.serviceForm label{font-size:13px;font-weight:800;color:#374151}.serviceForm input,.serviceForm select,.serviceForm textarea,.categoryForm input,.categoryForm textarea{border:1px solid #d1d5db;border-radius:12px;padding:11px 12px;font-size:14px;outline:none;font-family:inherit}.serviceForm textarea,.categoryForm textarea{min-height:82px;resize:vertical}.serviceForm input:focus,.serviceForm select:focus,.serviceForm textarea:focus,.categoryForm input:focus,.categoryForm textarea:focus{border-color:#4f46e5}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.formGrid div{display:flex;flex-direction:column;gap:8px}.checkboxLine{display:flex;gap:8px;align-items:center}.barberSelectBox,.variationsBox{border:1px solid #e5e7eb;background:#f9fafb;border-radius:16px;padding:16px}.barberSelectBox h3,.variationsBox h3{margin-top:0}.barberCheck{display:flex;gap:8px;align-items:center;padding:7px 0}.sectionTitleRow,.variationTop,.serviceTitleRow{display:flex;justify-content:space-between;align-items:center}.sectionTitleRow button,.variationTop button,.serviceActions button,.categoryForm button,.saveBtn,.cancelBtn{border:none;border-radius:11px;padding:10px 13px;font-weight:800;cursor:pointer}.sectionTitleRow button,.saveBtn,.categoryForm button{background:#4f46e5;color:#fff}.cancelBtn{background:#e5e7eb;color:#111827}.variationCard{background:white;border:1px solid #e5e7eb;border-radius:14px;padding:14px;margin-top:12px;display:flex;flex-direction:column;gap:10px}.formButtons{display:flex;gap:10px}.categoryList{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.categoryPill{padding:7px 11px;background:#eef2ff;color:#4f46e5;border-radius:999px;font-weight:800;font-size:13px}.serviceListCard{margin-top:24px}.serviceList{display:flex;flex-direction:column;gap:14px}.serviceItem{display:grid;grid-template-columns:110px 1fr 160px;gap:18px;border:1px solid #e5e7eb;border-radius:16px;padding:14px;align-items:center}.serviceImage{width:110px;height:90px;border-radius:14px;background:#f3f4f6;display:grid;place-items:center;overflow:hidden;color:#6b7280;font-size:13px;font-weight:700}.serviceImage img{width:100%;height:100%;object-fit:cover}.serviceInfo h3{margin:0}.serviceInfo p{color:#6b7280;margin:7px 0}.serviceMeta{display:flex;flex-wrap:wrap;gap:8px}.serviceMeta span{background:#f3f4f6;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.serviceBarbers{margin-top:8px;color:#4b5563;font-size:13px}.serviceVariations{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.serviceVariations span{background:#eef2ff;color:#4f46e5;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.serviceActions{display:flex;flex-direction:column;gap:10px}.serviceActions button:first-child{background:#111827;color:#fff}.serviceActions button:last-child{background:#fee2e2;color:#991b1b}.activeBadge,.inactiveBadge{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.activeBadge{background:#dcfce7;color:#166534}.inactiveBadge{background:#fee2e2;color:#991b1b}.mutedText{color:#6b7280;margin:0}@media (max-width: 1000px){.servicesLayout,.serviceItem{grid-template-columns:1fr}.serviceImage{width:100%;height:180px}}.activateBtn{background:#dcfce7!important;color:#166534!important}.deactivateBtn{background:#fef3c7!important;color:#92400e!important}.deleteBtn{background:#fee2e2!important;color:#991b1b!important}.barberPriceHelp{margin-top:-6px;margin-bottom:12px;color:#6b7280;font-size:13px}.barberPriceRow{border:1px solid #e5e7eb;background:white;border-radius:13px;padding:11px 12px;margin-bottom:10px}.barberPriceRow .barberCheck{display:flex;gap:9px;align-items:center;font-weight:800}.barberOverrideField{margin-top:10px;display:grid;grid-template-columns:95px 1fr;gap:10px;align-items:center}.barberOverrideField span{color:#4b5563;font-size:13px;font-weight:800}.barberOverrideField input{border:1px solid #d1d5db;border-radius:10px;padding:9px 10px;font-size:14px}.bookingPage{min-height:100vh;background:#f5f7fb;padding:32px;color:#111827}.bookingWidget{max-width:920px;margin:0 auto;background:white;border-radius:24px;border:1px solid #e5e7eb;box-shadow:0 18px 45px #0f172a1a;overflow:hidden}.bookingHeader{padding:28px 30px;background:linear-gradient(135deg,#111827,#312e81);color:#fff}.bookingHeader h1{margin:0;font-size:32px;font-weight:900}.bookingHeader p{margin:8px 0 0;color:#d1d5db}.bookingSection{padding:26px 30px;border-bottom:1px solid #e5e7eb}.sectionHeader{display:flex;gap:12px;align-items:center;margin-bottom:18px}.sectionHeader span{width:30px;height:30px;border-radius:999px;background:#4f46e5;color:#fff;display:grid;place-items:center;font-weight:900}.sectionHeader h2{margin:0;font-size:21px}.barberChoiceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.barberChoice{border:1px solid #e5e7eb;background:#f9fafb;border-radius:16px;padding:16px;text-align:left;cursor:pointer}.barberChoice strong,.barberChoice small{display:block}.barberChoice strong{font-size:15px}.barberChoice small{color:#6b7280;margin-top:5px}.activeChoice{border-color:#4f46e5;background:#eef2ff;color:#312e81}.categoryScroller{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;margin-bottom:16px}.categoryChip{border:1px solid #e5e7eb;background:white;border-radius:999px;padding:10px 15px;font-weight:800;cursor:pointer;white-space:nowrap}.activeChip{background:#4f46e5;color:#fff;border-color:#4f46e5}.serviceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.serviceCard{border:1px solid #e5e7eb;background:white;border-radius:18px;padding:16px;text-align:left;cursor:pointer;min-height:145px;display:flex;flex-direction:column;justify-content:space-between}.serviceCard strong{font-size:16px}.serviceCard p{color:#6b7280;font-size:13px;margin:8px 0}.selectedService{border-color:#4f46e5;background:#eef2ff}.serviceCardBottom{display:flex;justify-content:space-between;font-weight:900}.bookingTotals{margin-top:18px;background:#f9fafb;border-radius:16px;padding:15px;display:flex;justify-content:space-between;gap:12px;font-weight:800}.bookingTotals strong{color:#4f46e5}.daySelectorHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.daySelectorHeader button{width:38px;height:38px;border:none;border-radius:999px;background:#111827;color:#fff;font-size:22px;cursor:pointer}.dayStrip{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:18px}.dayCard{border:1px solid #e5e7eb;background:white;border-radius:16px;padding:12px 8px;cursor:pointer}.dayCard small,.dayCard strong,.dayCard span{display:block;text-align:center}.dayCard small{text-transform:capitalize;color:#6b7280}.dayCard strong{font-size:22px;margin:4px 0}.dayCard span{color:#6b7280;font-size:13px}.todayDay{border-color:#f59e0b}.selectedDay{background:#4f46e5;border-color:#4f46e5;color:#fff}.selectedDay small,.selectedDay span{color:#e0e7ff}.timeGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.timeSlot{border:1px solid #e5e7eb;background:#f9fafb;border-radius:12px;padding:12px;font-weight:900;cursor:pointer}.selectedTime{background:#111827;color:#fff;border-color:#111827}.customerGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.customerGrid input,.customerGrid textarea{border:1px solid #d1d5db;border-radius:13px;padding:13px;font-size:14px;outline:none;font-family:inherit}.customerGrid textarea{grid-column:span 2;min-height:95px;resize:vertical}.customerGrid input:focus,.customerGrid textarea:focus{border-color:#4f46e5}.saveCustomerLine{margin-top:16px;display:flex;gap:10px;align-items:center;font-weight:700;color:#374151}.bookingSummary{padding:26px 30px 30px;background:#f9fafb}.bookingSummary h2{margin-top:0}.summaryRow{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #e5e7eb}.summaryRow span{color:#6b7280}.summaryRow strong{text-align:right}.submitBookingBtn{width:100%;margin-top:20px;border:none;border-radius:16px;padding:16px;background:#4f46e5;color:#fff;font-size:16px;font-weight:900;cursor:pointer}.submitBookingBtn:disabled{opacity:.6;cursor:not-allowed}.emptyState{margin-top:12px;border:1px dashed #d1d5db;border-radius:14px;padding:16px;color:#6b7280;background:#f9fafb;text-align:center}@media (max-width: 760px){.bookingPage{padding:12px}.bookingHeader,.bookingSection,.bookingSummary{padding:22px}.dayStrip{overflow-x:auto;display:flex}.dayCard{min-width:84px}.customerGrid{grid-template-columns:1fr}.customerGrid textarea{grid-column:span 1}.bookingTotals{flex-direction:column}.bookingStepIndicator{gap:6px}.stepDot{min-width:54px}.stepDot small{font-size:10px}.wizardButtons{flex-direction:column}.backStepBtn,.nextStepBtn,.submitBookingBtn{width:100%}.miniSummary{flex-direction:column}}.bookingStepIndicator{display:flex;align-items:center;gap:12px;margin-top:24px}.stepDot{display:flex;flex-direction:column;align-items:center;gap:6px;color:#9ca3af;min-width:72px}.stepDot span{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);color:#d1d5db;font-weight:900}.stepDot small{font-size:12px;font-weight:800}.activeStepDot{color:#fff}.activeStepDot span{background:white;color:#312e81;border-color:#fff}.stepLine{height:3px;flex:1;border-radius:999px;background:rgba(255,255,255,.18)}.activeStepLine{background:white}.stepSlider{position:relative;overflow:hidden}.wizardStep{animation-duration:.26s;animation-timing-function:ease;animation-fill-mode:both}.slideNext .wizardStep{animation-name:slideInFromRight}.slideBack .wizardStep{animation-name:slideInFromLeft}@keyframes slideInFromRight{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}.wizardButtons{display:flex;gap:12px;margin-top:22px}.singleButton{justify-content:flex-end}.nextStepBtn,.backStepBtn{border:none;border-radius:15px;padding:14px 18px;font-size:15px;font-weight:900;cursor:pointer}.nextStepBtn{background:#4f46e5;color:#fff;flex:1}.backStepBtn{background:#e5e7eb;color:#111827;min-width:120px}.miniSummary{display:flex;justify-content:space-between;gap:12px;background:#eef2ff;color:#312e81;border:1px solid #c7d2fe;border-radius:16px;padding:14px 16px;margin-bottom:18px;font-weight:900}.stickyTotals{position:sticky;bottom:0;z-index:3;border:1px solid #e5e7eb;box-shadow:0 -10px 25px #0f172a0f}.bookingSummary .submitBookingBtn{margin-top:0;flex:1}.bookingEmbedPage{min-height:100vh;padding:0;background:transparent}.bookingEmbedPage .bookingWidget{max-width:none;width:100%;min-height:100vh;margin:0;border-radius:0;border:none;box-shadow:none}.bookingEmbedPage .bookingHeader{border-radius:0}.bookingEmbedPage .bookingSection,.bookingEmbedPage .bookingSummary{padding-left:24px;padding-right:24px}.bookingEmbedPage .stickyTotals{bottom:0}@media (max-width: 760px){.bookingEmbedPage{padding:0}.bookingEmbedPage .bookingHeader,.bookingEmbedPage .bookingSection,.bookingEmbedPage .bookingSummary{padding:18px}.bookingEmbedPage .bookingHeader h1{font-size:24px}}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#f4f6f8;padding:32px}.auth-card{width:100%;max-width:460px;background:white;border-radius:18px;padding:32px;box-shadow:0 18px 45px #00000014}.auth-brand{margin-bottom:24px;text-align:center}.auth-brand h1{margin:0;font-size:32px;color:#111827}.auth-brand p{margin-top:8px;color:#6b7280}body{margin:0;font-family:system-ui,sans-serif;background-color:#f3f4f6}:root{--c-bg: #0b0d12;--c-card: #111827;--c-text: #f7fafc;--c-sub: #9ca3af;--c-accent: #6366f1;--c-accent-2: #10b981;--c-danger: #ef4444}*{box-sizing:border-box}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}a{text-decoration:none}button{background-color:#0000;box-shadow:none;border:none;cursor:pointer;padding:0;transition:.2s}button:hover{opacity:.5}.dashboard-layout{display:flex;min-height:100vh}.navbar{min-height:100vh}.dashboard-content{flex:1}