:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{text-align:center;width:100%;height:100%;margin:0 auto}:focus{outline:none}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.login-wrapper{background-size:cover;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,sans-serif;display:flex}.login-card{background:#fff;border-radius:14px;flex-direction:column;width:360px;padding:40px 30px;display:flex;box-shadow:0 10px 25px #0000000f}.login-title{color:#1f2937;text-align:center;margin-bottom:6px;font-size:24px;font-weight:600}.login-subtitle{color:#6b7280;text-align:center;margin-bottom:28px;font-size:13px}.login-input{border:1px solid #d1d5db;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:14px;transition:all .2s}.login-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb26}.login-button{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:8px;padding:12px;font-size:15px;font-weight:500;transition:background .2s}.login-button:hover{background:#111827;transform:translateY(-1px);box-shadow:0 8px 20px #00000026}.login-error{color:#dc2626;text-align:center;margin-top:12px;font-size:13px}.login-page{background:#f4f6f9;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.brand-section{margin-bottom:24px}.logo{width:300px;height:70px}.login-top{justify-content:space-around;align-items:center;display:flex}.smallLogo{width:100px;margin-top:0}.profile-container{text-align:center;background:#fff;border-radius:12px;max-width:400px;margin:80px auto;padding:30px;box-shadow:0 10px 30px #0000001a}.profile-container h2{margin-bottom:20px}.profile-container input{border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:15px;padding:12px}.profile-container button{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;width:100%;padding:12px}.error{color:red;margin-top:15px}.doctors-page{background:#f8fafc;min-height:100vh;padding:50px}.doctor-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.doctor-header h1{font-size:32px;font-weight:700}.doctor-header p{color:#777}.add-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;display:flex}.add-btn:hover{background:#4338ca}.doctor-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.doctor-card{text-align:center;background:#fff;border-radius:16px;padding:25px;transition:all .25s;position:relative;box-shadow:0 10px 20px #0000000d}.doctor-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.avatar{margin-bottom:10px;font-size:40px}.doctor-card h3{margin:10px 0}.doctor-card p{color:#666}.delete-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;padding:6px;position:absolute;top:15px;right:15px}.modal{background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;flex-direction:column;gap:15px;width:350px;padding:35px;display:flex}.modal-card input{border:1px solid #ddd;border-radius:8px;padding:12px}.save-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:12px}.cancel-btn{cursor:pointer;background:#eee;border:none;border-radius:8px;padding:10px}.doctor-select{border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:14px}.schedule-box{border-top:1px solid #eee;flex-direction:column;gap:6px;margin-top:12px;padding-top:10px;display:flex}.schedule-box input[type=time]{border:1px solid #ddd;border-radius:6px;width:140px;padding:6px}.days{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.days label{cursor:pointer;background:#f5f7fb;border-radius:6px;padding:4px 8px;font-size:12px}.schedule-btn{color:#fff;cursor:pointer;background:#4f7cff;border:none;border-radius:6px;margin-top:8px;padding:6px 10px;font-size:13px}.schedule-btn:hover{background:#345be0}.settings-page{background:linear-gradient(#f8fafc,#eef2f7);min-height:100vh;padding:60px;font-family:system-ui}.settings-title{text-align:center;color:#111;margin-bottom:50px;font-size:34px;font-weight:700}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;max-width:1000px;margin:auto;display:grid}.settings-card{cursor:pointer;background:#fff;border:1px solid #f1f1f1;border-radius:16px;padding:30px;transition:all .3s;box-shadow:0 10px 25px #0000000d}.settings-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001f}.settings-card h3{color:#111;margin-top:18px;font-size:18px}.settings-card p{color:#666;margin-top:6px;font-size:14px}.icon-circle{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.blue{background:#3b82f6}.purple{background:#8b5cf6}.orange{background:#f59e0b}.red{background:#ef4444}.logout{border:1px solid #ef4444}.appointmentContainer{flex-wrap:wrap;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));justify-content:flex-start;align-self:center;align-items:center;gap:20px;width:1200px;min-height:50vh;list-style-type:none;display:grid}.maincontainer1{flex-direction:column;align-items:center;margin:0;padding:10px;display:flex}.empty-state{border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:250px;margin-top:10px;padding:24px;display:flex}.empty-image{opacity:.9;width:110px;margin-bottom:16px}.empty-title{color:#1e293b;margin-bottom:6px;font-size:18px;font-weight:600}.empty-text{color:#6b7280;text-align:center;max-width:280px;font-size:14px}.filteritems{border-bottom:1px solid #e5e7eb;justify-content:space-around;align-items:center;gap:40px;max-width:100%;margin-top:15px;margin-bottom:15px;padding:0;list-style:none;display:flex}.date-action-container{justify-content:flex-end;width:650px;margin-top:10px;margin-bottom:5px;display:flex}.maincontainer{flex-direction:column;align-items:center;padding:20px;display:flex}.sidecontainer{background-color:#ede9fe;border:1px solid #7c3aed;border-radius:10px;justify-content:space-around;align-items:center;width:920px;height:20vh;margin-bottom:10px;margin-right:10px;padding:14px;display:flex}.highlight{color:#0b69ff}.mainheading{color:#475569;font-family:Roboto;font-size:28px}.moneypara{color:#475569;font-family:Roboto;font-size:18px;font-weight:500}.image{width:160px}.hero{color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:18px;justify-content:space-between;align-items:center;width:75%;margin-bottom:30px;padding:24px 28px;display:flex}.hero-text h1{color:#fff;font-size:28px;font-weight:700}.hero-text h1 span{color:#c6a55c;line-height:1.3}.hero-text p{color:#cbd5e1;opacity:.85;margin-top:6px;font-size:14px}body{background-color:#f8fafc}.hero-img{opacity:.8;width:90px;height:auto}.header-icon{color:#2d8cff;background:#e6f2ff;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px;display:flex}.available-btn{color:#0f172a;background:#fff;border:1px solid #0f172a}.blocked-btn{color:#991b1b;background:#fee2e2;border:1px solid #dc2626}.dateContainer{gap:10px;margin:10px 0;list-style-type:none;display:flex}.header-actions{align-items:center;gap:20px;display:flex}.hospital-icon{color:#2563eb;font-size:22px}.logout-btn{color:#1f2937;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:6px 14px;transition:all .25s}.logout-btn:hover{background:#e5e7eb}.logout-btn:active{transform:scale(.97)}.search-container{margin:15px 0}.search-container input{border:1px solid #ddd;border-radius:8px;width:300px;padding:10px;font-size:14px}.toolbar-wrapper{z-index:10;width:1100px;margin:0 auto;padding:10px 20px;position:sticky;top:0}.toolbar-row{justify-content:space-between;align-items:center;display:flex}.dateblock-container{align-items:center;gap:12px;display:flex}.search-box{width:220px}.search-box input{background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;height:36px;padding:0 12px;font-size:14px}.search-box input:focus{border-color:#444;outline:none}.appointment-card{background:#fff;border-radius:14px;width:320px;padding:20px;transition:all .2s;box-shadow:0 6px 20px #00000014}.appointment-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000001f}.appointment-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.patient-name{font-size:18px;font-weight:600}.patient-phone{color:#777;font-size:13px}.status{border-radius:20px;padding:5px 10px;font-size:12px;font-weight:600}.status.booked{color:#b58900;background:#fff4d6}.status.completed{color:#047857;background:#d4f5e9}.date-time{justify-content:space-between;margin-bottom:10px;display:flex}.medical-info{margin-bottom:12px}.info-item{color:#444;align-items:center;gap:6px;font-size:14px;display:flex}.icon{font-size:15px}.token-box{background:#f6f9ff;border-radius:10px;justify-content:space-between;align-items:center;margin-top:8px;padding:10px;display:flex}.token-label{color:#666;font-size:13px}.token{color:#fff;letter-spacing:1px;background:#2563eb;border-radius:8px;padding:5px 12px;font-weight:700}.appointment-actions{justify-content:space-between;margin-top:16px;display:flex}.cancel-btn{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #ef4444;border-radius:8px;padding:8px 14px}.complete-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:8px 16px}.complete-btn.done{background:#10b981}button:focus{outline:none}.filteritems button{color:#6b7280;cursor:pointer;background:0 0;border:none;padding-bottom:6px;font-size:16px;font-weight:600;transition:all .3s;position:relative}.filteritems button:hover{color:#111827;transition:all .2s;transform:translateY(-2px)}.clicked{color:#0f172a;transition:all .2 ease;font-weight:700}.clicked:after{content:"";border-bottom:3px solid #c6a55c;border-radius:4px;width:100%;height:3px;position:absolute;bottom:-6px;left:0}.dateBtn{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 14px;transition:all .2s}.activeDate{color:#fff;background-color:#0f172a;border:none}.dateBtn:hover{box-shadow:0 4px 10px #0000000d}.summary-container{grid-template-columns:repeat(4,1fr);justify-content:space-around;gap:20px;width:700px;display:flex}.summary-card{text-align:center;background:#fff;border-radius:14px;justify-content:space-around;align-items:center;width:105px;height:30px;padding:10px 0;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000000d}.summary-card:hover{transform:translateY(-4px)}.summary-number{color:#111827;font-size:20px;font-weight:500}.summary-label{color:#6b7280;font-size:14px}.summary-card.booked,.summary-card.completed,.summary-card.cancelled,.summary-card.total{border-top:4px solid #e5e7eb}@media (max-width:900px){.summary-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.summary-container{grid-template-columns:1fr}}.clinic-settings-page{background:linear-gradient(135deg,#eef2ff,#f8fafc);justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.settings-container{width:520px}.settings-header{text-align:center;margin-bottom:35px}.settings-header h1{color:#1f2937;font-size:28px;font-weight:700}.settings-header p{color:#6b7280;margin-top:6px}.settings-main-icon{color:#6366f1;margin-bottom:10px;font-size:32px}.settings-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:35px;box-shadow:0 20px 60px #00000014}.settings-group{flex-direction:column;margin-bottom:22px;display:flex}.settings-group label{color:#374151;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.settings-group input{border:1px solid #e5e7eb;border-radius:10px;height:44px;padding:0 14px;font-size:14px;transition:all .25s}.settings-group input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11f}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.save-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #4f46e559}.success-message{color:#16a34a;text-align:center;margin-top:12px;font-weight:500}.broadcast-section{margin-top:25px}.broadcast-section textarea{resize:none;border:1px solid #ddd;border-radius:8px;width:100%;padding:10px;font-size:14px}.broadcast-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;margin-top:10px;padding:10px 16px;font-weight:500}.broadcast-btn:hover{background:#1d4ed8}.broadcast-status{color:#16a34a;margin-top:8px;font-size:14px}.dept-page{max-width:900px;margin:auto;padding:40px}.dept-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px;display:grid}.dept-item{background:#f6f7fb;border-radius:8px;align-items:center;gap:10px;padding:12px;font-size:15px;display:flex}.save-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;margin-top:25px;padding:12px 20px}.success{color:green;margin-top:10px}