.action-card,.card-modern,.data-card,.stat-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);overflow:hidden;padding:24px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}html.dark-mode .action-card,html.dark-mode .card-modern,html.dark-mode .data-card,html.dark-mode .stat-card{background:rgba(30,41,59,.5);border-color:rgba(71,85,105,.3)}.stat-card{border-top:3px solid transparent}.stat-card:before{background:linear-gradient(90deg,var(--stat-gradient-start,#6366f1),var(--stat-gradient-end,#8b5cf6));content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card:hover{background:hsla(0,0%,100%,.9);border-color:hsla(0,0%,100%,.3);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-8px)}html.dark-mode .stat-card:hover{background:rgba(30,41,59,.8);border-color:rgba(71,85,105,.5)}.stat-card--primary{--stat-gradient-start:#6366f1;--stat-gradient-end:#8b5cf6}.stat-card--success{--stat-gradient-start:#10b981;--stat-gradient-end:#34d399}.stat-card--danger{--stat-gradient-start:#ef4444;--stat-gradient-end:#f87171}.stat-card--warning{--stat-gradient-start:#f59e0b;--stat-gradient-end:#fbbf24}.stat-card--info{--stat-gradient-start:#3b82f6;--stat-gradient-end:#60a5fa}.stat-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.stat-card__content{flex:1}.stat-card__content .stat-value,.stat-card__content h3{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--stat-gradient-start,#6366f1),var(--stat-gradient-end,#8b5cf6));-webkit-background-clip:text;background-clip:text;font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:8px}.stat-card__label{color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.stat-card__icon{align-items:center;background:linear-gradient(135deg,var(--stat-gradient-start,#6366f1),var(--stat-gradient-end,#8b5cf6));border-radius:12px;display:flex;flex-shrink:0;font-size:1.5rem;height:56px;justify-content:center;opacity:.15;width:56px}.stat-card__meta{align-items:center;border-top:1px solid var(--border-light,#e5e7eb);color:var(--text-tertiary,#9ca3af);display:flex;font-size:.875rem;gap:16px;justify-content:space-between;margin-top:16px;padding-top:16px}.stat-card__meta span{align-items:center;display:flex;gap:4px}.stat-card__meta span:first-child{margin-right:auto}.data-card:hover{border-color:#d1d5db;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.data-card__header{align-items:center;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:24px}.data-card__header h3{color:var(--text-primary,#111827);font-family:Montserrat,sans-serif;margin:0}.data-card__content{color:var(--text-secondary,#6b7280)}.data-card__footer{border-top:1px solid var(--border-light,#e5e7eb);margin-top:24px;padding-top:24px}.action-card{border-left:4px solid transparent;border-left-color:var(--action-color,#6366f1)}.action-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateX(4px)}.action-card--success{--action-color:#10b981}.action-card--danger{--action-color:#ef4444}.action-card--warning{--action-color:#f59e0b}.action-card--info{--action-color:#3b82f6}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card{animation:slideInUp .35s cubic-bezier(.4,0,.2,1) backwards}.stat-card:first-child{animation-delay:0ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.3s}.stat-card:nth-child(5){animation-delay:.4s}.stat-card:nth-child(6){animation-delay:.5s}.stat-card:nth-child(7){animation-delay:.6s}.stat-card:nth-child(8){animation-delay:.7s}.btn,.btn-modern{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:DM Sans,Segoe UI,Roboto,sans-serif;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:11px 24px;position:relative;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-modern:disabled,.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-modern:focus-visible,.btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.btn--primary,.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 15px rgba(99,102,241,.3);color:#fff}.btn--primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(99,102,241,.4);transform:translateY(-2px)}.btn--primary:active:not(:disabled),.btn-primary:active:not(:disabled){box-shadow:0 2px 10px rgba(99,102,241,.2);transform:translateY(0)}.btn--secondary,.btn-secondary{background:transparent;border:2px solid #6366f1;color:#6366f1;font-size:.95rem;padding:11px 24px}.btn--secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:rgba(99,102,241,.05);border-color:#8b5cf6;color:#8b5cf6}.btn--secondary:active:not(:disabled),.btn-secondary:active:not(:disabled){background:rgba(99,102,241,.1)}.btn--ghost,.btn-ghost{background:transparent;border-bottom:2px solid transparent;color:var(--text-primary,#111827);padding:11px 16px}.btn--ghost:hover:not(:disabled),.btn-ghost:hover:not(:disabled){border-bottom-color:#6366f1;color:#6366f1}.btn--ghost:active:not(:disabled),.btn-ghost:active:not(:disabled){border-bottom-color:#8b5cf6;color:#8b5cf6}.btn--success,.btn-success{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 15px rgba(16,185,129,.3);color:#fff}.btn--success:hover:not(:disabled),.btn-success:hover:not(:disabled){box-shadow:0 6px 20px rgba(16,185,129,.4);transform:translateY(-2px)}.btn--success:active:not(:disabled),.btn-success:active:not(:disabled){box-shadow:0 2px 10px rgba(16,185,129,.2);transform:translateY(0)}.btn--danger,.btn-danger{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 4px 15px rgba(239,68,68,.3);color:#fff}.btn--danger:hover:not(:disabled),.btn-danger:hover:not(:disabled){box-shadow:0 6px 20px rgba(239,68,68,.4);transform:translateY(-2px)}.btn--danger:active:not(:disabled),.btn-danger:active:not(:disabled){box-shadow:0 2px 10px rgba(239,68,68,.2);transform:translateY(0)}.btn--warning,.btn-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 15px rgba(245,158,11,.3);color:#fff}.btn--warning:hover:not(:disabled),.btn-warning:hover:not(:disabled){box-shadow:0 6px 20px rgba(245,158,11,.4);transform:translateY(-2px)}.btn--warning:active:not(:disabled),.btn-warning:active:not(:disabled){box-shadow:0 2px 10px rgba(245,158,11,.2);transform:translateY(0)}.btn--info,.btn-info{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 4px 15px rgba(59,130,246,.3);color:#fff}.btn--info:hover:not(:disabled),.btn-info:hover:not(:disabled){box-shadow:0 6px 20px rgba(59,130,246,.4);transform:translateY(-2px)}.btn--info:active:not(:disabled),.btn-info:active:not(:disabled){box-shadow:0 2px 10px rgba(59,130,246,.2);transform:translateY(0)}.btn--sm,.btn-sm{font-size:.875rem;padding:8px 16px}.btn--md,.btn-md{font-size:.95rem;padding:11px 24px}.btn--lg,.btn-lg{font-size:1rem;padding:14px 32px}.btn--xl,.btn-xl{font-size:1.05rem;padding:16px 40px}.btn--block,.btn-block{width:100%}.btn-group{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.btn-group--vertical{align-items:flex-start;flex-direction:column}.btn-group--right{justify-content:flex-end}.btn-group--center{justify-content:center}.btn--loading{color:transparent;position:relative}.btn--loading:after{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}.btn--icon{align-items:center;border-radius:8px;display:flex;height:44px;justify-content:center;padding:0;width:44px}.btn--with-icon .btn__icon{margin-right:8px}.btn--with-icon .btn__text{flex:1}.form-group{margin-bottom:24px;position:relative}.form-label{color:var(--text-primary,#111827);display:block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-input,input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],select,textarea{background:var(--bg-secondary,#fff);border:2px solid var(--border-light,#e5e7eb);border-radius:8px;color:var(--text-primary,#111827);font-family:DM Sans,Segoe UI,Roboto,sans-serif;font-size:.95rem;padding:12px 16px;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);width:100%}.form-input::-moz-placeholder,input[type=date]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=time]::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-tertiary,#9ca3af)}.form-input::placeholder,input[type=date]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,select::placeholder,textarea::placeholder{color:var(--text-tertiary,#9ca3af)}.form-input:hover:not(:disabled),input[type=date]:hover:not(:disabled),input[type=email]:hover:not(:disabled),input[type=number]:hover:not(:disabled),input[type=password]:hover:not(:disabled),input[type=tel]:hover:not(:disabled),input[type=text]:hover:not(:disabled),input[type=time]:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--border-medium,#d1d5db)}.form-input:focus,input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,select:focus,textarea:focus{background:var(--bg-secondary,#fff);border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.form-input:disabled,input[type=date]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=time]:disabled,select:disabled,textarea:disabled{background:var(--bg-tertiary,#f3f4f6);cursor:not-allowed;opacity:.5}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea,.form-input--error,input.error{border-color:#ef4444}.form-group.has-error input:focus,.form-group.has-error select:focus,.form-group.has-error textarea:focus,.form-input--error:focus,input.error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-group.has-success input,.form-group.has-success select,.form-group.has-success textarea,.form-input--success,input.success{border-color:#10b981}.form-group.has-success input:focus,.form-group.has-success select:focus,.form-group.has-success textarea:focus,.form-input--success:focus,input.success:focus{box-shadow:0 0 0 3px rgba(16,185,129,.1)}.form-group.has-warning input,.form-group.has-warning select,.form-group.has-warning textarea,.form-input--warning,input.warning{border-color:#f59e0b}.form-group.has-warning input:focus,.form-group.has-warning select:focus,.form-group.has-warning textarea:focus,.form-input--warning:focus,input.warning:focus{box-shadow:0 0 0 3px rgba(245,158,11,.1)}.form-helper,.form-text{color:var(--text-tertiary,#9ca3af);display:block;font-size:.875rem;margin-top:8px}.form-error,.invalid-feedback{align-items:center;color:#ef4444;display:flex;font-size:.875rem;gap:4px;margin-top:8px}.form-error:before,.invalid-feedback:before{content:"✕";font-weight:700}.form-success,.valid-feedback{align-items:center;color:#10b981;display:flex;font-size:.875rem;gap:4px;margin-top:8px}.form-success:before,.valid-feedback:before{content:"✓";font-weight:700}.form-warning{align-items:center;color:#f59e0b;display:flex;font-size:.875rem;gap:4px;margin-top:8px}.form-warning:before{content:"!";font-weight:700}.form-check{align-items:center;display:flex;gap:8px;margin-bottom:16px}.form-check input[type=checkbox],.form-check input[type=radio]{accent-color:#6366f1;cursor:pointer;height:20px;margin:0;width:20px}.form-check__label{cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:0;text-transform:none}.form-switch{align-items:center;display:flex;gap:16px;margin-bottom:24px}.form-switch input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e5e7eb;border-radius:12px;cursor:pointer;height:24px;margin:0;position:relative;transition:background .15s cubic-bezier(.4,0,.2,1);width:44px}.form-switch input[type=checkbox]:before{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:left .15s cubic-bezier(.4,0,.2,1);width:20px}.form-switch input[type=checkbox]:checked{background:#6366f1}.form-switch input[type=checkbox]:checked:before{left:22px}.form-switch input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-secondary,#fff);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236366F1' d='M1.5 4.5 6 9l4.5-4.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}select.form-input::-ms-expand{display:none}textarea.form-input{font-family:DM Sans,Segoe UI,Roboto,sans-serif;min-height:120px;resize:vertical}textarea.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.form-file{position:relative}.form-file input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.form-file__label{align-items:center;background:var(--bg-tertiary,#f3f4f6);border:2px dashed #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:16px;justify-content:center;padding:24px;text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1)}.form-file__label:hover{background:rgba(99,102,241,.05);border-color:#6366f1}.form-file__text{color:var(--text-primary,#111827);font-weight:600}.form-file__hint{color:var(--text-tertiary,#9ca3af);font-size:.875rem}.input-group{align-items:center;background:var(--bg-secondary,#fff);border:2px solid var(--border-light,#e5e7eb);border-radius:8px;display:flex;overflow:hidden}.input-group:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.input-group input{background:transparent;border:none;flex:1;padding:12px 16px}.input-group input:focus{box-shadow:none;outline:none}.input-group__addon{background:var(--bg-tertiary,#f3f4f6);border-right:1px solid var(--border-light,#e5e7eb);color:var(--text-secondary,#6b7280);font-size:.875rem;font-weight:600;padding:12px 16px}.form-section{background:var(--bg-secondary,#fff);border:1px solid var(--border-light,#e5e7eb);border-radius:12px;margin-bottom:32px;padding:24px}.form-section__title{color:var(--text-primary,#111827);font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:24px}.form-floating{position:relative}.form-floating input,.form-floating select,.form-floating textarea{padding-bottom:6px;padding-top:20px}.form-floating input:-moz-placeholder~label,.form-floating select:-moz-placeholder~label,.form-floating textarea:-moz-placeholder~label{font-size:.95rem;top:12px}.form-floating input:placeholder-shown~label,.form-floating select:placeholder-shown~label,.form-floating textarea:placeholder-shown~label{font-size:.95rem;top:12px}.form-floating label{color:#6366f1;font-size:.75rem;font-weight:600;left:16px;letter-spacing:.5px;pointer-events:none;position:absolute;text-transform:uppercase;top:0;transition:all .15s cubic-bezier(.4,0,.2,1)}.table-wrapper{background:var(--bg-secondary,#fff);border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);overflow-x:auto}.table,.table-modern{background:var(--bg-secondary,#fff);border-collapse:collapse;width:100%}.table thead,.table-modern thead{background:linear-gradient(90deg,rgba(99,102,241,.05),rgba(139,92,246,.05));border-bottom:2px solid var(--border-light,#e5e7eb)}.table th,.table-modern th{color:var(--text-primary,#111827);font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:700;letter-spacing:.5px;padding:16px 24px;text-align:left;text-transform:uppercase}.table td,.table-modern td{border-bottom:1px solid var(--border-light,#e5e7eb);color:var(--text-secondary,#6b7280);font-size:.95rem;padding:16px 24px}.table tbody tr,.table-modern tbody tr{transition:background-color .15s cubic-bezier(.4,0,.2,1)}.table tbody tr:hover,.table-modern tbody tr:hover{background-color:var(--bg-tertiary,#f3f4f6)}.table tbody tr:last-child td,.table-modern tbody tr:last-child td{border-bottom:none}.table--striped tbody tr:nth-child(odd){background-color:var(--bg-tertiary,#f3f4f6)}.table--striped tbody tr:nth-child(odd):hover{background-color:var(--bg-tertiary,#f3f4f6);opacity:.9}.table--compact td,.table--compact th{font-size:.875rem;padding:8px 16px}.table--dense td,.table--dense th{font-size:.8rem;padding:4px 8px}.table--hover tbody tr{cursor:pointer}.table--hover tbody tr:hover{background-color:rgba(99,102,241,.05)}.table-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.table-badge--success{background:rgba(16,185,129,.1);color:#10b981}.table-badge--danger{background:rgba(239,68,68,.1);color:#ef4444}.table-badge--warning{background:rgba(245,158,11,.1);color:#f59e0b}.table-badge--info{background:rgba(59,130,246,.1);color:#3b82f6}.table-badge--primary{background:rgba(99,102,241,.1);color:#6366f1}.table-actions{align-items:center;display:flex;gap:8px}.table-actions .btn{font-size:.875rem;padding:6px 12px}.action-dropdown{display:inline-block;position:relative}.action-dropdown__trigger{background:transparent;border:none;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:1.25rem;padding:6px 12px;transition:color .15s cubic-bezier(.4,0,.2,1)}.action-dropdown__trigger:hover{color:var(--text-primary,#111827)}.action-dropdown__menu{background:var(--bg-secondary,#fff);border:1px solid var(--border-light,#e5e7eb);border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);margin-top:8px;min-width:200px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .15s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:100}.action-dropdown.active .action-dropdown__menu{opacity:1;transform:translateY(0);visibility:visible}.action-dropdown__item{background:transparent;border:none;color:var(--text-secondary,#6b7280);cursor:pointer;display:block;font-size:.95rem;padding:12px 16px;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);width:100%}.action-dropdown__item:hover{background:var(--bg-tertiary,#f3f4f6);color:var(--text-primary,#111827)}.action-dropdown__item--danger{color:#ef4444}.action-dropdown__item--danger:hover{background:rgba(239,68,68,.05)}.table-header-sortable{cursor:pointer;padding-right:32px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.table-header-sortable:after{content:"⇅";opacity:.3;position:absolute;right:16px;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.table-header-sortable:hover:after{opacity:1}.table-header-sortable.sorted-asc:after{color:#6366f1;content:"↑";opacity:1}.table-header-sortable.sorted-desc:after{color:#6366f1;content:"↓";opacity:1}.table-expandable tbody tr.expandable{cursor:pointer}.table-expandable tbody tr.expandable:before{color:#6366f1;content:"▶";display:inline-block;margin-right:8px;transition:transform .15s cubic-bezier(.4,0,.2,1)}.table-expandable tbody tr.expandable.expanded:before{transform:rotate(90deg)}.table-expandable tr.expanded-content{background:var(--bg-tertiary,#f3f4f6)}.table-expandable tr.expanded-content td{padding:12px 24px;vertical-align:top}.table-empty{color:var(--text-tertiary,#9ca3af);font-size:1rem;padding:48px 24px;text-align:center}.table-empty__icon{font-size:3rem;margin-bottom:16px;opacity:.5}.table-empty__title{color:var(--text-secondary,#6b7280);font-weight:700;margin-bottom:8px}.table-empty__description{font-size:.95rem}.table-loading tbody tr{opacity:.5;pointer-events:none}.table-loading tbody tr td:after{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;content:"";display:inline-block;height:16px;width:16px}.table-pagination{align-items:center;border-top:1px solid var(--border-light,#e5e7eb);display:flex;justify-content:space-between;padding:24px}.table-pagination__info{color:var(--text-secondary,#6b7280);font-size:.875rem}.table-pagination__controls{align-items:center;display:flex;gap:16px}.pagination{display:flex;gap:8px;list-style:none;margin:0;padding:0}.pagination li a,.pagination li span{align-items:center;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;min-width:40px;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1)}.pagination li a:hover,.pagination li span:hover{border-color:#6366f1;color:#6366f1}.pagination li.active a{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff}.pagination li.disabled a,.pagination li.disabled span{cursor:not-allowed;opacity:.5}:root{--color-primary-start:#6366f1;--color-primary-end:#8b5cf6;--color-success-start:#10b981;--color-success-end:#34d399;--color-danger-start:#ef4444;--color-danger-end:#f87171;--color-warning-start:#f59e0b;--color-warning-end:#fbbf24;--color-info-start:#3b82f6;--color-info-end:#60a5fa;--bg-primary:#f9fafb;--bg-secondary:#fff;--bg-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-light:#e5e7eb;--border-medium:#d1d5db;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px}html.dark-mode{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#0f172a;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-light:#334155;--border-medium:#475569}.container-modern{margin:0 auto;max-width:1200px;padding:var(--space-2xl)}@media(max-width:768px){.container-modern{padding:var(--space-lg)}}.grid-modern{display:grid;gap:var(--space-lg)}.grid-modern--cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.grid-modern--cols-2{grid-template-columns:1fr}}.grid-modern--cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.grid-modern--cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-modern--cols-3{grid-template-columns:1fr}}.grid-modern--cols-4{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:768px){.grid-modern--cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid-modern--cols-4{grid-template-columns:1fr}}.flex{display:flex}.flex-between{justify-content:space-between}.flex-center{justify-content:center}.flex-start{justify-content:flex-start}.flex-end{justify-content:flex-end}.flex-gap-md{gap:var(--space-md)}.flex-gap-lg{gap:var(--space-lg)}.mt-1{margin-top:var(--space-sm)}.mt-2{margin-top:var(--space-md)}.mt-3{margin-top:var(--space-lg)}.mt-4{margin-top:var(--space-xl)}.mb-1{margin-bottom:var(--space-sm)}.mb-2{margin-bottom:var(--space-md)}.mb-3{margin-bottom:var(--space-lg)}.mb-4{margin-bottom:var(--space-xl)}.mx-1{margin-left:var(--space-sm);margin-right:var(--space-sm)}.mx-2{margin-left:var(--space-md);margin-right:var(--space-md)}.mx-3{margin-left:var(--space-lg);margin-right:var(--space-lg)}.p-1{padding:var(--space-sm)}.p-2{padding:var(--space-md)}.p-3{padding:var(--space-lg)}.p-4{padding:var(--space-xl)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-bold{font-weight:700}.text-muted{opacity:.6}.badge,.pill{background:rgba(99,102,241,.1);border-radius:var(--radius-lg);color:#6366f1;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge--success{background:rgba(16,185,129,.1);color:#10b981}.badge--danger{background:rgba(239,68,68,.1);color:#ef4444}.badge--warning{background:rgba(245,158,11,.1);color:#f59e0b}.pill{border-radius:9999px}.alert{border-left:4px solid;border-radius:12px;margin-bottom:24px;padding:24px}.alert--success{background:rgba(16,185,129,.05);border-left-color:#10b981;color:#10b981}.alert--danger{background:rgba(239,68,68,.05);border-left-color:#ef4444;color:#ef4444}.alert--warning{background:rgba(245,158,11,.05);border-left-color:#f59e0b;color:#f59e0b}.alert--info{background:rgba(59,130,246,.05);border-left-color:#3b82f6;color:#3b82f6}.divider{background:var(--border-light);height:1px;margin:var(--space-lg) 0}.hidden{display:none!important}.visible{display:block!important}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-grid{display:grid}.spinner{animation:spin .8s linear infinite;border:4px solid var(--border-light);border-radius:50%;border-top:4px solid #6366f1;height:40px;width:40px}.spinner--sm{border-width:2px;height:24px;width:24px}.spinner--lg{border-width:6px;height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%}.skeleton--text{border-radius:6px;height:1rem}.skeleton--circle{border-radius:50%;height:40px;width:40px}.skeleton--card{border-radius:12px;height:200px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}html{scroll-behavior:smooth}::-moz-selection{background:#6366f1;color:#fff}::selection{background:#6366f1;color:#fff}@media(max-width:768px){.hidden-mobile{display:none}}@media(min-width:769px){.hidden-desktop{display:none}}.dark-layout .form-control[type=file]::file-selector-button{background-color:#283046}