body{background-color:#f5f7fa;color:#333;display:flex;flex-direction:column;min-height:100vh;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}
.login-page{background-color:#F36300;justify-content:center;align-items:center}
.login-card{max-width:400px;width:100%;padding:25px;border-radius:15px;box-shadow:0 6px 15px rgba(0,0,0,.15);background:#fff;text-align:center}
.logo-container{margin:15px 0}.login-card .logo-container{margin-bottom:15px}.logo-container img{width:80px;height:80px;object-fit:contain;display:block;margin:0 auto}
h3{font-weight:700;font-size:1.3rem;color:#F36300;margin-bottom:20px}.form-label{font-weight:600;font-size:.95rem}
.custom-navbar{background:#0f03f3;padding:.8rem 1rem;box-shadow:0 4px 10px rgba(0,0,0,.2);flex-shrink:0}
.navbar-brand{color:#fff!important;font-weight:700;font-size:1.4rem;letter-spacing:.5px}.navbar .user-info{color:#fff;font-size:.95rem}
.dashboard-wrapper{flex:1;display:flex;flex-direction:column;padding:20px}#viewContainer{flex:1;background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;flex-direction:column}
.modal-content{border:0;border-radius:15px}.modal-header{border-top-left-radius:15px;border-top-right-radius:15px}
.btn-primary{background-color:#F36300;border:0;padding:8px 16px;font-weight:500}.btn-primary:hover{background-color:#F36300}
.btn-light{font-weight:600}.table-responsive{flex:1}@media(max-width:768px){.navbar-brand{font-size:1.1rem}#viewContainer{padding:15px}}
.admin-card{border:1px solid #ddd;border-radius:10px;padding:15px;background:#f8f9fa}.password-note{font-size:.8rem;color:#666}