*{margin:0;border:0;box-sizing:border-box}.header{background:linear-gradient(180deg,#036,#004080);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;position:fixed;width:100%;top:0;height:60px;z-index:1000}.header h1{margin:0;font-size:24px}.logout-btn{padding:6px 12px;background-color:#ff4d4d;color:#fff;border:none;border-radius:4px;cursor:pointer}.logout-btn:hover{background-color:#e60000}.sidebar{width:220px;background:linear-gradient(180deg,#036,#004080);color:#f1f1f1;padding:20px 15px;height:100vh;position:fixed;top:61px;left:0;overflow-y:auto;box-shadow:2px 0 8px #0000001a;transition:width .3s ease}.sidebar h3{margin-bottom:25px;font-size:20px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.sidebar ul{list-style-type:none;padding:0}.sidebar li{margin:18px 0}.sidebar a{text-decoration:none;color:#fff;font-weight:500;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;transition:background .3s,transform .2s}.sidebar a:hover{background-color:#0059b3;transform:translate(5px);box-shadow:2px 4px 8px #0003}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background-color:#06c;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background-color:#39f}.homepage{display:flex;flex-direction:row}.main-content{margin-left:220px;margin-top:60px;padding:20px;flex:1;background-color:#f5f5f5;min-height:calc(100vh - 60px);overflow-x:auto}table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 0 8px #0000001a}th,td{padding:12px 15px;border-bottom:1px solid #ddd;text-align:left}th{background-color:#004080;color:#fff}tr:hover{background-color:#f2f2f2;cursor:pointer}.details-section{background-color:#f9f9f9;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:800px;margin:40px auto}.details-section h2{margin-bottom:20px;font-size:26px;color:#2c3e50}.details-card p{margin:8px 0;font-size:16px;line-height:1.5;color:#333}.details-card strong{color:#1a73e8}.details-card .buttons{margin-top:30px;margin-left:300px}.details-card .buttons button{padding:10px 20px;margin-right:12px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.details-card .buttons button:nth-child(2){background-color:#3498db;color:#fff}.details-card .buttons button:nth-child(2):hover{background-color:#2980b9;transform:scale(1.05)}.details-card .buttons button:nth-child(1){background-color:#e74c3c;color:#fff}.details-card .buttons button:nth-child(1):hover{background-color:#c0392b;transform:scale(1.05)}.delete-section{padding:10px 20px;background-color:#2ecc71;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease;margin-top:20px;margin-left:320px}.delete-section :hover{background-color:#27ae60;transform:scale(1.05)}.homepageed{display:flex;background-color:#f4f4f4}.main-contented{flex:1;padding:40px}.details-sectioned{max-width:600px;margin:auto;background:#fff;padding:30px 40px;border-radius:10px;box-shadow:0 4px 12px #00000026}.details-sectioned h1{font-size:26px;margin-bottom:30px;color:#036}.details-sectioned p{margin:15px 0;font-size:16px;display:flex;flex-direction:column}.details-sectioned p strong{margin-bottom:5px;font-weight:600}.details-sectioned input[type=text],.details-sectioned input[type=date]{padding:10px;font-size:15px;border:1px solid #ccc;border-radius:6px;width:100%;box-sizing:border-box}.details-sectioned button{background-color:#036;color:#fff;padding:10px 25px;font-size:16px;margin-top:25px;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.details-sectioned button:hover{background-color:#05a}.auth-container{display:flex;height:100vh;justify-content:center;align-items:center;background:#f5f5f5}.auth-form{background:#fff;padding:2rem 3rem;border-radius:12px;box-shadow:0 0 15px #0000001a;width:320px;text-align:center}.auth-form h2{margin-bottom:1.5rem;color:#333}.auth-form input{width:100%;padding:.75rem;margin-bottom:1rem;border-radius:8px;border:1px solid #ccc;font-size:1rem}.auth-form button{width:100%;padding:.75rem;border:none;border-radius:8px;background-color:#007bff;color:#fff;font-size:1rem;cursor:pointer;transition:background .3s ease}.auth-form button:hover{background-color:#0056b3}.switch-link{margin-top:1rem;font-size:.9rem}.switch-link a{color:#007bff;text-decoration:none}.switch-link a:hover{text-decoration:underline}.error{color:red;font-size:.85rem}