.login-page{min-height:100vh;background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-card{width:420px;background:#0b132be0;border-radius:16px;padding:36px 32px;box-shadow:0 20px 40px #00000073;color:#fff;animation:fadeIn .6s ease}.login-title{text-align:center;font-size:30px;font-weight:700;margin-bottom:8px}.login-subtitle{text-align:center;font-size:14px;opacity:.85;margin-bottom:28px}.form-group{display:flex;flex-direction:column;margin-bottom:18px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input{height:42px;border-radius:10px;border:none;padding:0 14px;font-size:14px;background:#ffffff26;color:#fff;outline:none}.form-group input::placeholder{color:#fff9}.form-group input:focus{background:#ffffff38;box-shadow:0 0 0 2px #6366f199}.login-error{background:#ef4444;padding:8px;border-radius:8px;text-align:center;margin-bottom:14px;font-size:13px}.login-button{width:100%;height:46px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin-top:10px}.login-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #6366f166}.login-footer{text-align:center;font-size:12px;opacity:.7;margin-top:22px}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f4f6fa}.page-container{min-height:100vh}.top-bar{background:linear-gradient(135deg,#0a1230,#111c44);color:#fff;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;border-radius:10px;margin:20px}.top-bar h1{margin:0;font-size:24px}.user-info{display:flex;align-items:center;gap:12px}.role-badge{background:#6c757d;padding:4px 10px;border-radius:6px;font-size:12px}button{border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:500}.logout-btn{background:red;color:#fff}.back-btn{background:#3c4f6d;color:#fff}.content-wrapper{margin:20px;background:#fff;padding:20px;border-radius:10px}.search-section{margin:20px 0}.search-section input{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border:1px solid #ccc;padding:10px;text-align:left}th{background:#f0f2f7}.no-results{text-align:center;padding:20px}