*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{background:#f4f6f9}.layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#1e293b;width:250px;padding:20px}.sidebar h2{margin-bottom:30px}.sidebar a{color:#fff;padding:12px 0;text-decoration:none;display:block}.sidebar a:hover{color:#60a5fa}.content{flex:1}.navbar{background:#fff;justify-content:space-between;align-items:center;padding:15px 25px;display:flex;box-shadow:0 2px 10px #0000001a}.navbar button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:10px 20px}.dashboard{padding:25px}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #00000014}.card h2{margin-bottom:10px}.card p{font-size:30px;font-weight:700}.page{padding:25px}.search-box{width:300px;margin-bottom:20px;padding:10px}table{border-collapse:collapse;background:#fff;width:100%}th,td{border:1px solid #ddd;padding:12px}th{color:#fff;background:#1e293b}td button{cursor:pointer;border:none;border-radius:5px;margin-bottom:5px;margin-right:5px;padding:8px 12px}.package-form{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.package-form input{min-width:180px;padding:10px}.package-form button{padding:10px 20px}.loader{justify-content:center;padding:50px;font-size:20px;display:flex}.modal{background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:10px;width:350px;padding:20px}