@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap);:root{--color-primary-50:#f8f3fa;--color-primary-100:#ede0f0;--color-primary-200:#dcc3e1;--color-primary-300:#c5b3d3;--color-primary-400:#ab8fc0;--color-primary-500:#9070aa;--color-primary-600:#74568c;--color-primary-700:#5c4370;--color-primary-800:#48355a;--color-primary-900:#3a2a49;--color-accent-100:#ffe2e2;--color-accent-300:#f5cbcb;--color-accent-500:#e39a9a;--color-accent-600:#cf7a7a;--color-accent-700:#b35f5f;--color-success:#9070aa;--color-success-bg:#ede0f0;--color-warning:#cf7a7a;--color-warning-bg:#ffe2e2;--color-danger:#b35f5f;--color-danger-bg:#f5cbcb;--color-info:#74568c;--color-info-bg:#ede0f0;--color-bg:#fbefef;--color-bg-alt:#ffe2e2;--color-surface:#fff;--color-surface-alt:#fdf6f6;--color-border:#ecdde3;--color-border-strong:#dcc3e1;--color-text:#322632;--color-text-muted:#756875;--color-text-faint:#a89aa8;--color-text-on-primary:#fff;--font-heading:"Plus Jakarta Sans","Segoe UI",sans-serif;--font-body:"Inter","Segoe UI",sans-serif;--shadow-sm:0 1px 2px #3226320f,0 1px 1px #3226320a;--shadow-md:0 4px 12px #32263217,0 2px 4px #3226320d;--shadow-lg:0 10px 30px #32263224,0 4px 10px #32263212;--shadow-focus:0 0 0 3px #9070aa40;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--transition-fast:0.15s ease;--transition-base:0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.45s cubic-bezier(0.4,0,0.2,1);--container-max:1280px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fbefef;background-color:var(--color-bg);color:#322632;color:var(--color-text);font-family:Inter,Segoe UI,sans-serif;font-family:var(--font-body);margin:0;overflow-x:hidden;padding:0}img,svg,video{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{color:#322632;color:var(--color-text);font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-family:var(--font-heading)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .45s cubic-bezier(.4,0,.2,1) both;animation:fadeIn var(--transition-slow) both}.slide-up{animation:slideUp .45s cubic-bezier(.4,0,.2,1) both;animation:slideUp var(--transition-slow) both}.scale-in{animation:scaleIn .25s cubic-bezier(.4,0,.2,1) both;animation:scaleIn var(--transition-base) both}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#ffe2e2;background:var(--color-bg-alt);border-radius:10px}::-webkit-scrollbar-thumb{background:#ab8fc0;background:var(--color-primary-400);border:3px solid #ffe2e2;border:3px solid var(--color-bg-alt);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9070aa;background:var(--color-primary-500)}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{background:#ffe2e2;background:var(--color-bg-alt)}@media (max-width:768px){::-webkit-scrollbar{height:6px;width:6px}}.home-container{display:flex;flex-direction:column;font-family:var(--font-body);height:100vh;justify-content:space-between;overflow:hidden;position:relative}.background-image{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.home-img{height:100%;object-fit:cover;width:100%}.navbar{animation:fadeIn .5s ease both}.logo{height:120px!important;width:120px!important}.navbar-buttons{align-items:center;display:flex;margin-right:3%}.login-buttons,.register-button{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-size:16px;font-weight:600;margin-left:20px;padding:8px 18px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.login-buttons{background-color:var(--color-primary-600)!important;color:var(--color-text-on-primary)}.login-buttons:hover{background-color:var(--color-primary-700)!important;box-shadow:var(--shadow-md);transform:translateY(-2px)}.register-button{background-color:initial!important;border:1.5px solid var(--color-accent-500)!important;color:var(--color-accent-700)}.register-button:hover{background-color:var(--color-accent-500)!important;box-shadow:var(--shadow-md);color:var(--color-text-on-primary);transform:translateY(-2px)}.dropdown{animation:slideUp .2s ease both;display:flex;flex-direction:column;position:absolute;right:133px;top:80px}.dropdown button{background-color:var(--color-surface)!important;border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--color-text)!important;cursor:pointer;font-family:var(--font-body);font-size:15px;margin:8px 0;padding:10px 15px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.dropdown button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tcHero-leftContent{align-items:flex-start;animation:slideUp .6s ease both;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:600px;padding:0 8%;text-align:left}.tcHero-eyebrow{color:var(--color-primary-600);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tcHero-heading{color:var(--color-text);font-family:var(--font-heading);font-size:clamp(28px,4.2vw,50px);font-weight:700;line-height:1.15;margin:14px 0 16px}.tcHero-heading span{color:var(--color-primary-500)}.tcHero-subtext{color:var(--color-text-muted);font-size:16px;line-height:1.55;max-width:460px}.tcHero-modalBackdrop{align-items:center;animation:tcHero-backdropIn .2s ease both;background-color:#2f2e2b73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100}.tcHero-modalBox{animation:tcHero-modalPop .25s ease both;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:420px;overflow-y:auto;padding:34px 32px 30px;position:relative;width:90%}.tcHero-modalClose{background-color:var(--color-bg-alt);border:none;border-radius:50%;color:var(--color-text);cursor:pointer;font-size:13px;height:32px;position:absolute;right:16px;top:16px;transition:transform var(--transition-base),background-color var(--transition-fast),color var(--transition-fast);width:32px}.tcHero-modalClose:hover{background-color:var(--color-primary-600);color:#fff;transform:rotate(90deg)}.tcHero-modalTitle{color:var(--color-text);font-family:var(--font-heading);font-size:22px;font-weight:700;margin:0 0 6px}.tcHero-modalSubtitle{color:var(--color-text-muted);font-size:14px;margin:0 0 22px}.tcHero-modalOptions{display:flex;flex-direction:column;gap:12px}.tcHero-roleBtn{align-items:center;background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:14px;padding:14px 16px;text-align:left;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.tcHero-roleBtn:hover{background-color:var(--color-primary-50);border-color:var(--color-primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tcHero-roleIcon{font-size:22px}.tcHero-roleInfo{display:flex;flex-direction:column}.tcHero-roleName{color:var(--color-text);font-size:15px;font-weight:700}.tcHero-roleDesc{color:var(--color-text-muted);font-size:12.5px;margin-top:2px}@keyframes tcHero-backdropIn{0%{opacity:0}to{opacity:1}}@keyframes tcHero-modalPop{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (min-width:1600px){.tcHero-leftContent{max-width:700px;padding:0 10%}.tcHero-subtext{max-width:540px}}@media (max-width:1200px){.logo{margin-left:20%}.tcHero-leftContent{max-width:520px;padding:0 7%}}@media (max-width:1024px){.logo{height:100px!important;margin-left:6%;width:100px!important}.navbar-buttons{margin-right:4%}.login-buttons,.register-button{font-size:15px;padding:8px 16px}.tcHero-leftContent{max-width:480px;padding:0 6%}.tcHero-subtext{font-size:15px;max-width:420px}}@media (max-width:900px) and (orientation:landscape){.home-container{height:100vh}.navbar{padding:10px 4%}.logo{height:70px!important;margin-left:0;width:70px!important}.tcHero-leftContent{padding:0 6%}.tcHero-heading{font-size:clamp(20px,3.4vw,30px);margin:8px 0 10px}.tcHero-subtext{font-size:13px;line-height:1.4}.tcHero-modalBox{max-height:85vh;padding:20px 18px 18px}}@media (max-width:768px){.navbar{align-items:center;flex-direction:column;padding:15px 10px}.logo{height:80px!important;margin:0;width:80px!important}.navbar-buttons{align-items:center;flex-direction:column;margin:10px 0}.login-buttons,.register-button{font-size:14px;margin-bottom:10px;margin-left:0;padding:6px 14px}.dropdown{right:10px;top:70px}.dropdown button{font-size:14px;padding:8px 12px}.tcHero-leftContent{align-items:center;max-width:100%;padding:0 6%;text-align:center}.tcHero-subtext{max-width:100%}.tcHero-modalBox{padding:28px 22px 24px;width:92%}.tcHero-roleBtn{padding:12px 14px}}@media (max-width:600px){.tcHero-heading{font-size:clamp(22px,6vw,30px)}.tcHero-subtext{font-size:14px}}@media (max-width:480px){.logo{height:60px!important;width:60px!important}.navbar{padding:10px}.navbar-buttons{margin:5px 0}.login-buttons,.register-button{font-size:12px;padding:5px 10px}.dropdown{right:5px;top:60px}.dropdown button{font-size:12px;padding:6px 10px}.tcHero-heading{font-size:22px;margin:10px 0 12px}.tcHero-subtext{font-size:13px}.tcHero-modalTitle{font-size:19px}.tcHero-modalSubtitle{font-size:13px}.tcHero-roleName{font-size:14px}.tcHero-roleDesc{font-size:11.5px}}@media (max-width:360px){.logo{height:50px!important;width:50px!important}.tcHero-heading{font-size:19px}.tcHero-eyebrow{font-size:11px}.tcHero-modalBox{padding:22px 16px 18px}.tcHero-roleIcon{font-size:18px}}.login-page{align-items:center;background-color:var(--color-bg);display:flex;height:100vh;justify-content:center;padding:10px}.form-login-container{animation:slideIn .6s ease-out;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:row;height:500px;overflow:hidden;width:850px}.image-side{flex:1 1;position:relative}.login-image{height:100%;object-fit:cover;width:100%}.form-login-side{flex:1 1;font-family:var(--font-body);padding:40px}.heading{color:var(--color-text);font-family:var(--font-heading);margin-bottom:70px;text-align:center}.form-login-side label{color:var(--color-text-muted);font-weight:600}.form-login-side label,input{font-family:var(--font-body);font-size:15px}input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);margin-bottom:30px;margin-top:5px;padding:10px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:95%}input:focus{border-color:var(--color-primary-400);box-shadow:var(--shadow-focus);outline:none}button.button-login{background-color:var(--color-primary-600)!important;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font-body);font-weight:700;letter-spacing:.04em;margin-left:34%;padding:12px;text-align:center!important;text-transform:uppercase;transition:background-color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-fast);width:30%}button.button-login:hover{background-color:var(--color-primary-700)!important;box-shadow:var(--shadow-md);color:#fff!important;transform:translateY(-2px)}.error-message{color:var(--color-danger);font-size:14px;margin-top:10px}.image-side:hover .login-image{opacity:1}@media (max-width:768px){.form-login-container{flex-direction:column;height:auto;width:90%}.image-side{height:250px}.form-login-side{padding:20px}h2{font-size:24px;margin-bottom:40px}input{font-size:14px;width:100%}button.button-login{margin-left:35%;width:30%}}@media (max-width:480px){.form-login-container{box-shadow:none;flex-direction:column;height:auto;width:100%}.image-side{height:200px}h2{font-size:20px;margin-bottom:30px}label{font-size:14px}input{font-size:13px;padding:8px}button.button-login{font-size:14px;margin-left:25%;padding:10px;width:50%}}.patient-background-container{align-items:center;background-color:var(--color-bg);display:flex;height:100vh;justify-content:center}.patient-login-form{animation:slideIn .5s ease-in-out;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;padding:2rem;text-align:center;width:100%}.patient-login-form h2{color:var(--color-text);font-family:var(--font-heading);font-size:1.5rem;margin-bottom:2.5rem;text-transform:uppercase}.patient-login input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:1rem;margin-bottom:1rem;outline:none;padding:.8rem;transition:border-color var(--transition-base),box-shadow var(--transition-base);width:90%}.patient-login input:focus{border-color:var(--color-primary-400);box-shadow:var(--shadow-focus)}.patient-login-button{background:var(--color-primary-500)!important;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font-body);font-size:15px!important;font-weight:600;height:42px;text-transform:uppercase;transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base);width:40%}.patient-login-button:hover{background:var(--color-primary-600)!important;box-shadow:var(--shadow-md);color:#fff!important;transform:scale(1.05)}.patient-login-form p{color:var(--color-text-muted);font-size:.9rem;margin-top:3rem}.patient-login-form a{color:var(--color-primary-600);font-weight:600;text-decoration:none;transition:color var(--transition-base)}.patient-login-form a:hover{color:var(--color-primary-700)}@media (max-width:768px){.patient-login-form{padding:1.5rem;width:90%}.patient-login-form h2{font-size:1.5rem}.patient-login input{font-size:.9rem}.patient-login-button{font-size:.9rem;width:55%}.patient-login-form p{font-size:.8rem}}@media (max-width:480px){.patient-login-form h2{font-size:1.3rem}.patient-login input,.patient-login-button{font-size:.8rem;padding:.7rem}.patient-login-button{height:auto;width:100%}.patient-login-form p{font-size:.7rem}}.background-container{align-items:center;background-color:var(--color-bg);display:flex;height:100vh;justify-content:center}.register-form{animation:slideIn .5s ease-in-out;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;padding:2rem;text-align:center;width:100%}.register-form h2{color:var(--color-text);font-family:var(--font-heading);font-size:1.5rem;margin-bottom:2.5rem;text-transform:uppercase}.error{color:var(--color-danger);font-size:.9rem}.error,form input{margin-bottom:1rem}form input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:1rem;outline:none;padding:.8rem;transition:border-color var(--transition-base),box-shadow var(--transition-base);width:90%}form input:focus{border-color:var(--color-primary-400);box-shadow:var(--shadow-focus)}.register-buttons{background:var(--color-primary-500)!important;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font-body);font-size:15px!important;font-weight:600;height:42px;text-transform:uppercase;transition:transform var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base);width:40%}.register-buttons:hover{background:var(--color-primary-600)!important;box-shadow:var(--shadow-md);color:#fff!important;transform:scale(1.05)}.register-form p{color:var(--color-text-muted);font-size:.9rem;margin-top:3rem}.register-form a{color:var(--color-primary-600);font-weight:600;text-decoration:none;transition:color var(--transition-base)}.register-form a:hover{color:var(--color-primary-700)}@media (max-width:768px){.register-form{padding:1.5rem;width:90%}.register-form h2{font-size:1.5rem}form input{font-size:.9rem}.register-buttons{font-size:.9rem;width:55%}.register-form p{font-size:.8rem}}@media (max-width:480px){.register-form h2{font-size:1.3rem}.register-buttons,form input{font-size:.8rem;padding:.7rem}.register-buttons{height:auto;width:100%}.register-form p{font-size:.7rem}}.admin-dashboard-container{display:grid;grid-template-columns:220px auto;height:100vh;transition:all var(--transition-base)}.sidebar-hidden{grid-template-columns:0 auto}.sidebar{align-items:center;background:linear-gradient(160deg,var(--color-primary-700),var(--color-primary-500));color:#fff;display:flex;flex-direction:column;overflow:hidden;padding:10px;transition:all var(--transition-base);width:100%}.sidebar-hidden .sidebar{transform:translateX(-260px)}.main-content{background-color:var(--color-bg);overflow-y:auto;padding:30px;transition:all var(--transition-base)}.main-content h2{font-family:var(--font-heading);font-size:20px}.sidebar-logo img{animation:bounceIn 1s ease-out;cursor:pointer;width:150px!important}.sidebar-menu{list-style:none;padding:0;width:100%}.sidebar-menu li{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-size:18px;font-weight:500;margin-bottom:10px;padding:15px 20px;text-align:center;transition:transform var(--transition-base),background-color var(--transition-base),padding-left var(--transition-base)}.sidebar-menu li:hover{background:#ffffff29!important;padding-left:24px;transform:translateX(5px)}.toggle-buttons{align-items:center;background:var(--color-primary-500)!important;border:none;border-radius:50%;box-shadow:var(--shadow-md);color:#fff!important;cursor:pointer;display:flex;font-size:18px;height:34px;justify-content:center;position:absolute;right:20px;top:20px;transition:all var(--transition-base);width:34px;z-index:1000}.toggle-buttons:hover{background:var(--color-primary-600)!important;transform:scale(1.08)}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{animation:slideUp .4s ease both;background:linear-gradient(135deg,var(--color-primary-500),var(--color-accent-500));border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;padding:18px;text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base);width:92%}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px) scale(1.02)}.charts-section{display:flex;flex-wrap:wrap;gap:30px}.chart-container{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex:1 1;margin-top:3%;min-width:300px;padding:30px;transition:box-shadow var(--transition-base)}.chart-container:hover{box-shadow:var(--shadow-lg)}@media (max-width:1024px){.admin-dashboard-container{grid-template-columns:190px auto}.main-content{padding:22px}.stats-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.chart-container{padding:20px}}@media (max-width:768px){.admin-dashboard-container{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100vh}.sidebar{flex-direction:row;flex-wrap:wrap;justify-content:center;padding:12px;position:relative}.sidebar-hidden{grid-template-columns:1fr}.sidebar-hidden .sidebar{display:none;transform:none}.sidebar-logo img{width:110px!important}.sidebar-menu{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sidebar-menu li{font-size:15px;margin-bottom:0;padding:10px 14px}.main-content{padding:16px}.main-content h2{font-size:18px}.toggle-buttons{right:12px;top:12px}.stats-grid{gap:14px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.stat-card{padding:14px;width:100%}.charts-section{gap:18px}.chart-container{margin-top:4%;min-width:100%;padding:16px}}@media (max-width:480px){.sidebar-menu li{font-size:13px;padding:8px 10px}.main-content{padding:12px}.stats-grid{gap:10px;grid-template-columns:1fr 1fr}.stat-card{font-size:13px;padding:12px}}.doctor-dashboard{height:100vh;overflow:hidden;position:relative}.doctor-bg-image{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.doctor-bgimg{height:100%;object-fit:cover;width:100%}.doctor-navbar{align-items:center;animation:fadeIn .5s ease both;display:flex;justify-content:space-between}.doctor-logo{height:100px;margin-left:3%;width:100px}.doctor-navbar-links a{color:var(--color-text);font-size:1rem!important;font-weight:600!important;margin:0 20px;text-decoration:none;transition:color var(--transition-base),font-size var(--transition-base)}.doctor-navbar-links a:hover{color:var(--color-primary-600);font-size:1.06rem}.logout-btn{background:none;border:1.5px solid var(--color-primary-400);border-radius:var(--radius-md);color:var(--color-primary-700);cursor:pointer;font-family:var(--font-body);font-size:.95rem!important;font-weight:700!important;margin:0 20px;padding:8px 20px;transition:all var(--transition-base)}.logout-btn:hover{background:var(--color-primary-500);border-color:var(--color-primary-500);box-shadow:var(--shadow-md);color:#fff!important;transform:translateY(-2px)}@media (max-width:1024px){.doctor-logo{height:90px;margin-left:4%;width:90px}.doctor-navbar-links a,.logout-btn{font-size:.95rem!important;margin:0 14px}}@media (max-width:768px){.doctor-navbar{align-items:center;flex-direction:column;padding:15px 10px}.doctor-logo{height:80px;margin:0;width:80px}.doctor-navbar-links{display:flex;flex-wrap:wrap;justify-content:center}.doctor-navbar-links a{align-items:center;flex-direction:column;margin:10px 8px}}@media (max-width:480px){.doctor-logo{height:60px;width:60px}.doctor-navbar{padding:10px}.doctor-navbar-links a,.logout-btn{font-size:.85rem!important;margin:5px 6px}}@media (max-width:360px){.doctor-logo{height:50px;width:50px}.doctor-navbar-links a,.logout-btn{font-size:.75rem!important;margin:4px}}.navbar{align-items:center;display:flex;justify-content:space-between;left:0;padding:10px 0;position:absolute;right:0;top:0;z-index:1000}.logo{height:80px;margin-left:30%;width:80px}.navbar-links a{color:var(--color-text);font-size:1rem;font-weight:600;margin:0 20px;text-decoration:none;transition:color var(--transition-base)}.navbar-links a:hover{color:var(--color-primary-600)}.patient-logout-button{background:var(--color-primary-500);border-color:var(--color-primary-500);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff!important;cursor:pointer;font-family:var(--font-body);font-size:.95rem;font-weight:700;margin:0 20px;padding:8px 20px;text-decoration:none;transform:translateY(-2px);transition:all var(--transition-base)}.hero-section{align-items:center;animation:fadeIn 1.2s ease-in-out;background-image:url(/static/media/patient.ff72717900c0c47ceaf3.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--color-text);display:flex;filter:brightness(1.05);justify-content:flex-start;min-height:100vh;overflow:hidden;position:relative;width:100%}.hero-content{padding:90px;position:relative}.hero-content h1{animation:slideInLeft .8s ease-out;font-family:var(--font-heading);font-size:1.3rem;line-height:2;margin-bottom:10%;text-align:start;width:505px!important}.quote-text{color:var(--color-accent-600);font-size:1.3rem!important;font-weight:700;text-align:start;text-transform:uppercase}.hero-buttons .button{background:linear-gradient(45deg,var(--color-primary-500),var(--color-primary-600));border:2px solid #0000;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:inline-block;font-size:1.2rem;padding:15px 30px;text-decoration:none;transition:all var(--transition-base)}.hero-buttons .button:hover{background:linear-gradient(45deg,var(--color-primary-600),var(--color-primary-700));box-shadow:var(--shadow-lg);color:#fff!important;transform:translateY(-5px) scale(1.05)}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.doctor-card-section{background-color:var(--color-bg);min-height:100vh;padding:30px}.doctor-cards{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding:30px;text-align:center}.doctor-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;padding-bottom:16px;text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base);width:22%}.doctor-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.doctor-card img{border:4px solid var(--color-primary-100);border-radius:50%;height:150px;margin-top:20px;object-fit:cover;transition:transform var(--transition-base);width:150px}.doctor-card:hover img{transform:scale(1.05)}.doctor-card p{color:var(--color-text-muted);font-size:16px;margin:15px 0}.doctor-card h3{color:var(--color-primary-700);font-family:var(--font-heading);font-size:20px;margin:15px 0}.services-section{background-color:var(--color-bg-alt);min-height:100vh;padding:30px!important}.services{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.service{background:linear-gradient(130deg,var(--color-primary-100),var(--color-surface));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;padding:20px;text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base);width:25%}.service:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.service h3{color:var(--color-primary-700);font-family:var(--font-heading);font-size:1.3rem;transition:color var(--transition-base)}.service p{color:var(--color-text-muted)}.features-section{background-color:var(--color-bg);min-height:100vh;padding:30px}.features{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.feature-image{border-radius:var(--radius-sm);height:auto;margin-bottom:10px;max-height:150px;object-fit:cover;width:100%}.feature{background:linear-gradient(to bottom,var(--color-surface),var(--color-primary-50))!important;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;transition:transform var(--transition-base),box-shadow var(--transition-base);width:25%}.feature:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px) scale(1.03)}.feature h3{color:var(--color-primary-700);font-family:var(--font-heading);font-size:1.2rem;transition:color var(--transition-base)}.feature:hover h3{color:var(--color-primary-600)}.contact-us-section{background-image:linear-gradient(160deg,#32263280,#9070aa59),url(https://images.unsplash.com/photo-1608979827489-2b855e79debe?fm=jpg&q=80&w=1800&auto=format&fit=crop);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-size:20px!important;justify-content:center;min-height:100vh;overflow:hidden;padding:60px 6%;position:relative}.contact-us-section h1{color:#fff;font-family:var(--font-heading);font-size:2.4rem!important;letter-spacing:.08em;margin-bottom:12px;position:relative;text-shadow:0 2px 12px #00000040;text-transform:uppercase;z-index:1}.contact-us-section h1:after{background:linear-gradient(90deg,var(--color-primary-300),var(--color-accent-300));border-radius:var(--radius-full);content:"";display:block;height:3px;margin:14px auto 0;width:70px}.contact-subtitle{color:#ffffffeb;font-size:1.05rem!important;line-height:1.6;margin:0 auto 40px;max-width:520px;position:relative;text-align:center;text-shadow:0 1px 8px #0003;z-index:1}.contact-container{animation:fadeIn .6s ease both;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:initial!important;border:1px solid #fff9;border-radius:var(--radius-lg);border-top:4px solid var(--color-primary-500);box-shadow:var(--shadow-lg);display:flex;margin:0 auto;max-width:750px;padding:52px 56px;position:relative;width:100%;z-index:1}.right-content{width:100%}.right-content h2{color:var(--color-primary-700);font-family:var(--font-heading);font-size:1.6rem!important;letter-spacing:.03em;margin-bottom:20px;text-transform:uppercase}.right-content p{align-items:center;color:var(--color-text);display:flex;font-size:18px!important;margin:18px 0}.right-content i{align-items:center;background-color:var(--color-primary-100);border-radius:50%;color:var(--color-primary-600);display:flex;font-size:18px;height:38px;justify-content:center;margin-right:14px;min-width:38px;transition:background-color var(--transition-base),color var(--transition-base),transform var(--transition-base);width:38px}.right-content p:hover i{background-color:var(--color-primary-500);color:#fff;transform:scale(1.08)}.right-content a{color:var(--color-text);text-decoration:none;transition:color var(--transition-base)}.right-content a:hover{color:var(--color-primary-600)}.footer{background-color:var(--color-primary-800);color:#fff;flex-direction:row;font-size:16px;padding:20px;position:relative}.footer,.footer-content{align-items:center;display:flex;justify-content:center}.footer-content{width:100%}.footer-text{font-size:17px;font-weight:600;margin:0}.footer-text span{color:var(--color-primary-200)!important;font-weight:700}@media (max-width:1200px){.hero-content{padding:60px}.contact-container{max-width:560px}}@media (max-width:1024px){.doctor-card,.feature,.service{width:45%}.logo{margin-left:10%}.hero-content{padding:50px}.hero-content h1{width:420px!important}.contact-us-section{min-height:60vh;padding:40px 5%}.contact-container{max-width:480px;padding:36px}.doctor-cards{gap:24px;padding:20px}}@media (max-width:768px){.doctor-card,.feature,.service{width:100%}.navbar{flex-direction:column;padding:10px}.logo{height:60px;margin-left:0;width:60px}.navbar-links{display:flex;flex-wrap:wrap;justify-content:center}.navbar-links a,.patient-logout-button{font-size:.9rem;margin:6px 10px}.hero-content{padding:30px}.hero-content h1{font-size:1.1rem;width:100%!important}.doctor-cards,.features,.services{gap:16px;padding:16px}.contact-us-section{min-height:55vh;padding:30px 4%}.contact-container{max-width:100%;padding:26px}.footer{font-size:14px;padding:16px}}@media (max-width:480px){.hero-content h1{font-size:1rem;width:auto!important}.quote-text{font-size:1rem!important}.hero-buttons .button{font-size:1rem;padding:10px 20px}.contact-container{flex-direction:column;padding:20px}.contact-us-section{min-height:55vh;padding:24px 4%}.contact-us-section h1{font-size:1.7rem!important}.contact-subtitle{font-size:.9rem!important;margin-bottom:24px}.doctor-card img{height:110px;width:110px}.doctor-card h3{font-size:18px}.feature h3,.service h3{font-size:1.05rem}.footer-text{font-size:14px;text-align:center}}.table-container{display:flex;flex-wrap:wrap;gap:24px;padding:20px}.card-container{animation:slideUp .4s ease both;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;margin-top:3%;overflow:hidden;padding-bottom:10px;text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base);width:22%}.card-container:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.card-container img{border:4px solid var(--color-primary-100);border-radius:50%;height:180px;margin-top:20px;object-fit:cover;transition:transform var(--transition-base);width:180px}.card-container:hover img{border-color:var(--color-primary-300);transform:scale(1.05)}.card-container h3{color:var(--color-text);font-family:var(--font-heading);font-size:20px;margin:20px 0 8px}.card-container p{color:var(--color-text-muted);font-size:15px;margin:8px 0}.card-container p.role{color:var(--color-primary-600);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}@media (max-width:1200px){.card-container{width:30%}}@media (max-width:900px){.card-container{width:45%}}@media (max-width:768px){.table-container{gap:16px;justify-content:center;padding:14px}.card-container{max-width:320px;width:100%}.card-container img{height:130px;width:130px}.card-container h3{font-size:1.15rem}.card-container p{font-size:.9rem}}@media (max-width:480px){.table-container{gap:12px;padding:10px}.card-container img{height:110px;margin-top:16px;width:110px}.card-container h3{font-size:1.05rem;margin:14px 0 6px}}.fill-main{align-items:stretch;display:flex;flex-direction:column}.fill-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)!important}.maintenance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)!important}.fill-grid label,.maintenance-grid label{display:flex;flex-direction:column;transition:all var(--transition-base)}.maintenance-grid input,.maintenance-grid select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:13px;outline:none;padding:10px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:50%}.fill-grid input:focus,.fill-grid select:focus,.maintenance-grid input:focus,.maintenance-grid select:focus{border-color:var(--color-primary-400);box-shadow:var(--shadow-focus)}.fill-grid input,.fill-grid select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:13px;outline:none;padding:10px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:80%}.fill-grid input[type=file]{border:none;cursor:pointer;outline:none;padding:0;transition:opacity var(--transition-base)}.fill-grid input[type=file]:hover{opacity:.8}.fill-main label{color:var(--color-text-muted);font-size:14px;font-weight:600;transition:color var(--transition-base)}.fill-main label:hover{color:var(--color-text)}.en-button{align-self:flex-end;background:var(--color-primary-500)!important;border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:700;padding:10px 15px;text-transform:uppercase;transition:background-color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base)}.en-button:hover{background:var(--color-primary-600)!important;box-shadow:var(--shadow-md);color:#fff!important;font-size:14px;transform:translateY(-2px)}.fill-grid input[type=file]::file-selector-button{background:var(--color-primary-500)!important;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;padding:8px;transition:background-color var(--transition-base),transform var(--transition-fast)}.fill-grid input[type=file]::file-selector-button:hover{background:var(--color-primary-600)!important}@media (max-width:1024px){.fill-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}.maintenance-grid{gap:10px;grid-template-columns:repeat(1,1fr)!important}.fill-grid input,.fill-grid select{width:80%}.en-button{font-size:13px;margin-top:4%;padding:12px;width:100%}}@media (max-width:768px){.fill-grid,.maintenance-grid{gap:10px;grid-template-columns:1fr!important}.fill-grid input,.fill-grid select,.maintenance-grid input,.maintenance-grid select{width:80%}}@media (max-width:480px){.fill-grid input,.fill-grid select,.maintenance-grid input,.maintenance-grid select{font-size:12px;width:100%}label{font-size:13px}.en-button{font-size:12px;padding:10px}}.Info-container{animation:fadeIn .6s ease-in-out;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;padding:24px;width:100%}.Info-name{color:var(--color-primary-700);font-family:var(--font-heading);font-size:1.8rem;margin-bottom:10px;text-align:center;transition:color var(--transition-base)}.Info-profile{display:flex}.Info-picture{border:4px solid var(--color-primary-100);border-radius:50%;box-shadow:var(--shadow-md);flex-shrink:0;height:220px;margin-left:2%;object-fit:cover;transition:transform var(--transition-base),box-shadow var(--transition-base);width:220px}.Info-picture:hover{box-shadow:var(--shadow-lg);transform:scale(1.06)}.Info-content{color:var(--color-text)!important;flex-grow:1;font-size:1rem;margin-left:6%;transition:color var(--transition-base)}.Info-action-buttons{animation:slideIn .6s ease-out;display:flex;gap:20px;justify-content:space-between;margin-top:30px}.Info-delete,.Info-edit{border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-body);font-size:15px;font-weight:700;padding:10px 20px;text-transform:uppercase;transition:background-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);width:15%}.Info-edit{background:var(--color-primary-500);margin-left:5%}.Info-edit:hover{background:var(--color-primary-600);box-shadow:var(--shadow-md);color:#fff!important;font-size:15px;transform:translateY(-4px)}.Info-delete{background-color:var(--color-danger);margin-right:3%}.Info-delete:hover{background-color:var(--color-accent-700);box-shadow:var(--shadow-md);color:#fff!important;font-size:15px;transform:translateY(-4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.Info-picture{height:180px;width:180px}}@media (max-width:768px){.Info-container{padding:18px}.Info-profile{align-items:center;flex-direction:column;text-align:center}.Info-picture{height:150px;margin-bottom:16px;margin-left:0;width:150px}.Info-content{margin-left:0}.Info-name{font-size:1.5rem}.Info-action-buttons{flex-direction:column;gap:12px;margin-top:20px}.Info-delete,.Info-edit{margin-left:0;margin-right:0;width:100%}}@media (max-width:480px){.Info-container{padding:14px}.Info-picture{height:120px;width:120px}.Info-name{font-size:1.3rem}.Info-content{font-size:.9rem}.Info-delete,.Info-edit{font-size:13px;padding:10px 14px}}.management-page{animation:fadeIn .6s ease-in-out;background-color:var(--color-bg);min-height:100vh;overflow:hidden;padding:1rem}.management-page h1{animation:slideInFromTop .6s ease-out;color:var(--color-primary-600);font-family:var(--font-heading);font-size:25px;font-weight:700;letter-spacing:2px;position:relative;text-align:center;text-transform:uppercase}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.record-button{background:var(--color-primary-500)!important;border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:700;padding:12px 20px;transition:background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.record-button:hover{background:var(--color-primary-600)!important;box-shadow:var(--shadow-md);color:#fff!important;font-size:13px;transform:translateY(-2px)}.modal-overlay{align-items:stretch;animation:fadeIn .2s ease both;background-color:#2a211c80}.modal-container{align-items:stretch;animation:pop-up .3s ease-out;display:flex;flex-direction:column;height:auto!important;max-height:80vh!important;max-width:1000px!important;padding:50px!important;width:100%!important}.close-button{border:none;color:var(--color-text-muted);font-size:20px;position:absolute;right:20px;top:10px}.close-button:hover{background:none!important;color:var(--color-danger)}@keyframes pop-up{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.detail-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#2a211c8c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.detail-modal-content{animation:bounceIn .4s ease-in-out;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:800px;overflow-y:auto;padding:20px;position:relative;width:100%!important}@keyframes bounceIn{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.03)}to{transform:scale(1)}}.detail-close-button{background:none!important;border:none;color:var(--color-text-muted)!important;cursor:pointer;font-size:24px;outline:none;position:absolute;right:15px;top:15px;transition:color var(--transition-fast),transform var(--transition-fast)}.detail-close-button:hover{color:var(--color-danger)!important;transform:rotate(90deg)}.detail-modal-content{padding:10px}@media (max-width:1024px){.management-page h1{font-size:22px}.record-button{font-size:12px;padding:10px 18px}.modal-container{padding:30px}.modal-overlay{padding:20px}.detail-modal-content{max-width:700px}}@media (max-width:768px){.management-page{padding:.75rem}.management-page h1{font-size:20px;letter-spacing:1px}.record-button{font-size:11px;padding:10px 15px}.modal-container{padding:20px}.modal-overlay{padding:15px}.detail-modal-content{max-width:600px}.close-button{font-size:18px}}@media (max-width:480px){.management-page h1{font-size:18px}.record-button{font-size:10px;padding:8px 12px;width:100%}.modal-container{padding:15px}.modal-overlay{align-items:center;padding:10px}.detail-modal-content{max-width:100%;padding:15px}.close-button{font-size:16px}}@media (max-width:360px){.management-page h1{font-size:16px}.record-button{font-size:9px;padding:8px 10px}.modal-container{padding:12px}.detail-modal-content{padding:10px}}thead{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-400))!important}tbody td{padding:24px 10px!important}@media (max-width:1024px){thead th{padding:10px 15px}tbody td{padding:18px 10px!important}}@media (max-width:768px){table{-webkit-overflow-scrolling:touch;display:block;font-size:12px;overflow-x:auto;white-space:nowrap}thead th{padding:8px 10px}tbody td{padding:14px 8px!important}button{font-size:14px}}@media (max-width:480px){table{font-size:11px}thead th{padding:6px 8px}tbody td{padding:10px 5px!important}button{font-size:13px}}table{background-color:var(--color-surface);border-collapse:collapse;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-size:14px;margin-top:5%;overflow:hidden;text-align:center;width:100%}thead{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-400));color:#fff}thead th{font-family:var(--font-heading);font-weight:700;letter-spacing:.02em;padding:12px 25px}tbody tr{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}tbody td{color:var(--color-text);padding:30px 15px}tbody tr:hover{background-color:var(--color-primary-50)}tbody button{background:none;border:none;color:var(--color-primary-600);cursor:pointer;font-size:15px;transition:transform var(--transition-fast),color var(--transition-fast)}tbody button:hover{color:var(--color-primary-700);font-size:16px;transform:scale(1.08)}@media (max-width:1024px){thead th{padding:10px 15px}tbody td{padding:20px 12px}}@media (max-width:768px){table{-webkit-overflow-scrolling:touch;display:block;font-size:12px;overflow-x:auto;white-space:nowrap}thead th{padding:8px 10px}tbody td{padding:14px 8px}button{font-size:14px}}@media (max-width:480px){table{font-size:11px}thead th{padding:6px 8px}tbody td{padding:10px 5px}button{font-size:13px}}.doctor-appointments{background-color:var(--color-bg);min-height:100vh;padding:30px}.doctor-appointments h2{color:var(--color-primary-700);font-family:var(--font-heading);font-size:1.8em;margin-bottom:50px;text-align:center;text-transform:uppercase}.appointments-list{display:flex;flex-wrap:wrap;justify-content:space-evenly}.appointment-card{animation:fadeInUp .5s ease-in-out;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;margin:20px;padding:20px;position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base);width:300px}.appointment-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-lg);transform:scale(1.03)}.appointment-header{align-items:center;display:flex;justify-content:space-between}.appointment-header h3{color:var(--color-primary-700);font-family:var(--font-heading);font-size:20px;text-transform:capitalize}.appointment-details p{color:var(--color-text-muted);font-size:15px;margin:10px 0}.modal-overlay{align-items:center;background-color:#32263280;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--color-surface)!important;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:90%!important;max-width:1100px!important;overflow-y:auto;padding:20px;position:relative;transition:width var(--transition-base);width:50%!important}.modal-content h4{color:var(--color-primary-700);font-family:var(--font-heading);font-size:20px!important;text-align:center!important}.modal-expanded{width:120%!important}.close-modal{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:30px;position:absolute;right:10px;top:10px;transition:color var(--transition-fast),transform var(--transition-fast)}.close-modal:hover{background:none!important;color:var(--color-danger);font-size:30px!important;transform:rotate(90deg)}.modal-layout{display:flex;justify-content:space-between}.modal-left,.modal-right{width:50%}.modal-left{display:flex;flex-direction:column}.modal-left .input-group{margin-bottom:15px}.modal-left .input-group strong{color:var(--color-text);font-weight:700}.modal-right{display:none}.modal-expanded .modal-right{display:block}.input-group input,.input-group select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);margin-left:6%;margin-top:5px;padding:10px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:70%}.input-group input:focus,.input-group select:focus{border-color:var(--color-primary-400);box-shadow:var(--shadow-focus);outline:none}.modal-actions{display:flex;justify-content:space-between;margin-top:20px}.modal-actions button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-weight:600;margin:0!important;padding:10px 20px;transition:background-color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base)}.modal-actions button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.confirm-button{background-color:var(--color-primary-500);color:#fff}.confirm-button:hover{background-color:var(--color-primary-600);color:#fff!important}.reschedule-button{background-color:var(--color-accent-600);color:#fff}.reschedule-button:hover{background-color:var(--color-accent-700);color:#fff!important}.cancel-button{background-color:var(--color-danger);color:#fff}.cancel-button:hover{background-color:var(--color-accent-700);color:#fff!important}.submit-reschedule{background-color:var(--color-primary-500);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font-body);font-weight:600;margin-left:56%;padding:10px 20px;transition:background-color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base)}.submit-reschedule:hover{background-color:var(--color-primary-600);box-shadow:var(--shadow-md);color:#fff!important;transform:translateY(-2px)}@media (max-width:1024px){.modal-content{height:auto!important;max-height:85vh;width:70%!important}.appointment-card{width:250px}.input-group input,.input-group select{width:80%}.submit-reschedule{margin-left:40%}}@media (max-width:768px){.doctor-appointments{padding:16px}.doctor-appointments h2{font-size:1.4em;margin-bottom:30px}.modal-content{padding:16px;width:90%!important}.modal-layout{flex-direction:column}.modal-left,.modal-right{width:100%}.modal-expanded{width:90%!important}.appointment-card{width:220px}.input-group input,.input-group select{margin-left:5%;width:90%}.submit-reschedule{margin-left:40%}.modal-actions{flex-wrap:wrap;gap:10px}}@media (max-width:480px){.appointments-list{align-items:center;flex-direction:column}.appointment-card{margin:10px 0;width:100%}.modal-content{padding:14px}.modal-content,.modal-expanded{width:95%!important}.input-group input,.input-group select,.submit-reschedule{margin-left:0;width:100%}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.appointment-container{max-width:1150px;padding:50px;width:100%}.grid-appointment{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr)!important}.grid-appointment label{display:flex;flex-direction:column;transition:all var(--transition-base)}.grid-appointment input,.grid-appointment select,.grid-appointment textarea{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:13px;outline:none;padding:10px;resize:none;text-transform:none;transition:border-color var(--transition-base),box-shadow var(--transition-base);width:90%}.grid-appointment input:focus,.grid-appointment select:focus,.grid-appointment textarea:focus{border-color:var(--color-primary-400);box-shadow:var(--shadow-focus)}.grid-appointment label{color:var(--color-text-muted);font-size:14px;font-weight:600;transition:color var(--transition-base)}.grid-appointment label:hover{color:var(--color-text)}.appointment-button{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-400))!important;border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:700;margin-left:95%;padding:10px 15px;text-transform:uppercase;transition:background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.appointment-button:hover{background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-600))!important;box-shadow:var(--shadow-md);color:#fff!important;font-size:14px;transform:translateY(-2px)}@media (max-width:1024px){.appointment-container{padding:35px}.grid-appointment{grid-template-columns:repeat(2,1fr)!important}.appointment-button{margin-left:0;margin-top:5%;width:100%}}@media (max-width:768px){.grid-appointment{gap:20px;grid-template-columns:1fr!important}.appointment-container{padding:24px}.grid-appointment input,.grid-appointment select,.grid-appointment textarea{width:100%}.appointment-button{margin-left:0;margin-top:5%;width:100%}}@media (max-width:480px){.appointment-container{padding:16px}.grid-appointment{gap:14px}.appointment-button{font-size:13px;margin-left:0;margin-top:5%;padding:10px 12px;width:100%}}.patientprofile-container{background-color:var(--color-bg);min-height:100vh;padding:20px}.patientprofile-container h1{color:var(--color-accent-600);font-family:var(--font-heading);font-size:2rem;margin-bottom:20px;position:relative;text-align:center}.patient-edit-button{background:none!important;cursor:pointer;position:absolute;right:10px;top:5%;transition:transform var(--transition-base)}.patient-edit-button:hover{transform:scale(1.1)}.patient-edit-button i{background:none!important;color:var(--color-accent-600)!important;font-size:1.5rem}.patient-profile{grid-gap:40px;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;margin-top:5%;max-width:1100px!important;padding:40px;width:100%!important}.patient-field{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:flex-start}.patient-field i{color:var(--color-primary-500)!important;font-size:1.5rem}.patient-field p{color:var(--color-text-muted);font-size:1rem;margin:0}.modal-overlay{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background-color:#32263280!important}.edit-profile-modal{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:90%;max-height:90vh;max-width:1180px;overflow-y:auto!important;padding:20px;width:100%}.modal-header h2{color:var(--color-primary-700);font-family:var(--font-heading);margin:0;text-align:center}.close-button{background:none;color:var(--color-text-muted)!important;cursor:pointer;font-size:30px!important;margin-left:75%;transition:color var(--transition-fast),transform var(--transition-fast)}.close-button:hover{color:var(--color-danger)!important;transform:rotate(90deg)}.edit-profile-patientform{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:30px;padding:10px}.edit-profile-patientform label{color:var(--color-text-muted);font-weight:600}.edit-profile-patientform input,.edit-profile-patientform select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:14px;margin-left:3%;padding:8px;transition:border-color var(--transition-base),box-shadow var(--transition-base);width:55%}.edit-profile-patientform input:focus,.edit-profile-patientform select:focus{border-color:var(--color-primary-400);box-shadow:var(--shadow-focus);outline:none}.save-changes-patientbutton{background-color:var(--color-primary-500);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-left:60%;margin-top:60px;padding:10px 15px;transition:background-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);width:40%}.save-changes-patientbutton:hover{background-color:var(--color-primary-600);box-shadow:var(--shadow-md);color:#fff!important;transform:translateY(-2px)}@media (max-width:1024px){.patient-profile{gap:28px;padding:28px}.edit-profile-patientform,.patient-profile{grid-template-columns:repeat(2,1fr)}.edit-profile-patientform input,.edit-profile-patientform select{width:75%}.save-changes-patientbutton{margin-left:40%;width:55%}}@media (max-width:768px){.patientprofile-container{padding:12px}.patient-profile{gap:20px;grid-template-columns:1fr;margin-top:12%;padding:20px}.patientprofile-container h1{font-size:1.5rem}.edit-profile-modal{padding:14px}.edit-profile-patientform{gap:14px;grid-template-columns:1fr;margin-top:20px}.edit-profile-patientform input,.edit-profile-patientform select{margin-left:0;width:90%}.save-changes-patientbutton{margin-left:0;margin-top:30px;width:100%}.close-button{font-size:24px!important;margin-left:88%}}@media (max-width:480px){.patientprofile-container h1{font-size:1.3rem}.patient-profile{gap:16px;padding:14px}.patient-field p{font-size:.9rem}.patient-field i{font-size:1.2rem}.edit-profile-patientform input,.edit-profile-patientform select{font-size:13px;width:100%}.save-changes-patientbutton{font-size:13px;padding:10px}.close-button{font-size:20px!important;margin-left:82%}}.patient-list{background-color:var(--color-bg);min-height:100vh}.patient-cards{display:flex;flex-wrap:wrap;gap:40px;padding:40px}.patient-card{animation:fadeInUp .4s ease both;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;padding:20px;transition:transform var(--transition-base),box-shadow var(--transition-base);width:25%}.patient-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.patient-card h3{color:var(--color-primary-700);font-family:var(--font-heading);font-size:20px;margin:15px 0}.patient-card p{color:var(--color-text-muted);font-size:16px;margin:20px 0}.patient-card .view-details{background-color:var(--color-primary-500);border-radius:var(--radius-sm);color:#fff;display:inline-block;font-weight:600;padding:8px 14px;text-decoration:none;transition:background-color var(--transition-base),transform var(--transition-fast)}.patient-card .view-details:hover{background-color:var(--color-primary-600);color:#fff!important;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-container{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:60%;max-height:90vh;max-width:1100px;overflow:hidden!important;padding:20px;width:100%}.details-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin-top:30px;padding:30px}.detail-item{align-items:center;display:flex;flex-direction:row;gap:10px;text-align:center}.detail-item label{color:var(--color-primary-700);font-weight:600}@media (max-width:1024px){.patient-card{width:45%}.details-grid{gap:24px;grid-template-columns:repeat(2,1fr);padding:20px}.patient-cards{gap:24px;padding:24px}}@media (max-width:768px){.patient-card{width:100%}.patient-cards{gap:18px;padding:16px}.details-grid{gap:16px;grid-template-columns:1fr;margin-top:16px;padding:16px}.modal-container{height:auto;padding:14px}}@media (max-width:480px){.patient-cards{gap:14px;padding:12px}.patient-card{padding:14px}.patient-card h3{font-size:18px}.patient-card p{font-size:14px;margin:14px 0}.details-grid{gap:12px;padding:10px}}.admin-appointments{padding:20px}.admin-appointments-cards{display:flex;flex-wrap:wrap;gap:30px;padding:30px}.admin-appointment-card{animation:slideUp .4s ease both;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;padding:20px;transition:transform var(--transition-base),box-shadow var(--transition-base);width:25%}.admin-appointment-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.admin-appointment-card h3{color:var(--color-primary-700);font-family:var(--font-heading);font-size:20px}.admin-appointment-card p{color:var(--color-text-muted);font-size:16px;margin:18px 0}.admin-appointment-header{display:flex;flex-direction:row;justify-content:space-between}.admin-appointment-details p{font-size:.9rem}.admin-appointment-details strong{color:var(--color-primary-700)}@media (max-width:1200px){.admin-appointment-card{width:31%}}@media (max-width:900px){.admin-appointment-card{width:45%}.admin-appointments-cards{gap:20px;padding:20px}}@media (max-width:600px){.admin-appointment-card{width:100%}.admin-appointments-cards{gap:16px;padding:14px}.admin-appointments{padding:12px}.admin-appointment-card h3{font-size:18px}.admin-appointment-card p{font-size:14px;margin:12px 0}}@media (max-width:400px){.admin-appointments-cards{gap:12px;padding:10px}.admin-appointment-card{padding:14px}}
/*# sourceMappingURL=main.e6c8cf8b.css.map*/