*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{color:#222;background:#eef3f8}.app{min-height:100vh;display:flex}.sidebar{color:#fff;background:linear-gradient(#1565c0,#0d47a1);width:260px;padding:20px;box-shadow:2px 0 10px #00000026}.sidebar h2{margin-bottom:20px;font-size:32px}.sidebar button{color:#222;cursor:pointer;background:#fff;border:0;border-radius:12px;width:100%;margin:8px 0;padding:14px;font-size:20px;transition:all .2s}.sidebar button:hover{background:#e3f2fd;transform:translate(4px)}header{color:#fff;background:#1976d2;border-radius:0 0 14px 14px;padding:18px 24px;box-shadow:0 2px 8px #00000026}main,.content{flex:1;padding:24px}h1{font-size:40px}h2{margin-bottom:16px;font-size:28px}h3{margin-bottom:10px}input,select{border:1px solid #cfd8dc;border-radius:8px;width:100%;max-width:260px;margin:4px 0 12px;padding:10px 12px}button{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:8px;padding:10px 18px}button:hover{background:#125ea7}table{border-collapse:collapse;width:100%;margin-top:16px}th{color:#fff;background:#1976d2}th,td{text-align:center;border:1px solid #ddd;padding:10px}tr:nth-child(2n){background:#f7f9fb}@media (width<=900px){.app{flex-direction:column}.sidebar{width:100%}.sidebar button{font-size:16px}h1{font-size:28px}}.content{flex:1;padding:24px}.card{background:#fff;border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 4px 12px #00000014}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden}th{color:#fff;background:#1565c0;padding:12px}td{text-align:center;border-bottom:1px solid #eee;padding:10px}input,select{border:1px solid #ccc;border-radius:8px;width:100%;margin:6px 0;padding:10px}button{cursor:pointer;transition:all .2s}button:hover{transform:translateY(-1px)}.good{color:#2e7d32;font-weight:700}.warn{color:#ef6c00;font-weight:700}.bad{color:#c62828;font-weight:700}@media (width<=768px){.app{flex-direction:column}.sidebar{width:100%}.grid{grid-template-columns:1fr}}