:root{--primary:#4f46e5;--primary-dark:#3730a3;--secondary:#7c3aed;--bg:#f6f8ff;--card:#ffffff;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--success:#16a34a;--warning:#f59e0b;--danger:#ef4444;--radius:14px;--shadow-sm:0 2px 8px rgba(0,0,0,.05);--shadow-md:0 8px 25px rgba(0,0,0,.08);--shadow-lg:0 18px 45px rgba(0,0,0,.12);--transition:.25s cubic-bezier(.4,0,.2,1)}.cld-dashboard{max-width:1600px;margin:24px auto;padding:24px;font-family:'Poppins',sans-serif;background:var(--bg);color:var(--text)}.cld-tabs{display:flex;gap:8px;padding:10px;margin-bottom:22px;list-style:none;flex-wrap:wrap;background:rgb(255 255 255 / .8);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}.cld-tabs li{padding:10px 14px;font-size:13px;font-weight:600;border-radius:12px;cursor:pointer;transition:var(--transition);color:var(--muted);position:relative}.cld-tabs li:hover{background:#eef2ff;color:var(--primary);transform:translateY(-1px)}.cld-tabs li.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 8px 20px rgb(79 70 229 / .25)}.cld-content{display:none;background:var(--card);padding:22px;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:22px}.cld-content.active{display:block}.cld-kpi-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:22px}.cld-kpi-card{background:var(--card);padding:14px 16px;border-radius:14px;border:1px solid var(--border);min-height:85px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;overflow:hidden}.cld-kpi-card::before{content:"";position:absolute;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:.8}.cld-kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.cld-kpi-card h4{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.cld-kpi-card span{font-size:26px;font-weight:700;margin-top:6px;color:var(--text)}.cld-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.cld-search{flex:1;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:14px;outline:none;transition:var(--transition)}.cld-search:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgb(79 70 229 / .12)}.cld-export-btn{padding:11px 18px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-decoration:none;font-size:13px;font-weight:600;transition:var(--transition);box-shadow:0 10px 25px rgb(79 70 229 / .25);white-space:nowrap}.cld-export-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgb(79 70 229 / .30)}.cld-table-wrap{overflow:auto;max-height:600px;border-radius:16px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-sm)}.cld-table-wrap::-webkit-scrollbar{height:8px;width:8px}.cld-table-wrap::-webkit-scrollbar-track{background:#f3f4f6}.cld-table-wrap::-webkit-scrollbar-thumb{background:#c7cdd9;border-radius:20px}.cld-table{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0;background:#fff;font-size:13px}.cld-table thead th{position:sticky;top:0;z-index:10;padding:12px 12px;background:#f8fafc;font-size:12px;font-weight:600;color:#374151;text-align:left;border-bottom:1px solid var(--border)}.cld-table td{padding:10px 12px;font-size:13px;color:#374151;border-bottom:1px solid #f0f2f7;vertical-align:middle}.cld-table tbody tr{transition:var(--transition)}.cld-table tbody tr:hover{background:#f8faff;transform:scale(1.002)}.cld-pagination{margin-top:18px;display:flex;gap:6px;flex-wrap:wrap}.cld-pagination a{padding:7px 11px;border-radius:10px;text-decoration:none;background:#f3f4f6;font-size:12px;font-weight:600;color:#4b5563;transition:var(--transition)}.cld-pagination a:hover{background:#e0e7ff;color:var(--primary)}.cld-pagination a.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.cld-modal{position:fixed;inset:0;display:none;justify-content:center;align-items:center;background:rgb(17 24 39 / .6);backdrop-filter:blur(6px);z-index:99999}.cld-modal-content{width:92%;max-width:850px;max-height:82vh;overflow-y:auto;background:#fff;border-radius:18px;padding:24px;box-shadow:var(--shadow-lg);animation:popup .25s ease}@keyframes popup{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cld-modal-close{font-size:24px;float:right;cursor:pointer;color:#6b7280}.cld-modal-body{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.cld-modal-body div{padding:12px;border-radius:12px;background:#f9fafb;border:1px solid var(--border)}.cld-warning{padding:14px;border-left:4px solid var(--warning);border-radius:12px;background:#fff7e6;font-size:13px}@media(max-width:1200px){.cld-kpi-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.cld-kpi-row{grid-template-columns:repeat(2,1fr)}.cld-controls{flex-direction:column;align-items:stretch}.cld-export-btn{width:100%;text-align:center}.cld-modal-body{grid-template-columns:1fr}.cld-table{min-width:900px}}@media(max-width:480px){.cld-kpi-row{grid-template-columns:1fr}}