@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap");:root{color-scheme:light;--bg:#f6f3ee;--bg-strong:#efe7db;--ink:#1c1b18;--muted:#6e6a61;--brand:#0f766e;--brand-strong:#0b5f59;--accent:#c06c38;--card:#fff;--border:#e0d8cc;--shadow:0 18px 40px rgba(20,16,12,.12)}*{box-sizing:border-box}body{margin:0;font-family:Plus Jakarta Sans,sans-serif;background:radial-gradient(circle at top,#fff 0,var(--bg) 45%,var(--bg-strong) 100%);color:var(--ink);min-height:100vh}a{color:inherit;text-decoration:none}.appContent{min-height:100vh;padding-left:274px}.appSidebar{position:fixed;top:0;left:0;bottom:0;z-index:30;width:250px;padding:16px 12px;border-right:1px solid #dbcdb9;background:linear-gradient(180deg,#fffdf9,#f3eadf);box-shadow:12px 0 32px rgba(20,16,12,.08);display:flex;flex-direction:column;gap:12px;overflow-y:auto}.appSidebarHeader{border:1px solid #e2d5c5;border-radius:16px;background:hsla(0,0%,100%,.74);padding:12px}.appBrand{display:block;font-size:19px;line-height:1.2;font-weight:700;letter-spacing:.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appSidebarSub{margin:6px 0 0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.appSidebarNav{display:grid;grid-gap:8px;gap:8px;align-content:start}.appSidebarLink{display:inline-flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid transparent;border-radius:12px;color:var(--muted);font-size:14px;font-weight:600;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.appSidebarLink svg{width:17px;height:17px;flex:0 0 auto}.appSidebarLink:hover{color:var(--ink);border-color:#d9cab4;background:#fff8ef;transform:translateX(1px)}.appSidebarLink.active{color:var(--ink);border-color:#cdbca5;background:#fffdf9;box-shadow:0 8px 18px rgba(20,16,12,.08)}.appSidebarLogout{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid #dbcab3;border-radius:12px;background:#fff;color:#655f56;padding:11px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.appSidebarLogout svg{width:16px;height:16px}.appSidebarLogout:hover{border-color:#c8b59b;color:#2b2926;background:#fffbf5}.mobileTopbar{display:none;position:-webkit-sticky;position:sticky;top:0;z-index:35;min-height:64px;padding:10px 14px;border-bottom:1px solid var(--border);background:hsla(38,31%,95%,.94);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);align-items:center;gap:12px}.mobileBrand{font-weight:700;letter-spacing:.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appMenuToggle{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:1px solid #d9ccb8;background:#fff;color:#2b2926;border-radius:999px;font-size:13px;font-weight:600;padding:8px 12px;cursor:pointer}.appMenuToggle svg{width:15px;height:15px}.appMenuToggle:hover{border-color:#c6b59c}.appSheetNav{display:grid;grid-gap:8px;gap:8px;padding-top:14px}.appSheetLink{width:100%;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;background:#fffdf9;padding:10px 12px;font-size:14px;color:var(--muted)}.appSheetLink svg{width:16px;height:16px}.appSheetLink.active{color:var(--ink);border-color:#cabda7;font-weight:700}.appSheetLogout{width:100%;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--muted);padding:10px 12px;font-size:14px;text-align:left;cursor:pointer}.appSheetLogout svg{width:16px;height:16px}.cfSheetOverlay{position:fixed;inset:0;z-index:80;background:rgba(28,27,24,.45);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.cfSheetOverlay[data-state=open]{animation:fadeIn .2s ease}.cfSheetOverlay[data-state=closed]{animation:fadeOut .2s ease}.cfSheetContent{position:fixed;z-index:81;top:0;bottom:0;width:min(360px,90vw);background:#fffdf9;border-left:1px solid var(--border);box-shadow:var(--shadow);padding:18px 16px 16px}.cfSheetContent.right{right:0}.cfSheetContent.left{left:0;border-left:0;border-right:1px solid var(--border)}.cfSheetContent.right[data-state=open]{animation:slideInRight .24s ease}.cfSheetContent.right[data-state=closed]{animation:slideOutRight .22s ease}.cfSheetContent.left[data-state=open]{animation:slideInLeft .24s ease}.cfSheetContent.left[data-state=closed]{animation:slideOutLeft .22s ease}.cfSheetTitle{margin:0;font-size:16px}.cfSheetDescription{margin:6px 0 0;font-size:13px;color:var(--muted)}.cfSheetClose{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.cfSheetClose svg{width:15px;height:15px}.cfSheetClose:hover{color:var(--ink)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}main{padding:56px 24px 72px}.container{max-width:1080px;margin:0 auto}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#fffaf4}.card{background:var(--card);border-radius:20px;padding:28px;box-shadow:var(--shadow);border:1px solid var(--border)}.grid{display:grid;grid-gap:24px;gap:24px}.btn{border:none;border-radius:12px;padding:12px 18px;font-weight:600;background:var(--brand);color:#fff;cursor:pointer;transition:transform .2s ease,background .2s ease}.btn:hover{background:var(--brand-strong);transform:translateY(-1px)}.btn.secondary{background:#f0e7dc;color:var(--ink)}.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);font-size:14px}.label{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.helper,.label{color:var(--muted)}.helper{font-size:13px}.notice{border-radius:12px;background:#fff1e6;border:1px solid #f2c9ae;color:#7a3f1a}.notice,.success{padding:12px 14px}.success{border-radius:12px;background:#e7f6f0;border:1px solid #a6dbc8;color:#205d4f}.loadingState{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#eef5ff;border:1px solid #c4daf8;color:#214a7a}.loadingState.compact{padding:8px 10px;font-size:13px}.loadingSpinner{width:16px;height:16px;border-radius:999px;border:2px solid #9ebfe6;border-top-color:#214a7a;animation:spin .8s linear infinite;flex:0 0 auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.metricGrid{display:grid;grid-gap:12px;gap:12px}.metric{border:1px solid var(--border);border-radius:12px;padding:14px;background:#fffcf8}.metricValue{font-size:28px;font-weight:700}.quickGrid{display:grid;grid-gap:12px;gap:12px}.quickCard{border:1px solid var(--border);border-radius:14px;padding:14px;background:#fffdf9}.quickCard h3{margin:0;font-size:16px}.quickCard p{margin:6px 0 0;font-size:13px;color:var(--muted)}.qrPreview{border:1px solid var(--border);border-radius:14px;padding:14px;background:#fffdf9;display:flex;justify-content:center}.appointmentList{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.appointmentCompactCard{border:1px solid var(--border);border-radius:10px;padding:10px;background:#fffdf9;display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.appointmentCompactCard.isCancelled{opacity:.86}.appointmentCompactInfo{min-width:0;flex:1 1}.appointmentCompactInfo h3{margin:0;font-size:14px;line-height:1.2}.appointmentCompactMeta{margin:4px 0 0;font-size:11px;line-height:1.35;color:var(--muted)}.appointmentCompactBadges{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.appointmentTag{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:10px;line-height:1.3;border:1px solid var(--border)}.appointmentTag.neutral{background:#f6f2ec;color:#5c5750}.appointmentTag.danger{background:#fdeceb;color:#b9332a;border-color:#f6c4bf}.iconActionGroup{display:inline-flex;gap:6px;flex:0 0 auto}.iconAction{width:30px;height:30px;border-radius:8px;border:1px solid transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.iconAction svg{width:16px;height:16px}.iconAction.present{background:#e7f6f0;border-color:#b6e4d1;color:#1f7a57}.iconAction.absent{background:#fff3e7;border-color:#f5d0ad;color:#b95f1e}.iconAction.cancel{background:#fdeceb;border-color:#f6c4bf;color:#c0342b}.iconAction:hover{transform:translateY(-1px)}.iconAction:disabled{opacity:.45;cursor:not-allowed;transform:none}.dateTimePicker{position:relative}.dateTimePickerRow{display:flex;gap:8px}.dateTimePickerRow+.dateTimePickerRow{margin-top:8px}.dateTimePickerRow .input{flex:1 1}.dateTimePickerRow .btn{white-space:nowrap}.dateTimePickerHiddenDateInput{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dateTimePickerPanel{margin-top:8px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:var(--shadow);display:grid;grid-gap:10px;gap:10px}.dateTimePickerHeader{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:8px;gap:8px}.dateTimePickerHeader strong{text-align:center;text-transform:capitalize;font-size:14px}.dateTimePickerHeader .btn{padding:8px 10px}.dateTimePickerWeek{font-size:12px;color:var(--muted);text-align:center}.dateTimePickerGrid,.dateTimePickerWeek{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}.dateTimePickerEmpty{display:block;min-height:34px}.dateTimePickerDay{border:1px solid var(--border);background:#fffdf9;border-radius:8px;min-height:34px;cursor:pointer;font-weight:600}.dateTimePickerDay:hover{border-color:var(--brand)}.dateTimePickerDay.selected{background:var(--brand);border-color:var(--brand);color:#fff}.dateTimePickerTime{display:grid;grid-gap:6px;gap:6px}.dateTimePickerTime span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.modalOverlay{position:fixed;inset:0;z-index:60;background:rgba(28,27,24,.42);display:flex;align-items:center;justify-content:center;padding:20px}.modalCard{width:min(520px,100%);background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.modalActions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:16px}@media (min-width:860px){.grid.two{grid-template-columns:1.1fr .9fr}.metricGrid,.quickGrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.appSidebar{display:none}.appContent{padding-left:0}.mobileTopbar{display:flex}main{padding:24px 16px 56px}}@media (max-width:640px){.appointmentCompactCard{padding:8px}.appointmentCompactMeta{font-size:10px}.iconAction{width:28px;height:28px}.iconAction svg{width:14px;height:14px}}