:root{--cb-primary: #10B981;--cb-primary-light: #34D399;--cb-primary-dark: #059669;--cb-secondary: #0F172A;--cb-secondary-light: #1E293B;--cb-accent: #34D399;--cb-neutral: #F1F5F9;--cb-neutral-dark: #E2E8F0;--cb-text: #334155;--cb-text-light: #64748B;--cb-text-muted: #94A3B8;--cb-white: #FFFFFF;--cb-black: #0F172A;--cb-success: #10B981;--cb-warning: #F59E0B;--cb-error: #EF4444;--cb-info: #3B82F6;--cb-bg: #F8FAFC;--cb-bg-card: #FFFFFF;--cb-border: #E2E8F0;--cb-sidebar-width: 260px;--cb-sidebar-collapsed: 72px;--cb-topbar-height: 64px;--cb-radius-sm: 6px;--cb-radius: 8px;--cb-radius-md: 12px;--cb-radius-lg: 16px;--cb-radius-xl: 24px;--cb-shadow-sm: 0 1px 2px rgba(0,0,0,.05);--cb-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--cb-shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--cb-shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05);--cb-transition: .2s cubic-bezier(.4, 0, .2, 1)}html{font-size:14px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;color:var(--cb-text);background-color:var(--cb-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior-y:none}a{color:var(--cb-primary);text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:600;color:var(--cb-secondary);margin:0 0 .5rem}h1{font-size:1.75rem;line-height:2.25rem}h2{font-size:1.5rem;line-height:2rem}h3{font-size:1.25rem;line-height:1.75rem}h4{font-size:1.125rem;line-height:1.5rem}.text-muted{color:var(--cb-text-muted)}.text-light{color:var(--cb-text-light)}.text-primary{color:var(--cb-primary)}.text-error{color:var(--cb-error)}.text-warning{color:var(--cb-warning)}.text-success{color:var(--cb-success)}.btn-primary-outline,.btn-danger,.btn-icon,.btn-ghost,.btn-outline,.btn-secondary,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border:none;border-radius:var(--cb-radius);font-size:14px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all var(--cb-transition);white-space:nowrap}.btn-primary-outline:disabled,.btn-danger:disabled,.btn-icon:disabled,.btn-ghost:disabled,.btn-outline:disabled,.btn-secondary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary-outline .material-symbols-outlined,.btn-danger .material-symbols-outlined,.btn-icon .material-symbols-outlined,.btn-ghost .material-symbols-outlined,.btn-outline .material-symbols-outlined,.btn-secondary .material-symbols-outlined,.btn-primary .material-symbols-outlined{font-size:20px}.btn-primary{background:var(--cb-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--cb-primary-dark)}.btn-secondary{background:var(--cb-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--cb-secondary-light)}.btn-outline{border:1px solid var(--cb-border);color:var(--cb-text);background:transparent}.btn-outline:hover:not(:disabled){background:var(--cb-neutral)}.btn-ghost{background:transparent;color:var(--cb-text)}.btn-ghost:hover:not(:disabled){background:var(--cb-neutral)}.btn-icon{width:40px;padding:0;background:transparent;color:var(--cb-text-light);border-radius:var(--cb-radius)}.btn-icon:hover:not(:disabled){background:var(--cb-neutral);color:var(--cb-text)}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-md{height:40px;padding:0 20px;font-size:15px}.btn-danger{background:var(--cb-error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.cb-card{background:var(--cb-bg-card);border-radius:var(--cb-radius-md);border:1px solid var(--cb-border);padding:1.5rem;transition:box-shadow var(--cb-transition)}.cb-card:hover{box-shadow:var(--cb-shadow-md)}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:100px;font-size:12px;font-weight:600;line-height:1.5}.badge.badge-success{background:#d1fae5;color:#047857}.badge.badge-warning{background:#fef3c7;color:#b45309}.badge.badge-error{background:#fee2e2;color:#b91c1c}.badge.badge-info{background:#dbeafe;color:#1d4ed8}.badge.badge-neutral{background:#e2e8f0;color:#475569}.cb-table{width:100%;border-collapse:collapse}.cb-table th,.cb-table td{padding:12px 24px;text-align:left;border-bottom:1px solid var(--cb-border);font-size:14px;white-space:nowrap}.cb-table th{font-weight:500;color:var(--cb-text-light);font-size:12px;text-transform:uppercase;letter-spacing:.05em;background:var(--cb-neutral);position:sticky;top:0}.cb-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--cb-transition)}.cb-table th.sortable:hover{color:var(--cb-secondary)}.cb-table th.sortable.sort-asc:after,.cb-table th.sortable.sort-desc:after{font-family:Material Symbols Outlined;font-size:16px;vertical-align:middle;margin-left:2px;color:var(--cb-primary)}.cb-table th.sortable.sort-asc:after{content:"\e5ce"}.cb-table th.sortable.sort-desc:after{content:"\e5cf"}.cb-table th:first-child,.cb-table td:first-child{padding-left:20px}.cb-table th:last-child,.cb-table td:last-child{padding-right:20px}.cb-table .col-expand{width:100%;overflow:hidden;text-overflow:ellipsis}.cb-table tbody tr{transition:background var(--cb-transition);cursor:pointer}.cb-table tbody tr:hover{background:var(--cb-neutral)}.table-card{padding:0!important;overflow:hidden}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.cb-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:13px;color:var(--cb-text-light)}.cb-pagination .pagination-info{flex-shrink:0}.cb-pagination .pagination-controls{display:flex;align-items:center;gap:4px}.cb-pagination .page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--cb-border);border-radius:var(--cb-radius-sm);background:#fff;cursor:pointer;color:var(--cb-text);font-size:13px;transition:all var(--cb-transition)}.cb-pagination .page-btn:hover:not(:disabled):not(.active){background:var(--cb-neutral)}.cb-pagination .page-btn:disabled{opacity:.4;cursor:not-allowed}.cb-pagination .page-btn.active{background:var(--cb-primary);color:#fff;border-color:var(--cb-primary)}.cb-pagination .page-btn.active:hover{background:var(--cb-primary-dark);border-color:var(--cb-primary-dark);color:#fff}.cb-pagination .page-btn .material-symbols-outlined{font-size:18px}.cb-pagination select{height:32px;padding:0 8px;border:1px solid var(--cb-border);border-radius:var(--cb-radius-sm);font-size:13px;color:var(--cb-text);background:#fff;cursor:pointer}.cb-field{display:flex;flex-direction:column;gap:6px}.cb-field label{font-size:13px;font-weight:500;color:var(--cb-secondary)}.cb-field input,.cb-field select,.cb-field textarea{height:40px;padding:0 12px;border:1px solid var(--cb-border);border-radius:var(--cb-radius);font-size:14px;font-family:Inter,sans-serif;color:var(--cb-text);background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.cb-field input::placeholder,.cb-field select::placeholder,.cb-field textarea::placeholder{color:var(--cb-text-muted)}.cb-field input:focus,.cb-field select:focus,.cb-field textarea:focus{border-color:var(--cb-primary);box-shadow:0 0 0 3px #10b9811a}.cb-field textarea{height:auto;min-height:80px;padding:10px 12px;resize:vertical}.cb-field select{cursor:pointer}.dropdown-wrapper{position:relative;display:inline-flex}.cb-dropdown{position:absolute;z-index:1000;min-width:180px;background:#fff;border:1px solid var(--cb-border);border-radius:var(--cb-radius-md);box-shadow:var(--cb-shadow-lg);padding:4px;animation:fadeIn .15s ease}.cb-dropdown .dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--cb-radius);font-size:14px;color:var(--cb-text);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background var(--cb-transition)}.cb-dropdown .dropdown-item:hover{background:var(--cb-neutral)}.cb-dropdown .dropdown-item .material-symbols-outlined{font-size:20px;color:var(--cb-text-light)}.cb-dropdown .dropdown-divider,.cb-dropdown .cb-dropdown-divider{height:1px;margin:4px 8px;background:var(--cb-border)}.cb-dropdown.cb-dropdown-right{right:0;top:100%;left:auto}.cb-dropdown.cb-dropdown-up{bottom:100%;top:auto}.cb-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--cb-radius);font-size:14px;color:var(--cb-text);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background var(--cb-transition);white-space:nowrap}.cb-dropdown-item:hover{background:var(--cb-neutral)}.cb-dropdown-item .material-symbols-outlined{font-size:20px;color:var(--cb-text-light)}.cb-dropdown-item.cb-dropdown-danger,.cb-dropdown-item.cb-dropdown-danger .material-symbols-outlined{color:#ef4444}.cb-dropdown-item.cb-dropdown-danger:hover{background:#fee2e2}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cb-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--cb-secondary);color:#fff;border-radius:var(--cb-radius-md);box-shadow:var(--cb-shadow-lg);font-size:14px;animation:toastIn .3s ease}.cb-toast.toast-success{background:#059669}.cb-toast.toast-error{background:#dc2626}.cb-toast .toast-close{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:4px;display:flex}.cb-toast .toast-close .material-symbols-outlined{font-size:18px}.cb-toast .toast-close:hover{color:#fff}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.cb-modal-backdrop{position:fixed;inset:0;z-index:9000;background:#0f172a80;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.cb-modal{background:#fff;border-radius:var(--cb-radius-lg);box-shadow:var(--cb-shadow-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:modalIn .2s ease}.cb-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px}.cb-modal .modal-header h3{margin:0;font-size:1.125rem}.cb-modal .modal-header .modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--cb-radius);color:var(--cb-text-muted)}.cb-modal .modal-header .modal-close:hover{background:var(--cb-neutral)}.cb-modal .modal-body{padding:0 24px 20px}.cb-modal .modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 24px 20px}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cb-form-group{display:flex;flex-direction:column;gap:6px}.cb-form-group label{font-size:13px;font-weight:500;color:var(--cb-secondary)}.cb-form-group label .required{color:var(--cb-danger, #ef4444);margin-left:2px}.cb-input{height:40px;padding:0 12px;border:1px solid var(--cb-border);border-radius:var(--cb-radius);font-size:14px;font-family:Inter,sans-serif;color:var(--cb-text);background:#fff;outline:none;width:100%;transition:border-color .2s,box-shadow .2s}.cb-input::placeholder{color:var(--cb-text-muted)}.cb-input:focus{border-color:var(--cb-primary);box-shadow:0 0 0 3px #10b9811a}.cb-input.input-error{border-color:var(--cb-error)}.cb-input.input-error:focus{border-color:var(--cb-error);box-shadow:0 0 0 3px #ef44441a}.cb-field-error{color:var(--cb-error);font-size:12px;margin-top:0}.cb-capitalize{text-transform:capitalize}textarea.cb-input{height:auto;min-height:80px;padding:10px 12px;resize:vertical}.cb-select{height:40px;padding:0 32px 0 12px;border:1px solid var(--cb-border);border-radius:var(--cb-radius);font-size:14px;font-family:Inter,sans-serif;color:var(--cb-text);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23334155' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;width:100%;transition:border-color .2s,box-shadow .2s}.cb-select:focus{border-color:var(--cb-primary);box-shadow:0 0 0 3px #10b9811a}.cb-select-sm{height:32px;padding:0 28px 0 8px;border:1px solid var(--cb-border);border-radius:var(--cb-radius-sm);font-size:13px;color:var(--cb-text);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23334155' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat right 8px center;appearance:none;-webkit-appearance:none;cursor:pointer}.cb-input-wrapper{display:flex;align-items:center;gap:8px;border:1px solid var(--cb-border);border-radius:var(--cb-radius);padding:0 12px;background:#fff;transition:border-color .2s,box-shadow .2s}.cb-input-wrapper .material-symbols-outlined{font-size:20px;color:var(--cb-text-muted)}.cb-input-wrapper:focus-within{border-color:var(--cb-primary);box-shadow:0 0 0 3px #10b9811a}.cb-input-wrapper .cb-input{border:none;padding:0}.cb-input-wrapper .cb-input:focus{box-shadow:none}.cb-hint{font-size:12px;color:var(--cb-text-muted);text-align:right}.cb-tabs{display:flex;border-bottom:2px solid var(--cb-border);gap:0;margin-bottom:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;-webkit-user-drag:none}.cb-tabs::-webkit-scrollbar{display:none}.cb-tab{padding:10px 20px;border:none;background:none;font-size:14px;font-weight:500;font-family:Inter,sans-serif;color:var(--cb-text-light);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--cb-transition),border-bottom-color var(--cb-transition);white-space:nowrap;flex-shrink:0;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-x}.cb-tab:hover{color:var(--cb-text)}.cb-tab.active{color:var(--cb-primary);border-bottom-color:var(--cb-primary);font-weight:600}.cb-paginator{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:13px;color:var(--cb-text-light);background:#fff;border:1px solid var(--cb-border);border-radius:var(--cb-radius-md);margin-top:12px}.paginator-info{flex-shrink:0}.paginator-controls{display:flex;align-items:center;gap:8px}@media(max-width:768px){.cb-paginator{flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 12px}.paginator-info{font-size:12px;color:var(--cb-text-muted)}.paginator-controls{justify-content:flex-start;flex-wrap:wrap;gap:6px}.paginator-controls .text-sm,.paginator-controls .cb-select-sm{display:none}}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;cursor:pointer;color:var(--cb-text-muted);transition:background var(--cb-transition),color var(--cb-transition)}.icon-btn:hover{background:var(--cb-neutral);color:var(--cb-text)}.icon-btn .material-symbols-outlined{font-size:20px}.icon-btn-sm{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--cb-border);border-radius:var(--cb-radius-sm);background:#fff;cursor:pointer;color:var(--cb-text);transition:all var(--cb-transition)}.icon-btn-sm:hover:not(:disabled):not(.active){background:var(--cb-neutral);border-color:var(--cb-primary)}.icon-btn-sm.active{background:var(--cb-primary);border-color:var(--cb-primary);color:#fff}.icon-btn-sm.active:hover{background:#059669;border-color:#059669;color:#fff}.icon-btn-sm:disabled{opacity:.4;cursor:not-allowed}.icon-btn-sm .material-symbols-outlined{font-size:18px}.btn-primary-outline{border:1px solid var(--cb-primary);color:var(--cb-primary);background:transparent}.btn-primary-outline:hover:not(:disabled){background:#10b9810d}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.w-full{width:100%}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.cb-empty-state .empty-icon{width:80px;height:80px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.cb-empty-state .empty-icon .material-symbols-outlined{font-size:36px;color:#cbd5e1}.cb-empty-state h3{font-size:18px;font-weight:700;color:var(--cb-secondary);margin:0 0 8px}.cb-empty-state p{font-size:14px;color:var(--cb-text-muted);margin:0 0 24px;max-width:360px;line-height:1.5}.cb-skeleton{background:linear-gradient(90deg,var(--cb-neutral) 25%,#E8EDF2 50%,var(--cb-neutral) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--cb-radius)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cb-skeleton-table{padding:0}.cb-skeleton-table .skeleton-row{display:flex;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid var(--cb-border)}.cb-skeleton-table .skeleton-cell{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--cb-neutral) 25%,#E8EDF2 50%,var(--cb-neutral) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.cb-skeleton-table .skeleton-cell.sk-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.cb-skeleton-table .skeleton-cell.sk-name{width:140px}.cb-skeleton-table .skeleton-cell.sk-medium{width:100px}.cb-skeleton-table .skeleton-cell.sk-short{width:70px}.cb-skeleton-table .skeleton-cell.sk-badge{width:60px;height:22px;border-radius:100px}.cb-skeleton-table .skeleton-cell.sk-icon{width:28px;height:28px;border-radius:6px}.cb-modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.cb-modal{background:#fff;border-radius:var(--cb-radius-md);padding:20px;max-width:400px;width:90%;box-shadow:0 20px 60px #0003;animation:slideUp .2s ease}.cb-modal.event-modal{padding:14px 18px;max-width:520px;width:95%}.cb-modal-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.cb-modal-icon.modal-danger{background:#fee2e2}.cb-modal-icon.modal-warning{background:#fef3c7}.cb-modal-icon .material-symbols-outlined{font-size:20px}.cb-modal-icon.modal-danger .material-symbols-outlined{color:#b91c1c}.cb-modal-icon.modal-warning .material-symbols-outlined{color:#b45309}.cb-modal h3{font-size:16px;font-weight:700;color:var(--cb-secondary);margin:0 0 6px}.cb-modal p{font-size:13px;color:var(--cb-text-muted);line-height:1.5;margin:0 0 20px}.cb-modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn-danger{background:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:var(--cb-radius);font-weight:600;font-size:14px;cursor:pointer;transition:background var(--cb-transition)}.btn-danger:hover{background:#dc2626}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cb-neutral-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cb-text-muted)}