:root{--bg:#f4f7f6;--panel:#fff;--ink:#12343b;--muted:#5b7377;--accent:#1d7874;--accent-strong:#135d58;--danger:#a30000;--border:#d5e0dd}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at 15% 10%,#deece8 0,var(--bg) 55%);color:var(--ink)}main{max-width:980px;margin:0 auto;padding:1rem}h1,h2,h3{margin:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1rem;margin-bottom:1rem;box-shadow:0 8px 24px rgba(18,52,59,.06)}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.75rem;gap:.75rem}label{display:block;font-size:.9rem;color:var(--muted);margin-bottom:.25rem}button,input,select,textarea{width:100%;padding:.7rem .8rem;border-radius:10px;border:1px solid var(--border);font-size:.95rem}.slot-select{background:#fff;border-color:#c8d6d3;box-shadow:0 8px 18px rgba(18,52,59,.08);font-weight:600}.slot-select:focus{outline:none;border-color:#2b6f6f;box-shadow:0 0 0 2px rgba(43,111,111,.2)}.calendar-card{border:1px solid var(--border);border-radius:14px;padding:.6rem;background:#fff;box-shadow:0 10px 22px rgba(18,52,59,.08)}.calendar-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:.4rem;gap:.4rem;margin-bottom:.4rem}.calendar-header button{width:auto;justify-self:start}.calendar-header button:last-child{justify-self:end}.calendar-title{text-align:center;font-weight:600;color:#224a4a}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:.25rem;gap:.25rem}.calendar-weekday{text-align:center;font-size:.7rem;font-weight:600;color:var(--muted)}.calendar-day{border:1px solid transparent;border-radius:10px;padding:.3rem 0;background:#f5f8f7;color:#1e2e2e;font-weight:600;cursor:pointer}.calendar-day.empty{background:transparent;border:none;cursor:default}.calendar-day.has-slots{background:#e6f4f1;border-color:#b7ded6;color:#1f5b54}.calendar-day.selected{background:#2b6f6f;color:#fff;border-color:#2b6f6f}.calendar-day:disabled{background:#f0f2f1;color:#9aa6a3;cursor:not-allowed}.phone-input-wrap{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}.phone-prefix{padding:.7rem;background:#f1f6f5;color:var(--muted);border-right:1px solid var(--border);font-size:.95rem;line-height:1}.phone-input-wrap input{border:none;border-radius:0}.phone-input-wrap input:focus{outline:none}button{background:var(--accent);color:#fff;border:none;cursor:pointer}button.secondary{background:#fff;color:var(--accent-strong);border:1px solid var(--accent-strong)}button.danger{background:var(--danger)}button:disabled{opacity:.55;cursor:not-allowed}.small{color:var(--muted);font-size:.85rem}.header{align-items:center}.header,.page-header{display:flex;justify-content:space-between;margin-bottom:1rem}.page-header{align-items:flex-start;gap:.75rem}.logout-btn{width:auto;min-width:110px;padding:.6rem .9rem;white-space:nowrap}.list{display:flex;flex-direction:column;gap:.75rem}.item{border:1px solid var(--border);border-radius:12px;padding:.8rem}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:.45rem;gap:.45rem;margin-top:.55rem}.slot-chip{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid #b9d3cd;border-radius:10px;padding:.38rem .45rem;background:#fff;color:var(--ink);cursor:pointer;text-align:left;width:100%;transition:all .18s ease}.slot-chip:hover{border-color:var(--accent);transform:translateY(-1px)}.slot-chip.readonly{cursor:default}.slot-chip.readonly:hover{border-color:#b9d3cd;transform:none}.slot-chip.active{background:#e2f3ee;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.slot-time{font-weight:700;font-size:.85rem;color:var(--ink);line-height:1.1}.slot-date{color:var(--muted);font-size:.72rem;margin-top:.08rem;line-height:1.1}.slot-chip.active .slot-time{color:var(--accent-strong)}.slot-chip.active .slot-date{color:#245f59}.clinic-slot-frame{margin-top:.8rem;border:1px solid #b9d3cd;border-radius:12px;background:#f8fcfb;padding:.65rem}.clinic-slot-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;padding-bottom:.5rem;border-bottom:1px dashed #c8ddda;margin-bottom:.55rem}.clinic-slot-header.collapsed{border-bottom:none;margin-bottom:0;padding-bottom:0}.clinic-date-group+.clinic-date-group{margin-top:.75rem;padding-top:.6rem;border-top:1px dashed #d3e3e0}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;background:#e2f3ee;color:#0f5a53;font-size:.75rem;text-transform:uppercase}.icon-btn{width:auto;min-width:2.25rem;padding:.45rem .6rem}.offline-booking-toggle-wrap{margin-top:.6rem;display:flex;justify-content:flex-end}.compact-action-btn{width:auto;min-width:0;padding:.35rem .6rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-size:.83rem;line-height:1.1}.compact-action-icon{display:inline-grid;place-items:center;width:1rem;height:1rem;border-radius:999px;border:1px solid;font-size:.78rem;font-weight:700;line-height:1}.offline-custom-toggle{margin-top:.65rem;display:inline-flex;align-items:center;gap:.45rem;color:var(--ink);font-size:.9rem}.offline-custom-toggle input[type=checkbox]{width:auto;margin:0}.past-visit-header{display:grid;grid-template-columns:1fr auto;align-items:start;grid-gap:.6rem;gap:.6rem;margin-bottom:.45rem}.past-visit-title{line-height:1.2;font-size:1.02rem}.past-visit-toggle{justify-self:end;align-self:start}.past-visit-item{background:linear-gradient(180deg,#fbfdfd,#f7fbfa)}.past-visit-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.15rem .9rem;gap:.15rem .9rem}.past-visit-meta .small{margin:0}.visit-grid{margin-top:.6rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-gap:.6rem;gap:.6rem}.visit-card{border:1px solid #b9d3cd;border-radius:12px;background:#fcfffe;padding:.65rem .7rem;display:grid;grid-gap:.55rem;gap:.55rem}.visit-card-top{display:grid;grid-template-columns:1fr auto;align-items:start;grid-gap:.55rem;gap:.55rem}.visit-card-main{min-width:0}.visit-location-line{margin-top:.2rem}.visit-card-badges{justify-content:flex-end;gap:.28rem}.visit-card-actions,.visit-card-badges{display:inline-flex;align-items:center;flex-wrap:wrap}.visit-card-actions{gap:.42rem}.visit-time{font-size:.95rem;color:var(--ink);font-weight:700;line-height:1.2}.badge.status-completed{background:#e2f3ee;color:#0f5a53}.badge.status-no-show{background:#fff0f0;color:#7f1313}.badge.slot-status-active{background:#e2f3ee;color:#0f5a53}.badge.slot-status-booked{background:#ffeaea;color:#8d1b1b}.badge.booking-source-online{background:#e2f3ee;color:#0f5a53}.badge.booking-source-offline{background:#fff6d8;color:#7a5a00}.badge.admin-status-booked,.badge.admin-status-completed{background:#e2f3ee;color:#0f5a53}.badge.admin-status-cancelled{background:#ffeaea;color:#8d1b1b}.badge.admin-status-no-show{background:#fff6d8;color:#7a5a00}.admin-visit-item{padding:.7rem .8rem}.admin-visit-head{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:.6rem;gap:.6rem;margin-bottom:.35rem}.admin-visit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.3rem .75rem;gap:.3rem .75rem}.admin-doctor-head{display:grid;grid-template-columns:1fr auto;align-items:baseline;grid-gap:.6rem;gap:.6rem;margin-bottom:.35rem}.admin-doctor-grid,.record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.3rem .75rem;gap:.3rem .75rem}.record-grid .small{margin:0}.nav-links{display:flex;gap:.5rem}.nav-links a{text-decoration:none;color:var(--accent-strong);font-weight:600}.link-btn{display:inline-block;width:100%;padding:.7rem .8rem;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;text-align:center;font-size:.95rem}.link-btn.secondary{background:#fff;color:var(--accent-strong);border:1px solid var(--accent-strong)}.alert{border-radius:10px;padding:.7rem;margin-top:.75rem;background:#f1f8f7;border:1px solid #c7dfda}.alert.error{background:#fff2f2;border-color:#f4bcbc;color:#7f1313}.page-loading-overlay{position:fixed;inset:0;z-index:2000;background:rgba(7,26,30,.32);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center}.page-loading-card{min-width:220px;background:#fff;border:1px solid #cfe0dc;border-radius:14px;padding:.9rem 1rem;box-shadow:0 12px 28px rgba(18,52,59,.14);display:inline-flex;align-items:center;gap:.6rem;color:var(--ink);font-weight:700}.page-loading-dot{width:11px;height:11px;border-radius:999px;background:var(--accent);animation:pulseDot 1s ease-in-out infinite}@keyframes pulseDot{0%,to{transform:scale(.9);opacity:.55}50%{transform:scale(1.15);opacity:1}}.message-overlay{position:fixed;inset:0;z-index:2100;background:rgba(7,26,30,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:1rem}.message-card{width:min(520px,100%);background:#fff;border:1px solid #cfe0dc;border-radius:16px;padding:1rem 1rem .95rem;box-shadow:0 18px 44px rgba(18,52,59,.2)}.message-card.error{border-color:#f4bcbc;background:#fff7f7}.message-card p{margin:0;color:var(--ink);line-height:1.35}.message-title{margin:0 0 .4rem;font-weight:700;font-size:1.05rem;color:var(--ink)}.message-card.error .message-title{color:#7f1313}.message-input{margin-top:.55rem}.message-card .message-actions{margin-top:.8rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.45rem}.message-card .message-action{width:auto;min-width:110px;padding:.58rem 1rem;border-radius:12px;font-weight:700}.login-main{max-width:1100px;min-height:88vh;display:grid;align-items:center}.login-shell{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:1rem;gap:1rem}.login-hero{border-radius:22px;padding:1.4rem;border:1px solid #c9dcd7;background:radial-gradient(circle at 85% 20%,hsla(0,0%,100%,.65) 0,hsla(0,0%,100%,0) 45%),linear-gradient(145deg,#d9ece7,#c8e3dd);box-shadow:0 14px 32px rgba(18,52,59,.08)}.login-hero h1{margin-top:.15rem;font-size:clamp(1.5rem,2.5vw,2.35rem);line-height:1.08;letter-spacing:-.02em}.login-tag{margin:0;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#0f5a53}.login-points{margin-top:1rem;display:grid;grid-gap:.5rem;gap:.5rem}.login-points span{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;color:#134f49}.login-points span:before{content:"";width:8px;height:8px;border-radius:999px;background:#1d7874;box-shadow:0 0 0 4px rgba(29,120,116,.16)}.login-card{border-radius:22px;padding:1.2rem;border-color:#cadad6}.login-card h2{margin-bottom:.35rem}.login-demo{margin-top:.45rem}.login-demo summary{cursor:pointer;color:var(--accent-strong);font-weight:700;font-size:.83rem;width:-moz-fit-content;width:fit-content;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login-demo p{margin:.45rem 0 0}.login-form-row{grid-template-columns:minmax(0,1fr) 180px;align-items:end}.login-field{min-width:0}.login-action{align-self:end}@media (max-width:640px){.header{flex-direction:column;gap:.5rem}.header,.page-header{align-items:flex-start}.page-header{flex-direction:row}.logout-btn{margin-left:auto;min-width:96px}.past-visit-meta,.visit-card-top,.visit-grid{grid-template-columns:1fr}.visit-card-top{gap:.35rem}.visit-card-badges{justify-content:flex-start}.admin-doctor-head,.admin-visit-head{grid-template-columns:1fr;align-items:start}.record-grid{grid-template-columns:1fr}.login-main{min-height:auto;padding:.35rem .75rem .6rem}.login-shell{grid-template-columns:1fr;gap:.55rem}.login-card{order:2;border-radius:16px;padding:.85rem;margin-bottom:.2rem}.login-hero{order:1;padding:.78rem;border-radius:16px}.login-hero h1{font-size:1.18rem;line-height:1.14}.login-tag{font-size:.7rem;letter-spacing:.08em}.login-points{margin-top:.55rem;gap:.3rem}.login-points span{font-size:.8rem}.login-form-row{grid-template-columns:1fr;gap:.6rem}.login-action{align-self:stretch}.login-demo{margin-top:.3rem}.login-demo summary{font-size:.8rem}}