*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;background-color:#f8f9fa;color:#333}h1,h2,h3,h4,h5,h6{margin-bottom:15px;color:#333}.container{width:80%;margin:20px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.table{width:100%;margin-top:20px;border-collapse:collapse}.table th,.table td{padding:12px;text-align:left;border:1px solid #ddd}.table th{background-color:#f8f9fa;font-weight:700}.table tbody tr:hover{background-color:#f1f1f1}.table-striped tbody tr:nth-child(odd){background-color:#f9f9f9}.card{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 4px 8px #0000000d;margin-bottom:20px}.card-title{font-size:1.25rem;margin-bottom:10px}.card-body{font-size:1rem;color:#555}button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}input,select,textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px}input:focus,select:focus,textarea:focus{outline:none;border-color:#007bff}.row{display:flex;gap:20px;flex-wrap:wrap}.col{flex:1;min-width:250px}.widget{padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;background-color:#fff;text-align:center;transition:transform .3s ease}.widget:hover{transform:translateY(-5px)}.widget-title{font-size:1.2rem;margin-bottom:10px}.widget-value{font-size:2rem;font-weight:700;color:#007bff}@media (max-width: 768px){.navbar-nav{display:block}.container{width:95%;padding:10px}.table th,.table td{padding:8px}.row{flex-direction:column}.col{flex:1;min-width:100%}}.navbar{padding:10px 20px;background-color:#007bff;border-bottom:1px solid #ddd;position:relative;z-index:1000}.navbar-brand{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.navbar-nav{list-style:none;padding-left:0;display:flex;gap:20px}.nav-item{display:inline-block}.nav-link{color:#fff;text-decoration:none;font-size:1rem;padding:8px 12px;border-radius:4px;transition:background-color .3s,color .3s}.nav-link:hover{background-color:#0056b3;color:#fff}.nav-link.active{background-color:#0056b3}h1{font-size:18px;margin:10px auto;text-align:center;font-weight:700;color:#333}.table{width:98%;margin:10px auto;border-collapse:collapse;border-radius:4px;box-shadow:0 2px 6px #0000000d;background-color:#fff}.table th,.table td{padding:4px 6px;font-size:12px;text-align:left;border-bottom:1px solid #e0e0e0;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table th{background-color:#0056b3;color:#fff;font-weight:600;text-transform:uppercase}.table tbody tr:hover{background-color:#f1f7ff}.table-striped tbody tr:nth-child(odd){background-color:#f8f8f8}.search-bar{width:95%;max-width:400px;margin:5px auto;display:flex}.search-bar input{width:100%;padding:4px 8px;font-size:12px;border:1px solid #ccc;border-radius:3px;background-color:#f8f8f8;transition:border-color .2s ease}.search-bar input:focus{border-color:#007bff;outline:none}.pagination-controls{display:flex;justify-content:center;align-items:center;margin:10px 0}.pagination-controls button{padding:3px 8px;margin:0 2px;background-color:#007bff;color:#fff;border:none;border-radius:3px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.pagination-controls button:disabled{background-color:#d0d0d0;cursor:not-allowed}.pagination-controls button:hover:not(:disabled){background-color:#0056b3}.pagination-controls span{font-size:12px;margin:0 3px;color:#333}.pagination-controls button.active{background-color:#003e7e;color:#fff;font-weight:700}.child-row{background-color:#f5f5f5}.child-table{width:96%;margin:0 auto;border-collapse:collapse;font-size:12px}.child-table th,.child-table td{padding:3px 5px;border:1px solid #ddd;text-align:center;white-space:nowrap}.child-table th{background-color:#007bff;color:#fff;font-weight:700}.child-table td{background-color:#fff;color:#444}.child-table tr:hover{background-color:#eef5ff}@media (max-width: 768px){.table,.search-bar input{font-size:11px}.pagination-controls{flex-direction:column;align-items:center}.pagination-controls button{margin:4px 0}}body.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#ff7e5f,#feb47b);font-family:Arial,sans-serif;margin:0}.login-container{background-color:#fff;padding:2rem;width:100%;max-width:400px;border-radius:10px;box-shadow:0 10px 20px #0003;text-align:center;animation:fadeIn 1s ease}.login-container h2{margin-bottom:1.5rem;color:#333;font-size:1.8rem}.form-group{position:relative;margin-bottom:1.5rem}input[type=text],input[type=password]{width:100%;padding:12px 20px;margin:8px 0;box-sizing:border-box;border:1px solid #ddd;border-radius:5px;font-size:16px;transition:all .3s ease}input[type=text]:focus,input[type=password]:focus{outline:none;border-color:#ff7e5f;box-shadow:0 0 8px #ff7e5f80}button[type=submit]{width:100%;padding:12px;background-color:#ff7e5f;border:none;border-radius:5px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease}button[type=submit]:hover{background-color:#feb47b;transform:scale(1.05)}button[type=submit]:active{transform:scale(1)}.error-message{color:#ff4d4d;margin-top:.5rem;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}