*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:#f7f7f7;color:#333;line-height:1.6;min-height:100vh;padding:20px}h1,h2,h3{margin-bottom:10px}.container{max-width:1200px;margin:auto}.card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:15px;margin-bottom:20px;box-shadow:0 2px 5px #0000001a;transition:transform .2s ease}.card:hover{transform:scale(1.02)}.flex{display:flex;gap:10px}.flex-wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.align-center{align-items:center}input,select{padding:8px;margin:5px 0;border:1px solid #ccc;border-radius:4px}button{padding:8px 12px;margin:5px;border:none;background:#333;color:#fff;cursor:pointer;border-radius:4px;transition:background .3s ease}button:hover{background:#555}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{font-size:14px;padding:10px;border:1px solid #ccc;text-align:center;white-space:nowrap;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}th{background-color:#dfe6e9;font-size:16px;font-weight:600}tr:nth-child(2n){background-color:#fafafa}tr:hover{background-color:#f0f0f0}th:nth-child(1),td:nth-child(1){width:50px}th:nth-child(2),td:nth-child(2){width:100px}th:nth-child(3),td:nth-child(3){width:200px}th:nth-child(4),td:nth-child(4){width:100px}td>div,td>span,td>p{display:inline-flex;align-items:center;justify-content:center}.chart{width:80px;height:40px}.last-cell{display:flex;align-items:center;justify-content:center}.bg-gray-100{background-color:#c6bebe}