*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{background:#f3f4f6;color:#111827}.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#111827,#1f2937);color:#fff;padding:25px}.sidebar h2{margin-bottom:30px}.sidebar a{display:block;color:#fff;text-decoration:none;padding:14px;border-radius:10px;margin-bottom:10px;transition:.3s}.sidebar a:hover{background:#ffffff1a}.page{flex:1;padding:30px}.card{background:#fff;padding:25px;border-radius:18px;box-shadow:0 4px 20px #00000014}.title{font-size:28px;margin-bottom:10px}.subtitle{color:#6b7280;margin-bottom:30px}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:8px;font-weight:600}input,select{width:100%;padding:14px;border:1px solid #d1d5db;border-radius:10px;outline:none}.btn{border:none;padding:14px 20px;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600}.btn-primary{background:#2563eb;color:#fff}.btn-success{background:#16a34a;color:#fff}.btn-danger{background:#dc2626;color:#fff}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px}.stat-card{background:#fff;padding:25px;border-radius:18px;box-shadow:0 4px 20px #00000014}.table-wrapper{overflow-x:auto;margin-top:20px}.table{width:100%;border-collapse:collapse;background:#fff}.table th{background:#111827;color:#fff;padding:14px;text-align:left}.table td{padding:14px;border-bottom:1px solid #e5e7eb}.login-container{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#2563eb,#111827)}.login-card{width:400px;background:#fff;padding:40px;border-radius:20px}