.upload-zone{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff08;border:2px dashed #fff3;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.upload-zone:hover,.upload-zone.dragging{background:#6366f11a;border-color:#6366f1;transform:translateY(-2px)}.hidden-input{display:none}.upload-content{flex-direction:column;align-items:center;gap:12px;display:flex}.upload-icon{color:#818cf8;width:64px;height:64px;margin-bottom:12px;transition:transform .3s}.upload-zone:hover .upload-icon{transform:scale(1.1)}.upload-zone h3{color:#f8fafc;margin:0;font-size:1.25rem;font-weight:600}.upload-zone p{color:#94a3b8;margin:0;font-size:.95rem}.upload-badges{gap:12px;margin-top:16px;display:flex}.badge{color:#cbd5e1;background:#ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;display:flex}
.cluster-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-top:24px;padding:24px;box-shadow:0 4px 30px #0000001a}.cluster-table-container h3{color:#f8fafc;margin-top:0;margin-bottom:20px;font-size:1.2rem}.table-responsive{overflow-x:auto}.cluster-table{border-collapse:collapse;width:100%}.cluster-table th,.cluster-table td{text-align:left;color:#cbd5e1;border-bottom:1px solid #ffffff1a;padding:16px}.cluster-table th{color:#f8fafc;text-transform:uppercase;letter-spacing:.05em;background:#ffffff05;font-size:.85rem;font-weight:600}.cluster-table tr:hover{background:#ffffff05}.cluster-name{color:#a5b4fc;background:#6366f126;border-radius:8px;padding:6px 12px;font-size:.9rem;font-weight:500}.btn-export{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-export:hover{background:#6366f1;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}
.cluster-details-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:16px;margin-top:24px;padding:24px;animation:.3s ease-out slideIn;box-shadow:0 4px 30px #0003}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cluster-details-container h3{color:#f8fafc;margin-top:0;margin-bottom:8px;font-size:1.3rem}.cluster-details-container h3 span{color:#a855f7}.cluster-details-container p{color:#94a3b8;margin-bottom:20px;font-size:.95rem}.details-table{border-collapse:collapse;width:100%}.details-table th,.details-table td{text-align:left;color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:14px 16px;font-size:.95rem}.details-table th{color:#f8fafc;text-transform:uppercase;letter-spacing:.05em;background:#0003;font-size:.8rem;font-weight:600}.client-row{transition:background-color .2s}.client-row:hover{background:#ffffff0d}.client-row.expanded{background:#6366f11a;border-bottom:none}.client-row.expanded td{border-bottom:none}.expanded-details-row{background:#00000026}.nested-table-wrapper{background:#0f172a80;border:1px solid #ffffff0d;border-radius:8px;margin:8px 16px 24px;padding:16px;animation:.3s ease-out fadeIn}.nested-table-wrapper h4{color:#a5b4fc;margin:0 0 16px;font-size:.9rem}.nested-table{border-collapse:collapse;width:100%}.nested-table th,.nested-table td{border-bottom:1px solid #ffffff08;padding:10px;font-size:.85rem}.nested-table th{background:#0000004d}.nested-table tr:last-child td{border-bottom:none}