.app body{font-family:Arial,sans-serif;background-color:#f4f7f9;margin:0;padding:0;color:#333}.app h1{text-align:center;margin-top:20px;color:#008b8b;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:50}.app h2{color:#444;margin-bottom:20px}.app form{max-width:500px;margin:20px auto;padding:30px;background:#fff;border:10px solid #ddd;border-radius:30px;box-shadow:0 2px 4px #0000001a}.app form div{margin-bottom:15px}.app form label{display:block;margin-bottom:5px;font-weight:700;color:#555}.app form input,.app form select,.app form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.app form textarea{resize:vertical;min-height:80px}.app form button{background-color:#008b8b;color:#fff;padding:10px 15px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.app form button:hover{background-color:#66cdaa}.app ul{list-style:none;padding:0;max-width:800px;margin:20px auto}.app li{background:#fff;margin-bottom:15px;padding:15px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a}.app li p{margin:5px 0;line-height:1.6}.app li button{background-color:#28a745;color:#fff;padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.app li button:hover{background-color:#218838}.app p{text-align:center;font-size:16px;color:#666}.search-container{display:flex;justify-content:center;align-items:center;margin:20px 0;position:relative}.search-bar{width:50%;padding:12px 40px 12px 15px;border:2px solid #4CAF50;border-radius:25px;outline:none;font-size:16px;transition:.3s ease-in-out}.search-bar:focus{border-color:#2e8b57;box-shadow:0 0 8px #2e8b5780}.search-icon{position:absolute;right:18px;color:#4caf50;font-size:20px;cursor:pointer}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px;border-radius:10px;width:400px;text-align:center;box-shadow:0 5px 15px #0000004d}.modal-content h2{margin-bottom:15px}.modal-content p{margin:10px 0}.modal-content button{background:#007bff;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;margin-top:15px}.modal-content button:hover{background:#0056b3}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background-color:#fff;padding:20px;width:300px;border-radius:8px;text-align:center}.signout-container{position:absolute;top:20px;right:20px}.signout-container button{background-color:#e74c3c;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background .3s ease,transform .2s ease;box-shadow:2px 2px 10px #0003}.signout-container button:hover{background-color:#c0392b;transform:scale(1.05)}.doc{max-width:600px;margin:30px auto;padding:20px;border:7px solid #ddd;border-radius:50px;box-shadow:6px 4px 6px #0000001a;background:#fff;font-family:Arial,sans-serif}.doc h1{font-size:3rem;color:#333;margin-bottom:20px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}form{display:flex;flex-direction:column;gap:15px}form label{font-weight:700;color:#555}form input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem;outline:#aaa;transition:border-color .3s}form input:focus{border-color:#007bff;box-shadow:0 0 4px #afe7f4}form .btn{padding:10px 20px;font-size:1rem;border-radius:9px;cursor:pointer;border:none;transition:background-color .3s,transform .2s}form .btn-info{background-color:#48d1cc;color:#fff}form .btn-info:hover{background-color:#20b2aa;transform:scale(1.05)}form .btn-success{background-color:#3cb371;color:#fff}form .btn-success:hover{background-color:#90ee90;transform:scale(1.05)}form .btn+.btn{margin-left:15px}.selected-doctor{margin-top:20px;padding:15px;background:#f8f9fa;border-left:4px solid #007bff;border-radius:4px}.selected-doctor h3{margin-bottom:10px;font-size:1.2rem;color:#007bff}.modal{position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 6px #0003;text-align:center}.modal-content h2{margin-bottom:15px;color:#333}.modal-content .doctor-item{margin:15px 0;padding:15px;background:#f8f9fa;border-radius:4px;box-shadow:0 1px 3px #0000001a}.modal-content .select-btn{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .3s,transform .2s}.modal-content .select-btn:hover{background-color:#0056b3;transform:scale(1.05)}.modal-content .close{position:absolute;top:10px;right:15px;font-size:1.5rem;color:#aaa;cursor:pointer}.modal-content .close:hover{color:#333}.docdash-container{display:flex;height:100vh;font-family:Arial,sans-serif;background-color:#f4f7fc}.sidebar{width:25%;background-color:#2c3e50;color:#fff;padding:20px;box-shadow:3px 0 5px #0000001a}.sidebar h2{font-size:20px;font-weight:700;margin-bottom:15px;text-align:center;border-bottom:2px solid white;padding-bottom:10px}.patient-list{list-style:none;padding:0;margin:0}.patient-item{padding:12px;background:#34495e;margin:8px 0;border-radius:6px;cursor:pointer;transition:.3s}.patient-item.active{background:#e74c3c}.main-content{flex:1;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.patient-details{background:#fff;padding:20px;border-radius:10px;width:400px;box-shadow:0 4px 8px #0000001a;text-align:center}.patient-details h2{font-size:22px;margin-bottom:15px;color:#333}.patient-details p{font-size:16px;color:#555;margin:5px 0}.button-group{margin-top:15px;display:flex;gap:10px;justify-content:center}.button{padding:10px 15px;border:none;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer;transition:.3s}.update-btn{background:#f1c40f;color:#fff}.done-btn{background:green;color:#fff}.prescription-btn{background:#3498db;color:#fff}.button:hover{opacity:.8}.report-btn{background-color:#3cb371;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background .3s ease,transform .2s ease;box-shadow:2px 2px 10px #0003;position:absolute;top:15px;left:460px;transform:scale(1.05)}.staffdash-container{display:flex;height:100vh;font-family:Arial,sans-serif;background-color:#eef2f7}.sidebar{width:25%;background-color:teal;color:#fff;padding:20px;box-shadow:3px 0 5px #0000001a}.sidebar h2{font-size:20px;font-weight:700;text-align:center;margin-bottom:15px;border-bottom:2px solid white;padding-bottom:10px}.patient-list{list-style:none;padding:0}.patient-item{padding:12px;background:#34495e;margin:8px 0;border-radius:6px;text-align:center;transition:.3s}.patient-item:hover{background:#1abc9c}.right-section{flex:1;display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.action-box{width:200px;height:150px;display:flex;align-items:center;justify-content:center;background:#3498db;color:#fff;font-size:18px;font-weight:700;border-radius:10px;cursor:pointer;transition:.3s;text-align:center}.action-box:hover{background:#2980b9}.text-center{text-align:center;margin-top:20px}.hospital-name{font-family:"serif"}.prescription{width:60%;margin:20px auto;padding:20px;background:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a}.prescription-container{padding:20px}.patient-info p{margin:5px 0}.medicine-section{margin-top:20px}.medicine-row{display:flex;gap:10px;margin-bottom:10px}.medicine-row input{width:22%;padding:8px}.notes-section textarea{width:100%;height:100px;margin-top:10px;padding:8px}.print-btn{display:block;margin:20px auto;padding:10px 20px;background:#007bff;color:#fff;border:none;cursor:pointer}@media print{.print-btn{display:none}}.patient-report-container{padding:20px;font-family:Arial,sans-serif;background:#f8f9fa}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.header h2{font-size:24px}.header select{padding:5px 10px;font-size:16px}.btn.back-btn{background-color:#007bff;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer}.btn.back-btn:hover{background-color:#0056b3}.error-message{color:red;font-weight:700;margin-top:20px}.no-data-message{color:#3cb371;font-family:Arial,Helvetica,sans-serif;margin-top:20px;font-weight:700}.report-section{margin-top:20px}.report-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 8px #0000001a}.report-table th,.report-table td{border:1px solid #ddd;padding:10px;text-align:left}.report-table th{background-color:#f1f1f1;font-weight:700}.doctor-report{padding:30px;max-width:1000px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a}.doctor-report h1{text-align:center;color:#333;margin-bottom:25px}.report-summary{display:flex;justify-content:space-around;background-color:#eef2f7;padding:15px;border-radius:6px;margin-bottom:20px;font-size:16px;font-weight:500}.error{color:red;text-align:center;margin-bottom:15px}.appointment-list table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:6px;overflow:hidden}.appointment-list th,.appointment-list td{padding:12px 16px;border-bottom:1px solid #ddd;text-align:left}.appointment-list th{background-color:#007bff;color:#fff;font-weight:600}.appointment-list tr:hover{background-color:#f1f1f1}.status-completed{color:green;font-weight:700}.status-pending{color:#e67e22;font-weight:700}@media (max-width: 768px){.report-summary{flex-direction:column;gap:10px;text-align:center}.appointment-list table{font-size:14px}.doctor-report{padding:20px}}