*{box-sizing:border-box;margin:0;font-family:Arial,Helvetica,sans-serif}.container{background:linear-gradient(135deg,#4f46e5,#9333ea,#ec4899);justify-content:center;align-items:center;height:100vh;display:flex}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffffe6;border-radius:16px;min-width:350px;margin:0 20px;padding:25px;animation:.6s ease-in-out fadeIn;box-shadow:0 10px 25px #0003}.card h2{margin-bottom:5px}.subtitle{color:gray;margin-bottom:20px;font-size:14px}.input-group{background-color:#fff;border:1px solid #ddd;border-radius:10px;align-items:center;gap:10px;width:100%;margin:10px 0;padding:0 12px;display:flex}.icon{color:#777;font-size:15px}input{border:none;outline:none;width:100%;padding:12px 0;font-size:14px}.login-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;width:100%;padding:12px;font-size:16px;transition:all .3s}.login-btn:hover{background:#4338ca}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}main{width:100%;height:100vh;overflow:hidden}.sidebar{color:#fff;background:#1e1e2f;flex-direction:column;justify-content:space-between;width:220px;padding:15px;transition:width .3s;display:flex}.logo{margin-bottom:30px;font-size:18px}.menu-item{cursor:pointer;color:#fff;border-radius:8px;align-items:center;gap:10px;padding:12px;text-decoration:none;transition:all .3s;display:flex}.menu-item:hover{background:#2c2c3e}.logout{cursor:pointer;background:#ff4d4d;border-radius:8px;align-items:center;gap:10px;padding:12px;transition:all .3s;display:flex}.logout:hover{background:#e60000}.topbar{color:#fff;background:#4f46e5;border-radius:12px;justify-content:space-between;align-items:center;padding:15px;display:flex}.logout{color:#fff;cursor:pointer;background:#ff4d4d;border:none;border-radius:8px;padding:8px 12px}.welcome{background:#fff;border-radius:12px;margin-top:15px;padding:20px;box-shadow:0 2px 10px #0000000d}.muted{color:gray}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:15px;display:grid}.card{text-align:center;background:#fff;border-radius:12px;padding:15px;box-shadow:0 2px 8px #0000000d}.card h3{margin:10px 0 5px}.actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.btn{cursor:pointer;background:#fff;border:none;border-radius:10px;padding:12px;font-size:15px;box-shadow:0 2px 8px #0000000d}.btn.primary{color:#fff;background:#4f46e5}.result-container{background:#f5f7fb;min-height:100vh;padding:20px;font-family:Arial,sans-serif}.title{text-align:center;color:#333;margin-bottom:20px}.table-card{background:#fff;border-radius:12px;padding:15px;box-shadow:0 4px 12px #00000014}table{border-collapse:collapse;width:100%}th,td{text-align:center;border-bottom:1px solid #eee;padding:12px}th{color:#333;background:#f0f4ff}button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:6px 12px}button:hover{background:#3730a3}.modal{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal P{margin:10px 0}.modal-content{background:#fff;border-radius:12px;width:500px;padding:20px}.inner-table{border-collapse:collapse;width:100%;margin-top:10px}.close-btn{background:red;margin-top:15px}