@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Poppins:wght@400;500;700&display=swap);*{border:none;margin:0;padding:0}*,:after,:before{box-sizing:border-box}a,a:hover,a:link,a:visited{text-decoration:none}aside,footer,header,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{height:auto;max-width:100%}address{font-style:normal}button,input,select,textarea{background-color:initial;color:inherit;font-family:inherit;font-size:inherit}input::-ms-clear{display:none}button,input[type=submit]{background-color:initial;background:none;box-shadow:none;cursor:pointer;display:inline-block}button:active,button:focus,input:active,input:focus{outline:none}button::-moz-focus-inner{border:0;padding:0}label{cursor:pointer}legend{display:block}*{transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}:root{--blackpure:#000;--black:#171718;--black-border:#26292d;--white:#fff;--purple:#2d34fa;--nav-bg:var(--black);--nav-border:var(--black-border);--nav-text:var(--white);--header-bg:var(--black);--header-text:var(--white);--footer-bg:var(--black);--footer-text:var(--white);--page-bg:var(--white);--text-color:var(--black);--accent:var(--purple);--title-1:var(--accent);--project-card-bg:var(--white);--project-card-text:var(--black);--box-shadow:0px 5px 35px #00000040}.dark{--page-bg:#252526;--text-color:var(--white);--title-1:var(--white);--project-card-bg:var(--black);--project-card-text:var(--white);--box-shadow:0px 5px 35px #000c}body,html{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#5c7aff,#ba76ff,#7b68ee,#5c7aff);background-size:400% 400%;color:#171718;color:var(--text-color);font-family:DM Sans,sans-serif;letter-spacing:-.5px;min-height:100vh}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}#root{width:100%}#root,.App{min-height:100vh}.App{display:flex;flex-direction:column}.container{margin:0 auto;max-width:1200px;padding:0 15px}.none{display:none!important}.section{padding:70px 0;position:relative}.title-1{animation:titlePulse .6s ease-in-out;color:#2d34fa;color:var(--title-1);font-size:60px;font-weight:700;line-height:1.3;margin-bottom:60px;text-align:center}@keyframes titlePulse{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.title-2{display:inline-block;font-size:40px;font-weight:700;line-height:1.3;margin-bottom:20px;position:relative}.title-2:after{background:linear-gradient(90deg,#2d34fa,#0000);background:linear-gradient(90deg,var(--accent),#0000);border-radius:3px;bottom:-10px;content:"";height:3px;left:0;opacity:.6;position:absolute;width:100%}.btn{background-color:#2d34fa;background-color:var(--accent);border-radius:5px;box-shadow:0 4px 15px #5c62ec66;color:#fff;color:var(--white);display:inline-block;font-size:16px;font-weight:500;height:48px;letter-spacing:.15px;overflow:hidden;padding:12px 28px;position:relative;transition:all .3s ease-in-out}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover{box-shadow:0 8px 25px #5c62ec99;opacity:1;transform:translateY(-2px)}.btn:hover:before{height:300px;width:300px}.btn:active{box-shadow:0 2px 8px #5c62ec66;position:relative;top:1px}.btn-outline{align-items:center;background-color:#fff;border:1px solid #000;border-radius:5px;box-shadow:0 2px 8px #0000001a;color:#000;column-gap:10px;display:flex;height:48px;padding:12px 20px;transition:all .3s ease-in-out}.btn-outline:hover{background-color:#f8f8f8;box-shadow:0 6px 20px #00000026;opacity:1;transform:translateY(-2px)}.btn-outline:active{position:relative;top:1px}.content-list{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:570px;row-gap:40px;text-align:center}.content-list a{color:#2d34fa;color:var(--accent);padding-bottom:2px;position:relative;text-decoration:none;transition:all .3s ease}.content-list a:after{background:linear-gradient(90deg,#2d34fa,#0000);background:linear-gradient(90deg,var(--accent),#0000);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.content-list a:hover:after{width:100%}.content-list__item{animation:fadeInUp .6s ease-out;font-size:18px;line-height:1.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.content-list__item p+p{margin-top:.5em}@media (max-width:620px){.header{min-height:0;min-height:auto}.header__title{font-size:30px}.header__title strong{font-size:40px}.nav-row{justify-content:space-between}.dark-mode-btn{order:0}.section{padding:40px 0}.title-1{font-size:40px;margin-bottom:30px}.title-2{font-size:30px;margin-bottom:10px}.content-list{row-gap:20px}.content-list__item{font-size:16px}.footer{padding:40px 0 30px}.footer__wrapper{row-gap:20px}.social{column-gap:20px}.social__item{width:28px}}.nav{background-color:var(--nav-bg);border-bottom:1px solid var(--nav-border);color:var(--nav-text);letter-spacing:normal;padding:20px 0}.nav-row{align-items:center;column-gap:30px;display:flex;flex-wrap:wrap;justify-content:flex-end;row-gap:20px}.logo{color:var(--nav-text);font-family:Poppins,sans-serif;font-size:24px;margin-right:auto}.logo strong{font-weight:700}.nav-list{align-items:center;column-gap:40px;display:flex;flex-wrap:wrap;font-family:Poppins,sans-serif;font-size:16px;font-weight:500;row-gap:10px}.nav-list__link{color:var(--nav-text);transition:opacity .2s ease-in}.nav-list__link:hover{opacity:.8}.nav-list__link--active{position:relative}.nav-list__link--active:before{background-color:var(--accent);content:"";display:block;height:2px;left:0;position:absolute;top:100%;width:100%}.tooth-img{height:50px;width:50px}.profile-menu{position:relative}.profile-icon{color:var(--nav-text);cursor:pointer;font-size:24px;transition:opacity .2s ease-in}.profile-icon:hover{opacity:.8}.profile-dropdown{background-color:var(--nav-bg);border:1px solid var(--nav-border);border-radius:4px;min-width:120px;padding:10px;position:absolute;right:0;top:100%;z-index:10}.profile-option{color:var(--nav-text);cursor:pointer;padding:8px 0;transition:opacity .2s ease-in}.profile-option:hover{opacity:.8}.footer{background-color:var(--footer-bg);color:var(--footer-text);margin-top:auto;padding:60px 0 50px}.footer__wrapper{flex-direction:column;row-gap:27px}.footer__wrapper,.social{align-items:center;display:flex}.social{column-gap:30px}.copyright{font-size:16px}.copyright p+p{margin-top:.5em}.header{align-items:center;background-color:var(--header-bg);background-image:url(/static/media/header-bg.5bf82a058f892ab7f237.png);background-position:50%;background-repeat:no-repeat;background-size:auto;color:var(--header-text);display:flex;justify-content:center;min-height:695px;padding:40px 0;text-align:center}.header__wrapper{max-width:660px;padding:0 15px}.header__title{font-size:40px;font-weight:700;line-height:1.4;margin-bottom:20px}.header__title strong{font-size:60px;font-weight:700}.header__title em{color:var(--accent);font-style:normal}.header__text{font-size:18px;line-height:1.333;margin-bottom:40px}.header__text p+p{margin-top:.5em}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-info{color:#666;font-size:14px;margin-bottom:1rem;text-align:center}.modal-content{background:#fff;border-radius:8px;max-width:500px;padding:2rem;position:relative;width:90%}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}.modal-close:hover{color:#000}.modal-content h2{color:#333;margin-bottom:1.5rem}.btn-submit{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s;width:100%}.btn-submit:hover{background-color:#0056b3}.dantists{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none;padding:0}.dantist{background-color:var(--project-card-bg);border-radius:10px;box-shadow:var(--box-shadow);max-width:370px;overflow:hidden;transition:transform .2s ease-in}.dantist:hover{transform:translateY(-5px)}.dantist__img{border-radius:10px 10px 0 0;height:200px;object-fit:cover;width:100%}.dantist__title{color:var(--project-card-text);font-size:24px;font-weight:700;line-height:1.3;padding:15px 20px 25px}.dantist__specialty{color:#666;font-size:14px;padding:0 20px 20px}.doctor-photo-display{margin-bottom:20px}.auth-page{align-items:center;background:linear-gradient(135deg,#2e55ff,#764ba2);display:flex;justify-content:center;min-height:100vh}.auth-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.auth-tabs{display:flex;margin-bottom:1.5rem}.auth-tab{border-bottom:2px solid #0000;cursor:pointer;flex:1 1;padding:.5rem;text-align:center;transition:border-color .3s}.auth-tab.active{border-bottom-color:#007bff;color:#007bff}.auth-form{display:none}.auth-form.active{display:block}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:700;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s;width:100%}.form-group button:hover{background-color:#0056b3}.message{border-radius:4px;font-weight:700;margin-bottom:1rem;padding:.5rem}.message.success{color:green}.message.error{color:red}.profile-section{min-height:calc(100vh - 200px);padding:70px 0}.profile-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:30px}.appointments-card,.profile-card{background-color:var(--project-card-bg);border-radius:8px;box-shadow:var(--box-shadow);padding:20px}.appointments-card h2,.profile-card h2{font-size:24px;margin-bottom:20px}.profile-info p{font-size:16px;padding:10px 0}.profile-info p strong{color:var(--accent)}.profile-form{display:flex;flex-direction:column;gap:15px}.form-group input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px;width:100%}.btn-cancel{background-color:#ccc;color:#333}.btn-cancel:hover{background-color:#bbb}.btn-delete{font-size:14px;padding:6px 12px}.appointments-table{border-collapse:collapse;width:100%}.appointments-table thead{background-color:var(--accent);color:#fff}.appointments-table td,.appointments-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.appointments-table tbody tr:hover{background-color:#0000000d}.appointments-card{max-height:520px;overflow-y:auto}.appointments-card::-webkit-scrollbar{width:8px}.appointments-card::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.file-name{color:#666;font-size:12px;margin-top:5px}.current-photo{margin-top:10px}.current-photo p{color:#666;font-size:14px;margin-bottom:8px}.current-photo img{border:1px solid #ddd;border-radius:8px;height:auto;max-width:150px}.doctor-photo-display{margin-top:15px}.doctor-photo-display img{border:2px solid var(--accent);border-radius:8px;height:auto;max-width:200px}@media (max-width:768px){.profile-container{grid-template-columns:1fr}}.admin-login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-container{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px;width:100%}.admin-login-container h1{color:#333;font-size:28px;margin-bottom:30px;text-align:center}.admin-login-container .form-group{margin-bottom:20px}.admin-login-container .form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.admin-login-container .form-group input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.admin-login-container .form-group input:focus{border-color:#667eea;box-shadow:0 0 5px #667eea4d;outline:none}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:transform .2s;width:100%}.btn-login:hover{transform:translateY(-2px)}.btn-login:active{transform:translateY(0)}.admin-hint{color:#999;font-size:12px;line-height:1.6;margin-top:20px;text-align:center}.admin-panel{background-color:var(--page-bg);min-height:100vh;padding:40px 20px}.admin-container{margin:0 auto;max-width:1200px}.admin-header{align-items:center;border-bottom:2px solid var(--accent);display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:20px}.admin-header h1{color:var(--text-color);font-size:32px;margin:0}.btn-logout{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .3s}.btn-logout:hover{background-color:#c82333}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.tab-btn{background-color:#f0f0f0;border:2px solid #0000;border-radius:5px;color:#333;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s}.tab-btn:hover{background-color:#e0e0e0}.tab-btn.active{background-color:var(--accent);border-color:var(--accent);color:#fff}.admin-section{background-color:var(--project-card-bg);border-radius:10px;box-shadow:var(--box-shadow);padding:30px}.admin-section h2{color:var(--text-color);font-size:24px;margin-bottom:20px}.table-wrapper{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.admin-table{background-color:var(--project-card-bg);border-collapse:collapse;width:100%}.admin-table thead{background-color:var(--accent);color:#fff}.admin-table th{border-bottom:2px solid var(--accent);font-weight:600;padding:16px;text-align:left}.admin-table td{border-bottom:1px solid #e0e0e0;color:var(--text-color);padding:14px 16px}.admin-table tbody tr{transition:background-color .2s}.admin-table tbody tr:hover{background-color:#667eea0d}.admin-table tbody tr:nth-child(2n){background-color:#00000005}.btn-delete{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:background-color .3s}.btn-delete:hover{background-color:#c82333}.message{border-radius:6px;font-weight:600;margin-bottom:20px;padding:15px 20px;text-align:center}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.empty{color:#999;font-size:16px;padding:40px;text-align:center}.dark .admin-login{background:linear-gradient(135deg,#2d3436,#636e72)}.dark .admin-login-container{background:#2d3436;color:#fff}.dark .admin-login-container h1{color:#fff}.dark .admin-login-container label{color:#dfe6e9}.dark .btn-login{background:linear-gradient(135deg,#667eea,#764ba2)}@media (max-width:768px){.admin-header{align-items:flex-start;flex-direction:column;gap:15px}.admin-header h1{font-size:24px}.btn-logout{align-self:flex-end}.admin-tabs{gap:5px}.tab-btn{font-size:14px;padding:10px 15px}.admin-section{padding:20px}.admin-table{font-size:13px}.admin-table td,.admin-table th{padding:10px}.btn-delete{font-size:11px;padding:6px 10px}.table-wrapper{border-radius:6px}}
/*# sourceMappingURL=main.5167d767.css.map*/