body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;background:url(/static/media/doctaura-bg.e87cee17bd46c72015d2.png) 50%/cover no-repeat;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.auth-card{animation:slideUp .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:520px;padding:40px;position:relative;width:100%;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2c3e50,#34495e);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px;text-align:center}.auth-subtitle{color:#888;font-size:14px;font-weight:500;margin-bottom:10px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:0;margin-bottom:30px}.form-row{display:flex;gap:15px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:0!important}.form-group.half{flex:1 1}.form-group label{color:#333;font-size:12px;font-weight:600;letter-spacing:.2px;text-transform:uppercase}.form-group input{background:#f8f9fa;border:2px solid #e8e8e8;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.form-group input:focus{background:#fff;border-color:#2c3e50;box-shadow:0 0 0 4px #2c3e501a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.auth-button{background:linear-gradient(90deg,#2c3e50,#34495e);border:none;border-radius:8px;box-shadow:0 4px 15px #2c3e504d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.4px;margin-top:25px;padding:12px 18px;text-transform:uppercase;transition:all .3s ease}.auth-button:hover:not(:disabled){background:linear-gradient(90deg,#1f3a52,#2a3f52);box-shadow:0 6px 20px #2c3e5066;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#fee;border-left:4px solid #c33;color:#c33}.error-message,.success-message{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px 15px}.success-message{background-color:#efe;border-left:4px solid #3c3;color:#3c3}.auth-links{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;justify-content:center;margin-bottom:20px}.auth-link{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2c3e50,#34495e);-webkit-background-clip:text;background-clip:text;font-weight:600;position:relative;text-decoration:none;transition:all .2s}.auth-link:after{background:linear-gradient(90deg,#2c3e50,#34495e);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.auth-link:hover:after{width:100%}.auth-divider{color:#ddd}.auth-footer{border-top:1px solid #00000014;color:#666;font-size:14px;padding-top:20px;text-align:center}.auth-footer a,.toggle-button{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2c3e50,#34495e);-webkit-background-clip:text;background-clip:text;background:none;border:none;cursor:pointer;font-size:14px;font-weight:700;padding:0;text-decoration:none;transition:all .2s}.toggle-button{display:inline}.auth-footer a:hover,.toggle-button:hover{opacity:.8}@media (max-width:600px){.auth-card{padding:30px 20px}.auth-title{font-size:24px}.form-row{flex-direction:column;gap:20px}.form-group.half{flex:1 1}}.management-container{background:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:24px}.management-container h2{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0}.table-container{border-radius:12px;margin-top:20px;overflow-anchor:none;overflow-x:auto;width:100%}.search-container{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between;margin-bottom:20px}.search-input{background:#fff;border:1px solid #ddd;border-radius:4px;flex-shrink:0;font-size:13px;padding:8px 12px;transition:all .2s ease;width:280px}.search-input:focus{border-color:#34495e;box-shadow:0 0 0 3px #344b5e1a;outline:none}.search-input::placeholder{color:#999}.modern-table{background:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 4px #0000000f;overflow:hidden;width:100%}.modern-table thead{background:#f5f5f5;color:#2c3e50}.modern-table thead th{color:#555;font-size:12px;font-weight:600;letter-spacing:.2px;padding:12px 14px;text-align:left;text-transform:uppercase}.modern-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.modern-table tbody tr:hover{background:#f8f9fa;box-shadow:0 1px 3px #0000000d}.modern-table tbody tr:last-child{border-bottom:none}.modern-table td{color:#555;font-size:13px;font-weight:500;padding:12px 14px}.modern-table td:first-child{color:#34495e;font-weight:600}.remarks-cell{color:#666;cursor:help;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.delete-btn,.edit-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.2px;margin-right:0;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.edit-btn{background:#27ae60}.delete-btn:hover,.edit-btn:hover{box-shadow:0 2px 6px #00000026;opacity:.9}.edit-btn:hover{box-shadow:0 2px 6px #27ae6033}.error,.loading{border-radius:12px;font-size:16px;font-weight:600;margin-top:20px;padding:30px;text-align:center}.error{background:#ffebee;border-left:3px solid #c62828;color:#c62828}.loading{background:#f5f5f5;border-left:3px solid #34495e;color:#555}.no-data{background:#f8f9fa;border-radius:6px;color:#999;font-size:14px;font-weight:600;margin-top:16px;padding:40px 20px;text-align:center}.modern-table tbody tr.clickable-row{cursor:pointer}.modern-table tbody tr.clickable-row:hover{background:#f8f9fa;box-shadow:0 1px 3px #0000000d}.delete-icon-btn{align-items:center;background:none;border:none;border-radius:3px;color:#e74c3c;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;height:28px;justify-content:center;padding:4px 6px;transition:all .2s ease;width:28px}.delete-icon-btn:hover{background:#e74c3c1a;color:#c0392b}@media (max-width:768px){.modern-table{border-radius:10px;font-size:12px}.modern-table thead th{font-size:11px;padding:12px 14px}.modern-table td{font-size:13px;padding:12px 14px}.delete-btn,.edit-btn{font-size:11px;margin-right:6px;padding:8px 14px}.search-input{font-size:14px;min-width:200px}}@media (max-width:480px){.management-container{border-radius:14px;padding:16px}.management-container h2{font-size:20px;margin-bottom:20px}.modern-table{border-radius:8px;font-size:11px}.modern-table thead th{font-size:10px;padding:10px 8px}.modern-table td{font-size:12px;padding:10px 8px}.delete-btn,.edit-btn{font-size:9px;margin-right:4px;padding:6px 10px}.search-container{gap:8px}.search-input{font-size:16px;min-width:100%}.no-data{font-size:14px;padding:30px 15px}.error,.loading{font-size:14px;padding:20px 15px}}.pagination-controls{align-items:center;background:#0000;border:none;border-radius:0;display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-end;margin:12px 0;padding:0;pointer-events:auto;-webkit-user-select:none;user-select:none}.pagination-btn{align-items:center;background:#fff;border:1px solid #bbb;border-radius:4px;color:#2c3e50;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;line-height:1;padding:4px 6px;transition:all .15s ease;width:24px}.pagination-btn:hover:not(:disabled){background:#2c3e50;border-color:#2c3e50;box-shadow:0 1px 4px #2c3e5033;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.3}.pagination-info{color:#888;font-size:12px;font-weight:500;margin:0 4px;min-width:30px;text-align:center;white-space:nowrap}@media (max-width:768px){.pagination-controls{flex-wrap:nowrap;gap:6px;margin:10px 0}.pagination-btn{font-size:11px;height:22px;padding:3px 5px;width:22px}.pagination-info{font-size:10px;margin:0 3px;min-width:28px}.search-container{flex-wrap:nowrap;gap:10px}.search-input{width:240px}}.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-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:85%}.modal-header{align-items:center;background:#f5f5f5;border-bottom:1px solid #ddd;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h2{color:#2c3e50;font-size:14px;font-weight:600;letter-spacing:.2px;margin:0;text-transform:uppercase}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;padding:4px 8px;transition:all .2s ease;width:28px}.modal-close-btn:hover{background-color:#f0f0f0;color:#333}.modal-body{padding:20px}.modal-body form{display:flex;flex-direction:column;gap:15px}.modal-body form h2{display:none}.modal-body form div{display:flex;flex-direction:column}.modal-body form input,.modal-body form select{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:13px;padding:8px 10px}.modal-body form input:focus,.modal-body form select:focus{border-color:#34495e;box-shadow:0 0 0 3px #344b5e1a;outline:none}.modal-body form button{background-color:#34495e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background-color .2s}.modal-body form button:hover:not(:disabled){background-color:#1f3a52}.modal-body form button:disabled{background-color:#ccc;cursor:not-allowed}.form-error{color:#dc3545;font-size:.9rem;margin-bottom:10px}@media (max-width:768px){.modal-content{max-height:85vh;max-width:600px;width:90%}.modal-header{padding:15px}.modal-header h2{font-size:1.25rem}.modal-body{padding:15px}}@media (max-width:600px){.modal-content{max-height:85vh;max-width:100%;width:95%}.modal-header{padding:15px}.modal-header h2{font-size:1.25rem}.modal-body{padding:15px}}.toast{animation:slideIn .3s ease-out;border-radius:4px;box-shadow:0 2px 8px #0000001f;max-width:380px;padding:12px 16px;position:fixed;right:24px;top:24px;z-index:2000}.toast-content{font-size:13px;font-weight:500;gap:10px}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{font-size:16px;font-weight:700;justify-content:center}.toast-message{color:inherit}.toast-success{background-color:#e8f5e9;border-left:3px solid #27ae60;color:#2e7d32}.toast-error{background-color:#ffebee;border-left:3px solid #e53935;color:#c62828}.toast-info{background-color:#e3f2fd;border-left:3px solid #1976d2;color:#1565c0}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}.toast.removing{animation:slideOut .3s ease-out forwards}@media (max-width:600px){.toast{left:20px;max-width:100%;right:20px;top:20px}.toast-content{font-size:.9rem}}.calendar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:35px}.calendar-container h2{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0}.calendar-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:25px}.today-btn{background:#34495e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.3px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.today-btn:hover{background:#1f3a52;box-shadow:0 2px 8px #344b5e33}.view-toggle{background:#f5f5f5;border-radius:8px;display:flex;gap:8px;padding:6px}.toggle-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.toggle-btn:hover{background:#f8f9fa;border-color:#bbb}.toggle-btn.active{background:#34495e;border-color:#34495e;box-shadow:0 2px 6px #344b5e33;color:#fff}.month-nav,.week-nav{align-items:center;display:flex;gap:15px}.month-nav button,.week-nav button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:4px;justify-content:center;line-height:1;min-width:36px;padding:6px 12px;transition:all .2s ease}.month-nav button:hover,.week-nav button:hover{background:#34495e;border-color:#34495e;color:#fff}.nav-chevron{stroke-linecap:round;stroke-linejoin:round;height:20px;width:20px}.month-nav span,.week-nav span{color:#333;font-size:14px;font-weight:700;min-width:150px;text-align:center}.calendar-content{margin-top:25px}.day-view{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.month-calendar{background:#f9f9f9;border:2px solid #f0f0f0;border-radius:12px;padding:20px}.calendar-header{grid-gap:6px;color:#777;display:grid;font-size:11px;font-weight:600;gap:6px;grid-template-columns:repeat(7,1fr);letter-spacing:.2px;margin-bottom:10px;text-align:center;text-transform:uppercase}.calendar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.calendar-day{aspect-ratio:1;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease}.calendar-day:hover:not(.empty){background:#f8f9fa;border-color:#34495e;box-shadow:0 2px 6px #344b5e1a}.calendar-day:hover:not(.empty) .day-appointments,.calendar-day:hover:not(.empty) .day-number{color:inherit}.calendar-day.selected:hover{background:#1f3a52;box-shadow:0 2px 8px #344b5e4d;color:#fff}.calendar-day.today:hover{background:#66bb6a;box-shadow:0 2px 8px #66bb6a4d;color:#fff}.calendar-day.empty{background:#0000;border:none;cursor:default}.calendar-day.selected{background:#34495e;border-color:#34495e;box-shadow:0 2px 6px #344b5e33;color:#fff}.calendar-day.today{background:#e8f5e9;border:1px solid #4caf50;color:#2e7d32;font-weight:600}.calendar-day.today .day-number{color:#2e7d32;font-size:12px;font-weight:600}.calendar-day.today .day-appointments{color:#2e7d32}.calendar-day.today .appointment-indicator{background:#fffc}.day-number{font-size:13px;font-weight:700}.day-appointments{color:#666;font-size:11px;text-align:center}.calendar-day.selected .day-appointments{color:#fff}.appointment-indicator{background:#34495e;border-radius:50%;height:8px;margin-top:2px;width:8px}.calendar-day.selected .appointment-indicator{background:#fff9}.calendar-day:hover:not(.empty) .appointment-indicator{background:#1f3a52}.day-details{background:#f9f9f9;border:2px solid #f0f0f0;border-radius:12px;padding:25px}.day-details h3{border-bottom:1px solid #ddd;color:#2c3e50;font-size:16px;margin-bottom:16px;margin-top:0;padding-bottom:12px}.no-appointments{font-size:14px;font-weight:600;padding:20px}.appointments-list{display:flex;flex-direction:column;gap:15px}.appointment-card{background:#fff;border-left:3px solid #34495e;border-radius:6px;box-shadow:0 1px 3px #00000014;padding:12px;transition:all .2s ease}.appointment-card:hover{box-shadow:0 2px 6px #0000001f;transform:translateX(2px)}.appointment-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.appointment-time{color:#fff;font-size:12px;font-weight:600}.appointment-details{color:#555;display:flex;flex-direction:column;font-size:13px;gap:8px}.appointment-details div{display:flex;gap:4px}.appointment-details strong{color:#333;font-weight:700}.week-view{background:#fff;border:1px solid #ddd;border-radius:8px;overflow-x:auto}.week-header{grid-gap:0;background:#2c3e50;color:#fff;display:grid;font-weight:600;gap:0;grid-template-columns:60px repeat(7,1fr);position:-webkit-sticky;position:sticky;top:0;z-index:10}.week-header:before{background:#2c3e50;border-right:1px solid #ffffff1a;content:"";padding:12px}.week-day-header{border-right:1px solid #ffffff1a;font-size:11px;padding:12px 8px;text-align:center}.week-day-header:last-child{border-right:none}.week-day-name{font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.week-day-date{font-size:14px}.week-day-date.today{background:gold;border-radius:4px;color:#333;padding:2px 6px}.week-grid{display:flex;flex-direction:column}.week-hour-row{grid-gap:0;border-bottom:1px solid #e0e0e0;display:grid;gap:0;grid-template-columns:60px repeat(7,1fr);min-height:80px}.week-hour-row:last-child{border-bottom:none}.hour-label{align-items:center;background:#f5f5f5;border-right:1px solid #ddd;color:#888;display:flex;font-weight:500;justify-content:center;padding:8px 12px}.week-hour-cell{background:#fff;border-right:1px solid #e0e0e0;padding:8px;position:relative}.week-hour-cell:last-child{border-right:none}.week-appointment{background:#34495e;border-radius:4px;box-shadow:0 1px 3px #344b5e33;color:#fff;margin-bottom:3px;padding:6px}.appointment-time{font-size:9px;font-weight:700;margin-bottom:2px}.appointment-patient{font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-room{font-size:9px;opacity:.9}.status-badge{border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.5px}@media (max-width:1024px){.day-view{grid-template-columns:1fr}.calendar-controls{align-items:stretch;flex-direction:column}.month-nav,.week-nav{justify-content:space-between}}@media (max-width:768px){.calendar-container{padding:16px}.calendar-container h2{font-size:16px;margin-bottom:12px}.calendar-controls{flex-direction:column;gap:8px}.month-nav,.today-btn,.view-toggle,.week-nav{width:100%}.month-nav,.view-toggle,.week-nav{justify-content:space-between}.calendar-day{font-size:11px;min-height:60px;padding:4px}.day-number{font-size:11px;font-weight:600}.appointment-indicator{height:6px;width:6px}.day-details,.month-calendar{padding:12px}.day-details h3{font-size:14px;margin-bottom:12px}.appointment-card{font-size:12px;padding:8px}.appointment-header{flex-direction:column;gap:6px}.week-header,.week-hour-row{grid-template-columns:40px repeat(7,1fr)}.week-hour-row{max-height:80px;min-height:60px}.week-hour-cell{max-height:72px;overflow-x:hidden;overflow-y:auto}.week-day-header{font-size:10px;padding:8px 4px}.hour-label{font-size:9px;padding:4px}.week-appointment{font-size:8px;padding:4px}.appointment-patient,.appointment-room,.appointment-time{font-size:8px}}@media (max-width:480px){.calendar-container{padding:12px}.calendar-container h2{font-size:14px;margin-bottom:10px}.calendar-controls{flex-direction:column;gap:8px}.today-btn{padding:6px 12px;width:100%}.view-toggle{justify-content:space-around;width:100%}.toggle-btn{flex:1 1;font-size:11px;padding:6px 8px}.month-nav,.week-nav{gap:4px;justify-content:space-around;width:100%}.month-nav button,.week-nav button{font-size:12px;padding:4px 8px}.month-nav span,.week-nav span{font-size:11px}.day-view{gap:12px}.calendar-day{min-height:50px;padding:3px}.calendar-day,.day-number{font-size:10px}.appointment-indicator{height:5px;width:5px}.day-details,.month-calendar{border-radius:8px;padding:8px}.day-details h3{font-size:12px;margin-bottom:8px}.appointment-card{font-size:11px;padding:6px}.appointment-header{flex-direction:column;gap:4px}.appointment-time{font-size:9px}.status-badge{font-size:9px;padding:2px 6px}.week-header,.week-hour-row{grid-template-columns:35px repeat(7,.8fr)}.week-hour-row{max-height:65px;min-height:50px}.week-hour-cell{max-height:57px;overflow-x:hidden;overflow-y:auto}.week-day-header{font-size:8px;padding:6px 2px}.week-day-name{font-size:8px}.week-day-date{font-size:10px}.hour-label{font-size:8px;padding:2px}.week-appointment{font-size:7px;margin-bottom:2px;padding:3px}.appointment-patient,.appointment-room{font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.toggle-btn{flex:1 1;font-size:12px;padding:8px 12px}.month-nav,.week-nav{justify-content:space-between;width:100%}.month-nav span,.week-nav span{font-size:12px;min-width:auto}.day-view{grid-template-columns:1fr}.day-details,.month-calendar{padding:12px}.calendar-header{font-size:10px;gap:4px;margin-bottom:8px}.calendar-grid{gap:4px}.calendar-day{aspect-ratio:auto;min-height:50px;padding:6px}.calendar-day,.day-number{font-size:11px}.day-details h3{font-size:14px;margin-bottom:12px}.appointment-card{border-left-width:4px;padding:10px}.appointment-time{font-size:8px}.appointment-details{font-size:12px;gap:6px}.week-header{font-size:10px;grid-template-columns:40px repeat(7,1fr)}.week-day-header{padding:8px 6px}.week-hour-row{grid-template-columns:40px repeat(7,1fr);min-height:60px}.hour-label{font-size:9px;padding:4px 6px}.week-hour-cell{padding:4px}.week-appointment{font-size:9px;margin-bottom:2px;padding:4px}*{box-sizing:border-box}.dashboard{background:#f5f6fa;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh}.sidebar{background:linear-gradient(90deg,#2c3e50,#34495e);box-shadow:3px 0 12px #00000026;color:#fff;display:flex;flex-direction:column;overflow-y:auto;position:relative;transition:all .3s ease;width:280px;z-index:999}.sidebar.closed{overflow:hidden;width:0}.sidebar-header{align-items:center;background:#0000001a;border-bottom:2px solid #ffffff26;display:flex;justify-content:center;max-height:63px;padding:24px 16px}.sidebar-title{color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0;text-align:center}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:20px 10px}.nav-item{align-items:center;background:#ffffff14;border:none;border-left:4px solid #0000;border-radius:0 8px 8px 0;color:#ffffffd9;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:12px;margin:4px 8px 4px 0;padding:12px 14px;text-align:left;transition:all .25s ease}.nav-item:hover{background:#ffffff26;box-shadow:inset 0 2px 8px #0000001a;padding-left:18px}.nav-item.active,.nav-item:hover{border-left-color:#fff;color:#fff}.nav-item.active{background:#ffffff40;box-shadow:0 4px 12px #00000026;font-weight:600}.nav-icon{font-size:16px;min-width:20px;text-align:center}.nav-text{flex:1 1}.sidebar-footer{border-top:2px solid #fff3;padding:20px 10px}.logout-btn{align-items:center;background:#ffffff1f;border:2px solid #fff3;border-radius:0 8px 8px 0;color:#ffebee;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;margin:8px 8px 0 0;padding:10px 14px;text-align:left;transition:all .25s ease;width:100%}.logout-btn:hover{background:#ff646433;border-color:#fff6;color:#fff;padding-left:18px}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.top-header{background:linear-gradient(90deg,#2c3e50,#34495e);box-shadow:0 3px 12px #0000001f;color:#fff;flex-wrap:nowrap;justify-content:space-between;padding:14px 20px;z-index:10}.header-left,.top-header{align-items:center;display:flex;gap:12px}.header-left{flex:1 1;min-width:0}.menu-toggle{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:block;display:flex;flex-shrink:0;font-size:20px;height:30px;justify-content:center;line-height:1;margin:0;padding:0;transition:transform .2s,opacity .3s;width:30px}.menu-toggle:hover{opacity:.8;transform:scale(1.1)}@media (max-width:768px){.menu-toggle{font-size:18px;height:28px;width:28px}}@media (max-width:480px){.menu-toggle{font-size:16px;height:26px;width:26px}}.top-header h1{font-size:16px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.top-header h1{font-size:18px}}@media (max-width:480px){.top-header h1{font-size:14px}}.header-right{display:flex;gap:15px}.logout-button{background:#e74c3c;border-radius:4px;font-size:12px;letter-spacing:.2px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.logout-button:hover{background:#c0392b;box-shadow:0 2px 6px #e74c3c33}.content-area{background:#f5f6fa;flex:1 1;overflow-y:auto;padding:24px}.section{background:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:24px}.section-header{flex-wrap:nowrap;justify-content:space-between;margin-bottom:24px}.section-header h2{color:#2c3e50;flex-shrink:0;font-size:18px;font-weight:700}.create-btn{align-items:center;background:linear-gradient(90deg,#2c3e50,#34495e);border:none;border-radius:6px;box-shadow:0 2px 6px #2c3e5033;color:#fff;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;height:28px;letter-spacing:.2px;max-width:105px;padding:5px 10px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.create-btn:hover{background:linear-gradient(90deg,#1f3a52,#2c3e50);box-shadow:0 3px 8px #2c3e504d;transform:translateY(-1px)}.create-btn:active{transform:translateY(0)}.add-patient-btn{background:linear-gradient(90deg,#2c3e50,#34495e);border:none;border-radius:6px;box-shadow:0 2px 6px #2c3e5033;color:#fff;cursor:pointer;font-size:11px;font-weight:600;height:28px;letter-spacing:.2px;max-width:105px;padding:5px 10px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.add-patient-btn:hover{background:linear-gradient(90deg,#1f3a52,#2c3e50);box-shadow:0 4px 12px #2c3e504d;transform:translateY(-1px)}.add-patient-btn:active{transform:translateY(0)}.schedule-appointment-btn{max-width:180px}.section h2{border-bottom:1px solid #ddd;color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0;padding-bottom:12px}@media (max-width:768px){.sidebar{height:100vh;left:0;position:fixed;top:0;width:260px;z-index:1000}.sidebar.closed{display:none}.sidebar-toggle{display:block}.sidebar-header{justify-content:space-between;padding:20px}.menu-toggle{display:block}.top-header{flex-wrap:wrap;padding:14px 16px}.top-header h1{font-size:18px}.header-left{gap:8px}.nav-text{display:none}.nav-item{margin:3px 8px;padding:12px}.logout-btn,.nav-item{justify-content:center}.logout-btn{margin:8px}.sidebar.open .nav-text{display:inline}.sidebar.open .logout-btn,.sidebar.open .nav-item{justify-content:flex-start}.content-area{padding:16px}.section{border-radius:14px;padding:20px}.section h2{font-size:22px;margin-bottom:18px}}@media (max-width:480px){.dashboard{flex-direction:column;height:auto;min-height:100vh}.sidebar{height:0;left:0;overflow:hidden;position:fixed;top:55px;transition:all .3s ease;width:0;z-index:900}.sidebar.open{background:#2c3e50;height:100%;max-height:calc(100vh - 60px);overflow-y:auto;width:100%}.sidebar.closed{display:none}.top-header{gap:8px;padding:12px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.top-header h1{font-size:14px}.header-left{gap:6px}.header-right{gap:8px}.logout-button{font-size:10px;padding:8px 12px}.main-content{flex:1 1;order:1}.nav-text{display:inline}.nav-item{margin:4px 10px;padding:14px 20px;width:auto}.logout-btn,.nav-item{justify-content:flex-start}.logout-btn{margin:10px}.content-area{flex:1 1;padding:12px}.section{border-radius:12px;margin-bottom:15px;padding:16px}.section h2{font-size:18px;margin-bottom:15px}}.content-area::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.content-area::-webkit-scrollbar-track{background:#f5f5f5}.content-area::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.content-area::-webkit-scrollbar-thumb:hover{background:#999}.form-container{background:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:24px}.form-container h3{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:20px}form{grid-gap:20px;display:grid;gap:20px}form>div{display:flex;flex-direction:column}form>div>label{color:#333;font-size:13px;font-weight:600;letter-spacing:.2px;margin-bottom:8px;text-transform:uppercase}form>div>input,form>div>select,form>div>textarea{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease}form>div>input:focus,form>div>select:focus,form>div>textarea:focus{border-color:#34495e;box-shadow:0 0 0 3px #344b5e1a;outline:none}form>div>input:disabled,form>div>select:disabled,form>div>textarea:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.form-group textarea{font-family:inherit;min-height:100px;resize:vertical}.submit-btn,button[type=submit]{background:#34495e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.3px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.submit-btn:hover:not(:disabled),button[type=submit]:hover{background:#1f3a52;box-shadow:0 2px 8px #344b5e33}.submit-btn:disabled,button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.cancel-btn,button[type=button]{background:#ecf0f1;border:1px solid #ddd;border-radius:4px;color:#555;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.2px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.cancel-btn:hover,button[type=button]:hover{background:#d5dbdb;border-color:#bbb}.add-btn,.edit-btn{background:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.2px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.add-btn:hover,.edit-btn:hover{background:#229954;box-shadow:0 2px 6px #27ae6033}.error-message{background:#ffebee;border-left:3px solid #c62828;color:#c62828}.error-message,.success-message{border-radius:4px;font-size:13px;font-weight:600;margin-bottom:16px;padding:10px 12px}.success-message{background:#e8f5e9;border-left:3px solid #2e7d32;color:#2e7d32}@media (max-width:768px){.form-container{border-radius:14px;padding:20px}.form-container h3{font-size:18px;margin-bottom:20px}form{gap:16px}form>div>input,form>div>select,form>div>textarea{font-size:16px;padding:12px 14px}.cancel-btn,.submit-btn,button[type=submit]{font-size:13px;padding:12px 24px}}@media (max-width:480px){.form-container{margin-bottom:20px;padding:16px}.form-container h3{font-size:16px;margin-bottom:16px}form{gap:14px}form>div>label{font-size:13px;margin-bottom:8px}form>div>input,form>div>select,form>div>textarea{border-radius:8px;font-size:16px;padding:12px}form>div>textarea{min-height:100px}.add-btn,.cancel-btn,.edit-btn,.submit-btn,button[type=submit]{border-radius:8px;font-size:12px;padding:11px 20px;width:100%}}.consultation-page{background:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:30px 20px}.consultation-header{align-items:center;display:flex;gap:20px;margin:0 auto 40px;max-width:1200px}.consultation-header h1{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.back-button{color:#666;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;white-space:nowrap}.back-button:hover{background:#f8f9fa;border-color:#bbb;color:#333}.back-button:active{transform:translateX(0)}.consultation-container{margin:0 auto;max-width:1200px}.error-banner{border-left:3px solid #c62828;margin-bottom:24px}.loading-spinner{border:3px solid #f0f0f0}.loading-container p{color:#555}.consultation-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:30px}.info-card{border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .2s ease}.info-card:hover{box-shadow:0 4px 12px #0000001a}.card-header{background:#f5f5f5;border-bottom:1px solid #ddd;color:#2c3e50;padding:16px}.card-header h2{align-items:center;display:flex;font-size:14px;font-weight:600;gap:10px;letter-spacing:.2px;margin:0;text-transform:uppercase}.form-subtitle{color:#777;font-size:12px;font-weight:500;margin:6px 0 0}.card-content{padding:20px}.info-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;gap:12px;justify-content:space-between;padding:10px 0}.info-row:last-child{border-bottom:none}.info-label{color:#555;font-size:12px;font-weight:600;letter-spacing:.1px;min-width:100px;text-transform:uppercase}.info-value{color:#333;flex:1 1;font-size:13px;text-align:right}.appointment-card .card-header,.patient-card .card-header{background:#f5f5f5}.status-badge{border-radius:3px}.consultation-form-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden}.form-content{padding:24px}.form-group{margin-bottom:25px}.form-label{color:#333;display:block;font-size:13px;font-weight:600;letter-spacing:.2px;margin-bottom:10px;text-transform:uppercase}.remarks-textarea{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-family:inherit;font-size:13px;line-height:1.6;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.remarks-textarea:focus{border-color:#34495e;box-shadow:0 0 0 3px #344b5e1a;outline:none}.remarks-textarea::placeholder{color:#999}.char-count{color:#999;font-size:12px;margin-top:8px;text-align:right}.file-section{border-top:1px solid #ddd;margin-top:24px;padding-top:24px}.file-section-header{margin-bottom:20px}.file-section-header h3{color:#333;font-size:13px;font-weight:600;letter-spacing:.2px;margin:0 0 6px;text-transform:uppercase}.file-section-subtitle{color:#999;font-size:13px;font-weight:400;margin:0}.form-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.cancel-button,.save-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;letter-spacing:.3px;min-width:auto;padding:7px 16px;text-transform:uppercase;transition:all .2s ease}.cancel-button{background:#ecf0f1;border:1px solid #ddd;color:#555}.cancel-button:hover:not(:disabled){background:#d5dbdb;border-color:#bbb}.save-button{background:#27ae60;box-shadow:0 1px 4px #27ae6033;color:#fff}.save-button:hover:not(:disabled){background:#229954;box-shadow:0 2px 8px #27ae604d}.cancel-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.consultation-page{padding:20px 15px}.consultation-header{align-items:flex-start;flex-direction:column;margin-bottom:30px}.consultation-header h1{font-size:28px}.back-button{justify-content:center;width:100%}.consultation-grid{gap:20px;grid-template-columns:1fr}.form-content{padding:20px}.form-actions{flex-direction:column;gap:12px}.cancel-button,.save-button{width:100%}.info-row{align-items:flex-start;flex-direction:column;gap:8px}.info-label{min-width:auto}.info-value{text-align:left}.remarks-textarea{font-size:16px}}@media (max-width:480px){.consultation-page{padding:15px 10px}.consultation-header h1{font-size:24px}.card-header h2{font-size:16px}.info-label{font-size:13px}.info-value{font-size:14px}.cancel-button,.save-button{font-size:13px;padding:12px 20px}}.file-upload-area{margin-bottom:20px}.file-upload-label{background:#f0f8ff;border:2px dashed #34495e;border-radius:6px;cursor:pointer;display:block;padding:24px 16px;text-align:center;transition:all .2s ease}.file-upload-label:hover{background:#e3f2fd;border-color:#1f3a52;transform:translateY(-1px)}.upload-icon{display:block;font-size:48px;margin-bottom:12px}.upload-text{color:#34495e;font-size:14px;font-weight:600;margin:0 0 8px}.upload-subtext{color:#999;font-size:13px;margin:0}.attached-files-list{margin-top:30px}.files-title{color:#2c3e50;font-size:15px;font-weight:600;margin:0 0 12px}.files-container{display:flex;flex-direction:column;gap:12px}.file-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:10px;display:flex;justify-content:space-between;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.file-item:hover{border-color:#34495e;box-shadow:0 4px 12px #2c3e501a;transform:translateX(4px)}.file-item.pending-file{border-color:#ffc107;border-left:4px solid #ffc107}.file-item.pending-file:hover{border-color:#ff9800;box-shadow:0 4px 12px #ff98001a}.file-item.uploaded-file{border-color:#4caf50;border-left:4px solid #4caf50}.file-item.uploaded-file:hover{border-color:#45a049;box-shadow:0 4px 12px #4caf501a}.file-info{align-items:center;display:flex;flex:1 1;gap:12px}.file-icon{font-size:24px;min-width:30px;text-align:center}.file-details{flex:1 1}.file-name{color:#333;font-size:15px;font-weight:600;margin:0;word-break:break-word}.file-meta{color:#999;font-size:13px;margin:4px 0 0}.file-actions{display:flex;gap:10px;margin-left:15px}.delete-btn,.download-btn,.remove-btn,.view-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.download-btn:hover,.view-btn:hover{background:#2c3e501a;transform:scale(1.1)}.delete-btn:hover{background:#ff6b6b1a;transform:scale(1.1)}.remove-btn{background:#ffc1071a;color:#ff9800;font-size:16px}.remove-btn:hover{background:#ffc10733;transform:scale(1.15)}.no-files{color:#999;padding:40px 20px;text-align:center}.no-files p{font-size:15px;margin:0}.no-files-inline{background:#f5f6fa;border:1px dashed #ddd;border-radius:6px;color:#999;padding:16px;text-align:center}.no-files-inline p{font-size:14px;margin:0}.loading-files{color:#34495e;font-size:13px;font-weight:600;padding:16px;text-align:center}.pending-files-section{background:#fffbf0;border-left:3px solid #ff9800;border-radius:6px;margin-top:20px;padding:16px}.file-notice{background:#ffc1071a;border-radius:6px;color:#ff9800;font-size:13px;font-weight:500;margin:15px 0 0;padding:10px 12px}.uploaded-files-section{background:#f1f8f4;border-left:3px solid #27ae60;border-radius:6px;margin-top:20px;padding:16px}@media (max-width:768px){.file-upload-label{padding:30px 15px}.upload-icon{font-size:36px}.upload-text{font-size:14px}.upload-subtext{font-size:12px}.file-item{align-items:flex-start;flex-direction:column;gap:12px}.file-actions{justify-content:flex-end;margin-left:0;width:100%}.pending-files-section,.uploaded-files-section{padding:15px}.file-notice{font-size:12px}}.patient-detail-page{background:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:30px 20px}.patient-header{align-items:center;display:flex;gap:20px;margin:0 auto 40px;max-width:1200px}.patient-header h1{color:#2c3e50;font-size:28px;font-weight:700;margin:0}.back-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 3px #0000000d;color:#34495e;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.back-button:hover{background:#e3f2fd;border-color:#34495e;box-shadow:0 2px 6px #344b5e26;color:#1f3a52}.back-button:active{transform:scale(.98)}.patient-container{margin:0 auto;max-width:1200px}.error-banner{background:#ffebee;border-left:3px solid #e74c3c;border-radius:4px;box-shadow:0 1px 3px #0000000d;color:#c62828;font-size:14px;font-weight:600;margin-bottom:20px;padding:12px 16px}.error-container{padding:60px 20px;text-align:center}.error-message{color:#666;font-size:18px;margin-bottom:30px}.loading-container{padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #344b5e33;border-radius:50%;border-top-color:#34495e;display:inline-block;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#2c3e50;font-size:14px;font-weight:600}.patient-info-section{margin-bottom:40px}.section-header{align-items:center;background:#f5f5f5;border-bottom:1px solid #ddd;border-radius:8px 8px 0 0;color:#2c3e50;display:flex;gap:12px;padding:16px}.section-header h2{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.2px;margin:0;text-transform:uppercase}.appointment-count{background:#fff3;border-radius:20px;font-size:14px;font-weight:600;padding:4px 12px}.info-grid{grid-gap:20px;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 8px 32px #0000001a;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:15px;padding:30px}.info-card{background:#fff;border:1px solid #2c3e501a;border-radius:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-card:hover{border-color:#2c3e504d;box-shadow:0 4px 12px #2c3e501a}.info-field{grid-gap:6px;display:grid;gap:6px;margin-bottom:15px}.info-field:last-child{margin-bottom:0}.info-field label{color:#555;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.info-field p{color:#333;font-size:15px;font-weight:500;margin:0}.appointments-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-top:24px;overflow:hidden}.appointments-section .section-header{align-items:center;border-radius:16px 16px 0 0;display:flex;justify-content:space-between}.no-appointments{color:#999;padding:60px 20px;text-align:center}.no-appointments p{font-size:16px;font-weight:500;margin:0}.appointments-table-container{overflow-x:auto;padding:20px}.appointments-table{border-collapse:collapse;font-size:14px;width:100%}.appointments-table thead{background:#f5f5f5}.appointments-table th{border-bottom:1px solid #ddd;color:#555;font-size:11px;font-weight:600;letter-spacing:.2px;padding:12px;text-align:left;text-transform:uppercase}.appointments-table tbody tr{border-bottom:1px solid #eee;transition:all .2s ease}.appointment-row{cursor:pointer}.appointment-row:hover{background:#f8f9fa;box-shadow:0 2px 4px #0000000d}.appointments-table td{color:#333;font-weight:500;padding:16px}.remarks-preview{color:#666;font-style:italic;font-weight:400;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.2px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.status-badge.scheduled{background:#e3f2fd;color:#1565c0}.status-badge.completed{background:#e8f5e9;color:#2e7d32}.status-badge.cancelled{background:#ffebee;color:#c62828}.status-badge.no_show{background:#fff3e0;color:#e65100}.action-cell{cursor:pointer}.action-cell,.view-link{color:#34495e;font-weight:600}.view-link{align-items:center;display:inline-flex;gap:5px;transition:all .2s}.appointment-row:hover .view-link{gap:8px}@media (max-width:768px){.patient-detail-page{padding:20px 15px}.patient-header{align-items:flex-start;flex-direction:column;margin-bottom:30px}.patient-header h1{font-size:28px}.back-button{justify-content:center;width:100%}.info-grid{gap:15px;grid-template-columns:1fr;padding:20px}.appointments-table-container{padding:15px}.appointments-table{font-size:12px}.appointments-table td,.appointments-table th{padding:12px}.remarks-preview{max-width:100px}.section-header{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.patient-detail-page{padding:15px 10px}.patient-header h1{font-size:24px}.section-header h2{font-size:18px}.info-field label{font-size:12px}.info-field p{font-size:14px}.appointments-table{font-size:11px}.appointments-table td,.appointments-table th{padding:8px}.remarks-preview{max-width:60px}}.App{background-color:#f5f5f5;min-height:100vh;text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;justify-content:space-between;padding:20px}.App-header h1{flex:1 1;margin:0}.logout-button{background-color:#ff6b6b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .3s}.logout-button:hover{background-color:#ff5252}main{margin:0 auto;max-width:800px}form,main{padding:20px}form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}form div{margin:10px 0}input{border:1px solid #ddd;border-radius:4px;padding:10px}button,input{font-size:14px;width:100%}button{background-color:#282c34;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}button:hover{background-color:#1a1f26}h2{color:#282c34}ul{list-style:none;padding:0}li{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin:10px 0;padding:15px}
/*# sourceMappingURL=main.c4cf25c0.css.map*/