.ct-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.ct-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.ct-card-header{border-bottom:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.ct-card-title{color:var(--text-main);margin:0;font-size:1.1rem;font-weight:600}.ct-card-body{flex:1;padding:1.5rem}.ct-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.ct-badge.success{background:var(--success-bg);color:var(--success);border:1px solid #10b98133}.ct-badge.warning{background:var(--warning-bg);color:var(--warning);border:1px solid #f59e0b33}.ct-badge.danger{background:var(--danger-bg);color:var(--danger);border:1px solid #ef444433}.ct-badge.info{background:var(--primary-bg);color:var(--primary-light);border:1px solid #3b82f633}.ct-badge.neutral{color:var(--text-muted);background:#ffffff1a;border:1px solid #ffffff1a}.ct-table-container{width:100%;overflow-x:auto}.ct-table{border-collapse:collapse;text-align:left;width:100%}.ct-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:#ffffff05;padding:1rem 1.5rem;font-size:.85rem;font-weight:600}.ct-table td{color:var(--text-main);border-bottom:1px solid #ffffff0a;padding:1rem 1.5rem;font-size:.95rem}.ct-table tbody tr{transition:background var(--transition-fast)}.ct-table tbody tr:hover{background:#ffffff08}.ct-pagination{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.ct-pagination-info{color:var(--text-muted);font-size:.85rem}.ct-pagination-controls{gap:.5rem;display:flex}.ct-page-btn{border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);background:0 0;padding:.4rem .8rem;font-size:.85rem}.ct-page-btn:hover:not(:disabled){border-color:var(--border-hover);background:#ffffff1a}.ct-page-btn:disabled{opacity:.5;cursor:not-allowed}.ct-page-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.ct-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#030712c7;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.ct-modal-content{background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%);border:1px solid #ffffff24;border-radius:20px;width:100%;max-width:640px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 25px 60px -15px #000000b3,0 0 30px #6366f126}.ct-modal-header{background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 1.8rem;display:flex}.ct-modal-title{color:#fff;letter-spacing:-.01em;flex:1;align-items:center;gap:.6rem;margin:0;font-size:1.3rem;font-weight:700;display:flex}.ct-modal-close{color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:.5rem;transition:all .2s;display:flex}.ct-modal-close:hover{color:#f87171;background:#ef444433;border-color:#ef444466;transform:rotate(90deg)}.ct-modal-body{padding:1.8rem}.ct-modal-footer{background:#0003;border-top:1px solid #ffffff14;justify-content:flex-end;gap:1rem;padding:1.25rem 1.8rem;display:flex}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{transform:translateY(0)}}.form-group{box-sizing:border-box;flex-direction:column;gap:.45rem;width:100%;display:flex}.field-label{color:#cbd5e1;letter-spacing:.3px;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.input-field,.input-box,input[type=text].input-box,input[type=number].input-box,input[type=email].input-box,input[type=password].input-box,input[type=date].input-box,select.input-box,textarea.input-box{padding:.85rem 1.1rem;box-sizing:border-box!important;color:#fff!important;background:#0f172ab3!important;border:1px solid #ffffff1f!important;border-radius:12px!important;width:100%!important;font-family:inherit!important;font-size:.93rem!important;transition:all .25s cubic-bezier(.25,1,.5,1)!important;box-shadow:inset 0 2px 4px #0003!important}textarea.input-box{resize:vertical;min-height:90px;line-height:1.5}select.input-box{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:right 1rem center!important;background-repeat:no-repeat!important;padding-right:2.8rem!important}select.input-box option{color:#fff!important;background:#0f172a!important;padding:10px!important}input[type=date].input-box{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important}.input-field:focus,.input-box:focus{background:#0f172af2!important;border-color:#6366f1!important;outline:none!important;box-shadow:0 0 0 3px #6366f140,0 0 15px #6366f133!important}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 15px #6366f166}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.btn-outline{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff26}.btn-outline:hover:not(:disabled){color:#fff;background:#ffffff1a;border-color:#ffffff4d}.btn:active:not(:disabled){transform:scale(.97)}@media (width<=768px){.ct-table-container{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.ct-table{min-width:760px!important}.ct-table th{white-space:nowrap!important;padding:.75rem 1rem!important;font-size:.78rem!important}.ct-table td{padding:.75rem 1rem!important;font-size:.85rem!important}}