.header-actions-container{display:flex;flex-direction:column;gap:.5rem}@media (min-width: 640px){.header-actions-container{flex-direction:row;align-items:center;gap:.75rem}}.header-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out;height:2.25rem;padding:.5rem 1rem;border:1px solid #e5e7eb;background-color:#fff;color:#374151;box-shadow:0 1px 2px #0000000d;cursor:pointer}.header-action-btn:hover{background-color:#f9fafb;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.header-action-btn:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.header-action-btn:disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.header-action-btn--refresh{border-color:#dbeafe;background-color:#eff6ff;color:#1d4ed8}.header-action-btn--refresh:hover{background-color:#dbeafe;border-color:#93c5fd;box-shadow:0 4px 6px -1px #3b82f64d}.header-action-btn--date-selector{border-color:#e9d5ff;background-color:#faf5ff;color:#7c3aed}.header-action-btn--date-selector:hover{background-color:#e9d5ff;border-color:#c4b5fd;box-shadow:0 4px 6px -1px #7c3aed4d}.header-action-btn--export{border-color:#dcfce7;background-color:#f0fdf4;color:#15803d}.header-action-btn--export:hover{background-color:#dcfce7;border-color:#86efac;box-shadow:0 4px 6px -1px #15803d4d}.header-action-btn--primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;font-weight:600}.header-action-btn--primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 8px 15px -3px #3b82f666;transform:translateY(-2px)}.header-action-btn--clear{border-color:#fecaca;background-color:#fef2f2;color:#dc2626}.header-action-btn--clear:hover{background-color:#fecaca;border-color:#fca5a5;box-shadow:0 4px 6px -1px #dc26264d}.header-action-btn--warning{border-color:#fde68a;background-color:#fffbeb;color:#d97706}.header-action-btn--warning:hover{background-color:#fde68a;border-color:#fcd34d;box-shadow:0 4px 6px -1px #d977064d}@media (max-width: 639px){.header-action-btn{font-size:.75rem;padding:.375rem .75rem;height:2rem;flex:1}.header-actions-container{width:100%}}.header-action-btn--loading{opacity:.75;cursor:not-allowed}.header-action-btn--loading:hover{transform:none}.header-action-btn__text{display:none}@media (min-width: 640px){.header-action-btn__text{display:inline}}.header-action-btn svg{transition:transform .2s ease-in-out}.header-action-btn:hover svg{transform:scale(1.1)}.header-action-btn--loading svg{animation:spin 1s linear infinite}:root{--primary-blue: #3b82f6;--primary-blue-dark: #2563eb;--primary-indigo: #6366f1;--primary-indigo-dark: #4f46e5;--bg-primary: linear-gradient(135deg, #f8fafc 0%, #eff6ff 50%, #e0e7ff 100%);--bg-card: rgba(255, 255, 255, .9);--bg-input: rgba(255, 255, 255, .95);--bg-hover: rgba(59, 130, 246, .05);--border-light: #e2e8f0;--border-focus: #3b82f6;--border-error: #ef4444;--border-success: #10b981;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-white: #ffffff;--shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-large: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: all .15s ease-in-out;--transition-normal: all .3s ease-in-out;--transition-slow: all .5s ease-in-out}.modern-form-container{background:var(--bg-primary);min-height:100vh;padding:1.5rem}.modern-form-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-light);border-radius:1rem;padding:2rem;box-shadow:var(--shadow-large);transition:var(--transition-normal)}.modern-form-card:hover{box-shadow:var(--shadow-large),0 0 0 1px #3b82f61a}.modern-form-header{margin-bottom:2rem;text-align:center}.modern-form-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary-blue),var(--primary-indigo));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.modern-form-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:400}.modern-form-group{margin-bottom:1.5rem;position:relative}.modern-form-group-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.modern-form-label{display:block;font-weight:600;font-size:.875rem;color:var(--text-primary);margin-bottom:.5rem;transition:var(--transition-fast)}.modern-form-label.required:after{content:"*";color:var(--border-error);margin-left:.25rem}.modern-form-input{width:100%;padding:.875rem 1rem;font-size:.95rem;font-weight:400;color:var(--text-primary);background:var(--bg-input);border:2px solid var(--border-light);border-radius:.75rem;transition:var(--transition-fast);box-shadow:var(--shadow-soft);outline:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modern-form-input::-moz-placeholder{color:var(--text-muted);font-weight:400}.modern-form-input::placeholder{color:var(--text-muted);font-weight:400}.modern-form-input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-medium),0 0 0 3px #3b82f61a;background:#fff}.modern-form-input:hover:not(:focus){border-color:#cbd5e1;background:#fff}.modern-form-input.error{border-color:var(--border-error);box-shadow:var(--shadow-soft),0 0 0 3px #ef44441a}.modern-form-input.success{border-color:var(--border-success);box-shadow:var(--shadow-soft),0 0 0 3px #10b9811a}.modern-form-input:disabled{background:#f1f5f9;border-color:#e2e8f0;color:var(--text-muted);cursor:not-allowed}.modern-form-textarea{min-height:120px;resize:vertical;font-family:inherit;line-height:1.5}.modern-form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5rem 1.5rem;padding-right:3rem}.modern-form-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;font-size:.95rem;font-weight:600;color:var(--text-white);background:linear-gradient(135deg,var(--primary-blue),var(--primary-indigo));border:none;border-radius:.75rem;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-medium);text-decoration:none;min-width:120px}.modern-form-btn-primary:hover{background:linear-gradient(135deg,var(--primary-blue-dark),var(--primary-indigo-dark));box-shadow:var(--shadow-large);transform:translateY(-1px)}.modern-form-btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-soft)}.modern-form-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.modern-form-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;font-size:.95rem;font-weight:600;color:var(--primary-blue);background:var(--bg-input);border:2px solid var(--border-light);border-radius:.75rem;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-soft);text-decoration:none;min-width:120px}.modern-form-btn-secondary:hover{border-color:var(--primary-blue);background:#3b82f60d;box-shadow:var(--shadow-medium);transform:translateY(-1px)}.modern-form-btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;font-size:.95rem;font-weight:600;color:var(--text-white);background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.75rem;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-medium);text-decoration:none;min-width:120px}.modern-form-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:var(--shadow-large);transform:translateY(-1px)}.modern-form-btn-group{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.modern-form-btn-group.center{justify-content:center}.modern-form-btn-group.start{justify-content:flex-start}.modern-form-checkbox-group,.modern-form-radio-group{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.modern-form-checkbox,.modern-form-radio{width:1.25rem;height:1.25rem;accent-color:var(--primary-blue);cursor:pointer}.modern-form-checkbox-label,.modern-form-radio-label{color:var(--text-primary);font-weight:500;cursor:pointer;margin:0}.modern-form-file-upload{position:relative;display:block;width:100%;padding:2rem;border:2px dashed var(--border-light);border-radius:.75rem;background:var(--bg-input);text-align:center;cursor:pointer;transition:var(--transition-fast)}.modern-form-file-upload:hover{border-color:var(--primary-blue);background:#3b82f60d}.modern-form-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.modern-form-file-icon{width:3rem;height:3rem;margin:0 auto 1rem;color:var(--primary-blue)}.modern-form-file-text{color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.modern-form-file-subtext{color:var(--text-muted);font-size:.875rem}.modern-form-error{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;color:var(--border-error);font-size:.875rem;font-weight:500}.modern-form-success{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;color:var(--border-success);font-size:.875rem;font-weight:500}.modern-form-section{margin-bottom:2.5rem;padding:1.5rem;background:#fff9;border-radius:.75rem;border:1px solid var(--border-light)}.modern-form-section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-light)}.modern-form-loading{position:relative;overflow:hidden}.modern-form-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.4),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.modern-form-container{padding:1rem}.modern-form-card{padding:1.5rem}.modern-form-title{font-size:1.75rem}.modern-form-group-row{grid-template-columns:1fr;gap:1rem}.modern-form-btn-group{flex-direction:column;gap:.75rem}.modern-form-btn-primary,.modern-form-btn-secondary,.modern-form-btn-danger{width:100%}}.modern-form-hide{display:none}.modern-form-show{display:block}.modern-form-text-center{text-align:center}.modern-form-text-left{text-align:left}.modern-form-text-right{text-align:right}.modern-form-mb-0{margin-bottom:0}.modern-form-mb-1{margin-bottom:.5rem}.modern-form-mb-2{margin-bottom:1rem}.modern-form-mb-3{margin-bottom:1.5rem}@media (prefers-color-scheme: dark){:root{--bg-primary: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);--bg-card: rgba(30, 41, 59, .9);--bg-input: rgba(51, 65, 85, .8);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-light: #334155}}:root{--table-bg-primary: #ffffff;--table-bg-secondary: #f8fafc;--table-bg-header: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--table-bg-row-hover: rgba(59, 130, 246, .05);--table-bg-row-selected: rgba(59, 130, 246, .1);--table-bg-stripe: rgba(59, 130, 246, .02);--table-text-primary: #1f2937;--table-text-secondary: #6b7280;--table-text-header: #ffffff;--table-text-muted: #9ca3af;--table-border-light: #e5e7eb;--table-border-medium: #d1d5db;--table-border-header: rgba(255, 255, 255, .2);--table-action-primary: #3b82f6;--table-action-secondary: #6b7280;--table-action-success: #10b981;--table-action-warning: #f59e0b;--table-action-danger: #ef4444;--table-action-info: #06b6d4;--table-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--table-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--table-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--table-transition: all .2s cubic-bezier(.4, 0, .2, 1);--table-transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}.modern-table-container{background:var(--table-bg-primary);border-radius:12px;box-shadow:var(--table-shadow-lg);overflow:hidden;border:1px solid var(--table-border-light);margin:1rem 0}.modern-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--table-bg-primary)}.modern-table-header{background:var(--table-bg-header);position:relative}.modern-table-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ffffff1a,#ffffff0d);pointer-events:none}.modern-table-header-row{border:none}.modern-table-header-cell{padding:1rem 1.5rem;text-align:center;font-weight:600;font-size:.875rem;color:var(--table-text-header);border:none;border-right:1px solid var(--table-border-header);position:relative;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.modern-table-header-cell:last-child{border-right:none}.modern-table-header-cell .header-content{display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;z-index:1}.modern-table-header-cell .header-icon{width:1rem;height:1rem;opacity:.9}.modern-table-body{background:var(--table-bg-primary)}.modern-table-row{transition:var(--table-transition);border-bottom:1px solid var(--table-border-light);background:var(--table-bg-primary)}.modern-table-row:hover{background:var(--table-bg-row-hover);transform:translateY(-1px);box-shadow:var(--table-shadow-sm)}.modern-table-row:nth-child(2n){background:var(--table-bg-stripe)}.modern-table-row:nth-child(2n):hover{background:var(--table-bg-row-hover)}.modern-table-row.selected{background:var(--table-bg-row-selected);border-color:var(--table-action-primary)}.modern-table-cell{padding:1rem 1.5rem;text-align:center;color:var(--table-text-primary);border:none;font-size:.875rem;line-height:1.5;vertical-align:middle}.modern-table-row-number{font-weight:600;color:var(--table-text-secondary);background:#3b82f60d;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;display:inline-block;min-width:1.5rem}.modern-table-actions{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.modern-table-action-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:6px;border:none;cursor:pointer;transition:var(--table-transition);font-size:.875rem;position:relative;overflow:hidden}.modern-table-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.modern-table-action-btn:hover:before{left:100%}.modern-table-action-btn.view{background:var(--table-action-info);color:#fff}.modern-table-action-btn.view:hover{background:#0891b2;transform:translateY(-2px);box-shadow:0 4px 12px #06b6d466}.modern-table-action-btn.edit{background:var(--table-action-primary);color:#fff}.modern-table-action-btn.edit:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.modern-table-action-btn.delete{background:var(--table-action-danger);color:#fff}.modern-table-action-btn.delete:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.modern-table-action-btn.approve{background:var(--table-action-success);color:#fff}.modern-table-action-btn.approve:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.modern-table-action-btn.warning{background:var(--table-action-warning);color:#fff}.modern-table-action-btn.warning:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.modern-table-action-btn.secondary{background:var(--table-action-secondary);color:#fff}.modern-table-action-btn.secondary:hover{background:#4b5563;transform:translateY(-2px);box-shadow:0 4px 12px #6b728066}.modern-table-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.025em;border:1px solid transparent;transition:var(--table-transition)}.modern-table-badge.active{background:#10b9811a;color:#047857;border-color:#10b98133}.modern-table-badge.inactive{background:#6b72801a;color:#374151;border-color:#6b728033}.modern-table-badge.pending{background:#f59e0b1a;color:#92400e;border-color:#f59e0b33}.modern-table-badge.danger{background:#ef44441a;color:#b91c1c;border-color:#ef444433}.modern-table-badge.primary{background:#3b82f61a;color:#1d4ed8;border-color:#3b82f633}.modern-table-pagination{display:flex;align-items:center;justify-content:between;padding:1rem 1.5rem;background:var(--table-bg-secondary);border-top:1px solid var(--table-border-light)}.modern-table-pagination-info{color:var(--table-text-secondary);font-size:.875rem}.modern-table-pagination-controls{display:flex;align-items:center;gap:.5rem}.modern-table-pagination-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--table-border-medium);background:var(--table-bg-primary);color:var(--table-text-secondary);border-radius:6px;cursor:pointer;transition:var(--table-transition);font-size:.875rem}.modern-table-pagination-btn:hover,.modern-table-pagination-btn.active{background:var(--table-action-primary);color:#fff;border-color:var(--table-action-primary)}.modern-table-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.modern-table-pagination-btn:disabled:hover{background:var(--table-bg-primary);color:var(--table-text-secondary);border-color:var(--table-border-medium)}.modern-table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--table-bg-secondary);border-bottom:1px solid var(--table-border-light);flex-wrap:wrap;gap:1rem}.modern-table-search{position:relative;flex:1;min-width:200px;max-width:400px}.modern-table-search input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:1px solid var(--table-border-medium);border-radius:8px;background:var(--table-bg-primary);color:var(--table-text-primary);font-size:.875rem;transition:var(--table-transition)}.modern-table-search input:focus{outline:none;border-color:var(--table-action-primary);box-shadow:0 0 0 3px #3b82f61a}.modern-table-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--table-text-secondary)}.modern-table-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.modern-table-empty{text-align:center;padding:3rem 1.5rem;color:var(--table-text-secondary)}.modern-table-empty-icon{width:3rem;height:3rem;margin:0 auto 1rem;opacity:.5}.modern-table-empty-title{font-size:1.125rem;font-weight:600;color:var(--table-text-primary);margin-bottom:.5rem}.modern-table-empty-description{font-size:.875rem;color:var(--table-text-secondary)}.modern-table-loading{text-align:center;padding:2rem}.modern-table-loading-spinner{width:2rem;height:2rem;border:2px solid var(--table-border-light);border-top:2px solid var(--table-action-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@media (max-width: 768px){.modern-table-toolbar{flex-direction:column;align-items:stretch}.modern-table-search{max-width:none}.modern-table-container{margin:.5rem 0;border-radius:8px}.modern-table-header-cell,.modern-table-cell{padding:.75rem 1rem;font-size:.8rem}.modern-table-actions{gap:.25rem}.modern-table-action-btn{width:1.75rem;height:1.75rem;font-size:.75rem}.modern-table-pagination{flex-direction:column;gap:1rem;text-align:center}}@media print{.modern-table-container{box-shadow:none;border:1px solid #000}.modern-table-header{background:#f5f5f5!important}.modern-table-header-cell{color:#000!important}.modern-table-actions,.modern-table-toolbar,.modern-table-pagination{display:none}}@media (prefers-color-scheme: dark){:root{--table-bg-primary: #1f2937;--table-bg-secondary: #111827;--table-text-primary: #f9fafb;--table-text-secondary: #d1d5db;--table-border-light: #374151;--table-border-medium: #4b5563}}.global-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:.875rem;transition:all .3s ease;border:none;cursor:pointer;text-decoration:none;gap:.5rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 14px #3b82f666}.global-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.global-btn:hover:before{left:100%}.global-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.global-btn:active{transform:translateY(0);box-shadow:0 4px 14px #3b82f666}.global-btn:focus{outline:none;box-shadow:0 4px 14px #3b82f666,0 0 0 3px #3b82f633}.global-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 14px #3b82f666}.global-btn:disabled:hover{transform:none;box-shadow:0 4px 14px #3b82f666}.global-btn.flex-1{flex:1}.global-btn.sm\:flex-none{flex:none}@media (min-width: 640px){.global-btn.sm\:flex-none{flex:none}}.global-btn.text-xs{font-size:.75rem}.global-btn.text-sm{font-size:.875rem}@media (min-width: 640px){.global-btn.sm\:text-sm{font-size:.875rem}}.global-btn.px-2{padding-left:.5rem;padding-right:.5rem}.global-btn.px-3{padding-left:.75rem;padding-right:.75rem}.global-btn.py-1{padding-top:.25rem;padding-bottom:.25rem}.global-btn.py-2{padding-top:.5rem;padding-bottom:.5rem}@media (min-width: 640px){.global-btn.sm\:px-4{padding-left:1rem;padding-right:1rem}.global-btn.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}}.global-btn.lg\:min-w-\[120px\]{min-width:120px}@media (min-width: 1024px){.global-btn.lg\:min-w-\[120px\]{min-width:120px}}.action-btn-lead{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:.5rem;border:1px solid;transition:all .2s ease-in-out;cursor:pointer;font-weight:500;height:2rem;width:2rem;padding:0}@media (min-width: 640px){.action-btn-lead.sm\:h-9{height:2.25rem}.action-btn-lead.sm\:w-9{width:2.25rem}}.action-btn-lead.action-btn-edit{color:#2563eb!important;border-color:#93c5fd!important;background-color:#eff6ff!important}.action-btn-lead.action-btn-edit:hover{color:#1d4ed8!important;background-color:#dbeafe!important;border-color:#60a5fa!important;transform:translateY(-1px);box-shadow:0 4px 6px -1px #2563eb33}.action-btn-lead.action-btn-delete{color:#dc2626;border-color:#fecaca;background-color:#fef2f2}.action-btn-lead.action-btn-delete:hover{color:#b91c1c;background-color:#fecaca;border-color:#fca5a5;transform:translateY(-1px);box-shadow:0 4px 6px -1px #dc262633}.action-btn-lead.action-btn-view{color:#16a34a!important;border-color:#bbf7d0!important;background-color:#f0fdf4!important}.action-btn-lead.action-btn-view:hover{color:#15803d!important;background-color:#dcfce7!important;border-color:#4ade80!important;transform:translateY(-1px);box-shadow:0 4px 6px -1px #16a34a33}.action-btn-lead.action-btn-add{color:#7c3aed;border-color:#c4b5fd;background-color:#f5f3ff}.action-btn-lead.action-btn-add:hover{color:#6d28d9;background-color:#ede9fe;border-color:#a78bfa;transform:translateY(-1px);box-shadow:0 4px 6px -1px #7c3aed33}.action-btn-lead.action-btn-download{color:#0891b2;border-color:#67e8f9;background-color:#ecfeff}.action-btn-lead.action-btn-download:hover{color:#0e7490;background-color:#cffafe;border-color:#22d3ee;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0891b233}.action-btn-lead.action-btn-settings{color:#ea580c;border-color:#fed7aa;background-color:#fff7ed}.action-btn-lead.action-btn-settings:hover{color:#c2410c;background-color:#ffedd5;border-color:#fb923c;transform:translateY(-1px);box-shadow:0 4px 6px -1px #ea580c33}.action-btn-lead.action-btn-warning{color:#d97706;border-color:#fde68a;background-color:#fffbeb}.action-btn-lead.action-btn-warning:hover{color:#b45309;background-color:#fef3c7;border-color:#fbbf24;transform:translateY(-1px);box-shadow:0 4px 6px -1px #d9770633}.action-btn-lead.action-btn-disable{color:#6b7280;border-color:#d1d5db;background-color:#f9fafb}.action-btn-lead.action-btn-disable:hover{color:#4b5563;background-color:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 6px -1px #6b728033}.action-btn-lead.action-btn-send{color:#8b5cf6;border-color:#c4b5fd;background-color:#faf5ff}.action-btn-lead.action-btn-send:hover{color:#7c3aed;background-color:#f3e8ff;border-color:#a78bfa;transform:translateY(-1px);box-shadow:0 4px 6px -1px #8b5cf633}.action-btn-lead.action-btn-print{color:#1f2937;border-color:#e5e7eb;background-color:#fff}.action-btn-lead.action-btn-print:hover{color:#111827;background-color:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 6px -1px #1f293733}.action-btn-lead.action-btn-refresh{color:#0d9488;border-color:#99f6e4;background-color:#f0fdfa}.action-btn-lead.action-btn-refresh:hover{color:#0f766e;background-color:#ccfbf1;border-color:#5eead4;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0d948833}.action-btn-lead.action-btn-present{color:#16a34a!important;border-color:#bbf7d0!important;background-color:#f0fdf4!important}.action-btn-lead.action-btn-present:hover{color:#15803d!important;background-color:#dcfce7!important;border-color:#4ade80!important;transform:translateY(-1px);box-shadow:0 4px 6px -1px #16a34a33}.action-btn-lead.action-btn-present.active{color:#fff!important;background-color:#16a34a!important;border-color:#16a34a!important}.action-btn-lead.action-btn-present.active:hover{color:#fff!important;background-color:#15803d!important;border-color:#15803d!important}.action-btn-lead.action-btn-late{color:#ca8a04!important;border-color:#fde68a!important;background-color:#fffbeb!important}.action-btn-lead.action-btn-late:hover{color:#a16207!important;background-color:#fef3c7!important;border-color:#fbbf24!important;transform:translateY(-1px);box-shadow:0 4px 6px -1px #ca8a0433}.action-btn-lead.action-btn-late.active{color:#fff!important;background-color:#ca8a04!important;border-color:#ca8a04!important}.action-btn-lead.action-btn-late.active:hover{color:#fff!important;background-color:#a16207!important;border-color:#a16207!important}.action-btn-lead.action-btn-absent{color:#dc2626!important;border-color:#fecaca!important;background-color:#fef2f2!important}.action-btn-lead.action-btn-absent:hover{color:#b91c1c!important;background-color:#fecaca!important;border-color:#fca5a5!important;transform:translateY(-1px);box-shadow:0 4px 6px -1px #dc262633}.action-btn-lead.action-btn-absent.active{color:#fff!important;background-color:#dc2626!important;border-color:#dc2626!important}.action-btn-lead.action-btn-absent.active:hover{color:#fff!important;background-color:#b91c1c!important;border-color:#b91c1c!important}.action-btn-lead.action-btn-reset{color:#6b7280!important;border-color:#d1d5db!important;background-color:#f9fafb!important}.action-btn-lead.action-btn-reset:hover{color:#4b5563!important;background-color:#f3f4f6!important;border-color:#9ca3af!important;transform:translateY(-1px);box-shadow:0 4px 6px -1px #6b728033}.action-btn-lead:focus{outline:none;box-shadow:0 0 0 2px #3b82f633}.action-btn-lead:active{transform:translateY(0)}.action-btn-lead:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-btn-lead:disabled:hover{transform:none;box-shadow:none}.action-btn-lead .h-3{height:.75rem;width:.75rem}.action-btn-lead .h-4{height:1rem;width:1rem}@media (min-width: 640px){.action-btn-lead .sm\:h-4{height:1rem;width:1rem}}.btn-export-csv{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;text-decoration:none;gap:.5rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 14px #3b82f666;flex:1;font-size:.75rem;padding:.25rem .5rem}.btn-export-csv:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-export-csv:hover:before{left:100%}.btn-export-csv:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}@media (min-width: 640px){.btn-export-csv{flex:none;font-size:.875rem;padding:.5rem 1rem}}.btn-add-item{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;text-decoration:none;gap:.5rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 14px #3b82f666;flex:1;font-size:.75rem;padding:.25rem .5rem}.btn-add-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-add-item:hover:before{left:100%}.btn-add-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}@media (min-width: 640px){.btn-add-item{flex:none;font-size:.875rem;padding:.5rem 1rem}}.btn-refresh{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;text-decoration:none;gap:.5rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 14px #3b82f666;flex:1;font-size:.75rem;padding:.25rem .5rem}.btn-refresh:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-refresh:hover:before{left:100%}.btn-refresh:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}@media (min-width: 640px){.btn-refresh{flex:none;font-size:.875rem;padding:.5rem 1rem}}.action-buttons-container{display:flex;align-items:center;justify-content:center;gap:.5rem}@media (min-width: 640px){.action-buttons-container{gap:.75rem}}@media (hover: none){.global-btn:hover,.action-btn-lead:hover{transform:none}}@media (prefers-contrast: high){.global-btn{border:2px solid currentColor}.action-btn-lead{border-width:2px}}@media (prefers-reduced-motion: reduce){.global-btn,.action-btn-lead{transition:none}.global-btn:before{display:none}}@media (prefers-color-scheme: dark){.global-btn{background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 4px 14px #1e40af66}.global-btn:hover{box-shadow:0 8px 25px #1e40af80}.action-btn-lead.action-btn-edit{background-color:#2563eb1a;border-color:#2563eb4d}.action-btn-lead.action-btn-delete{background-color:#dc26261a;border-color:#dc26264d}.action-btn-lead.action-btn-view{background-color:#0596691a;border-color:#0596694d}}.crm-page-bg{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0e7ff,#f3e8ff);padding:1rem 1.75rem}@media (min-width: 640px){.crm-page-bg{padding:1.5rem 2.25rem}}@media (min-width: 1024px){.crm-page-bg{padding:1.5rem 3rem}}.crm-header-container{background-color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (min-width: 640px){.crm-header-container{border-radius:1.5rem;padding:1.5rem}}.crm-header-icon{padding:.5rem;background-color:#dbeafe;border-radius:.75rem}@media (min-width: 640px){.crm-header-icon{padding:.75rem}}.crm-stat-card{position:relative;overflow:hidden;border:none;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .3s ease}.crm-stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-.25rem)}@media (min-width: 1024px){.crm-stat-card{border-radius:1rem}}.crm-stat-card-blue{background:linear-gradient(135deg,#eff6ff,#dbeafecc)}.crm-stat-card-blue:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#3b82f60d,#2563eb1a)}.crm-stat-card-blue:after{content:"";position:absolute;top:0;right:0;width:4rem;height:4rem;background-color:#bfdbfe33;border-radius:50%;margin:-2rem -2rem 0 0}.crm-stat-card-green{background:linear-gradient(135deg,#f0fdf4,#bbf7d0cc)}.crm-stat-card-green:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#22c55e0d,#16a34a1a)}.crm-stat-card-green:after{content:"";position:absolute;top:0;right:0;width:4rem;height:4rem;background-color:#bbf7d033;border-radius:50%;margin:-2rem -2rem 0 0}.crm-stat-card-red{background:linear-gradient(135deg,#fef2f2,#fecacacc)}.crm-stat-card-red:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ef44440d,#dc26261a)}.crm-stat-card-red:after{content:"";position:absolute;top:0;right:0;width:4rem;height:4rem;background-color:#fecaca33;border-radius:50%;margin:-2rem -2rem 0 0}.crm-stat-card-orange{background:linear-gradient(135deg,#fff7ed,#fed7aacc)}.crm-stat-card-orange:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f973160d,#ea580c1a)}.crm-stat-card-orange:after{content:"";position:absolute;top:0;right:0;width:4rem;height:4rem;background-color:#fed7aa33;border-radius:50%;margin:-2rem -2rem 0 0}.crm-stat-icon{padding:.5rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;flex-shrink:0}@media (min-width: 1024px){.crm-stat-icon{border-radius:.75rem}}.crm-stat-icon-blue{background-color:#3b82f6}.crm-stat-card:hover .crm-stat-icon-blue{background-color:#2563eb}.crm-stat-icon-green{background-color:#10b981}.crm-stat-card:hover .crm-stat-icon-green{background-color:#059669}.crm-stat-icon-red{background-color:#ef4444}.crm-stat-card:hover .crm-stat-icon-red{background-color:#dc2626}.crm-stat-icon-orange{background-color:#f97316}.crm-stat-card:hover .crm-stat-icon-orange{background-color:#ea580c}.crm-table-container{background-color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (min-width: 640px){.crm-table-container{border-radius:1rem}}.crm-table-header{padding:1rem;border-bottom:1px solid #f3f4f6}@media (min-width: 640px){.crm-table-header{padding:1.5rem}}.crm-pagination-container{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-top:1px solid #f3f4f6;background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:0 0 .75rem .75rem}.crm-pagination-info{font-size:.875rem;color:#6b7280;font-weight:500}.crm-pagination-controls{display:flex;align-items:center;gap:.5rem}.crm-pagination-pages{display:flex;align-items:center;gap:.25rem}.crm-pagination-btn{border-color:#d1d5db;color:#374151;font-weight:500;transition:all .2s ease}.crm-pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.crm-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.crm-pagination-page-btn{min-width:2.5rem;border-color:#d1d5db;color:#374151;font-weight:500;transition:all .2s ease}.crm-pagination-page-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.crm-pagination-page-btn[data-state=on]{background-color:#2563eb;border-color:#2563eb;color:#fff}@media (max-width: 640px){.crm-pagination-container{flex-direction:column;gap:.75rem;padding:.75rem}.crm-pagination-info{font-size:.75rem}.crm-pagination-pages{gap:.125rem}.crm-pagination-page-btn{min-width:2rem;font-size:.875rem}}.crm-controls-container{background-color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:.75rem;padding:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:1.5rem}@media (min-width: 640px){.crm-controls-container{border-radius:1rem;padding:1.5rem;margin-bottom:2rem}}.crm-stat-card{background-color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.crm-stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(1.05)}.crm-stat-card-blue{background:linear-gradient(135deg,#3b82f60d,#93c5fd1a);border-color:#3b82f633}.crm-stat-card-green{background:linear-gradient(135deg,#22c55e0d,#86efac1a);border-color:#22c55e33}.crm-stat-card-red{background:linear-gradient(135deg,#ef44440d,#fca5a51a);border-color:#ef444433}.crm-stat-card-orange{background:linear-gradient(135deg,#f973160d,#fdba741a);border-color:#f9731633}.crm-stat-card-purple{background:linear-gradient(135deg,#9333ea0d,#c4b5fd1a);border-color:#9333ea33}.crm-stat-card-yellow{background:linear-gradient(135deg,#eab3080d,#fef08a1a);border-color:#eab30833}.crm-stat-icon{padding:.5rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.crm-stat-card:hover .crm-stat-icon{transform:scale(1.1)}@media (min-width: 640px){.crm-stat-icon{padding:.75rem}}.crm-stat-icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.crm-stat-icon-green{background:linear-gradient(135deg,#22c55e,#15803d)}.crm-stat-icon-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.crm-stat-icon-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.crm-stat-icon-purple{background:linear-gradient(135deg,#9333ea,#7c3aed)}.crm-stat-icon-yellow{background:linear-gradient(135deg,#eab308,#ca8a04)}.crm-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}@media (min-width: 640px){.crm-stats-grid{gap:1rem;margin-bottom:2rem}}@media (min-width: 1024px){.crm-stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.certificate-stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:.75rem;margin-bottom:1.5rem}@media (min-width: 640px){.certificate-stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}}@media (min-width: 1024px){.certificate-stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.crm-table-title{display:flex;align-items:center;font-weight:600;color:#111827;font-size:1rem}@media (min-width: 640px){.crm-table-title{font-size:1.125rem}}.crm-table-title-icon{height:1rem;width:1rem;margin-right:.5rem;color:#2563eb;flex-shrink:0}@media (min-width: 640px){.crm-table-title-icon{height:1.25rem;width:1.25rem}}.crm-table-title-text{display:none}@media (min-width: 640px){.crm-table-title-text{display:inline}}.crm-table-title-text-mobile{display:inline}@media (min-width: 640px){.crm-table-title-text-mobile{display:none}}.crm-page-title{display:flex;align-items:center;font-weight:700;color:#111827;font-size:1.25rem}@media (min-width: 640px){.crm-page-title{font-size:1.5rem}}@media (min-width: 1024px){.crm-page-title{font-size:1.875rem}}.crm-page-title-icon{height:1.25rem;width:1.25rem;margin-right:.75rem;color:#2563eb;flex-shrink:0}@media (min-width: 640px){.crm-page-title-icon{height:1.5rem;width:1.5rem}}@media (min-width: 1024px){.crm-page-title-icon{height:1.75rem;width:1.75rem}}.crm-section-title{display:flex;align-items:center;font-weight:600;color:#374151;font-size:1.125rem}@media (min-width: 640px){.crm-section-title{font-size:1.25rem}}.crm-section-title-icon{height:1.25rem;width:1.25rem;margin-right:.5rem;color:#2563eb;flex-shrink:0}.crm-month-year-btn{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:.5rem;font-weight:500;font-size:.75rem;line-height:1rem;transition:all .2s ease-in-out;border:1px solid #d1d5db;background-color:#fff;color:#374151;cursor:pointer;gap:.25rem;min-width:120px;flex:1 1 0%}@media (min-width: 640px){.crm-month-year-btn{flex:none;font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem;gap:.5rem;min-width:140px}}.crm-month-year-btn:hover{background-color:#f9fafb;border-color:#9ca3af;color:#111827}.crm-month-year-btn:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px #3b82f6;border-color:#3b82f6}.crm-month-year-btn:disabled{opacity:.5;cursor:not-allowed}.crm-month-year-btn-icon{height:.75rem;width:.75rem;margin-right:.25rem;flex-shrink:0}@media (min-width: 640px){.crm-month-year-btn-icon{height:1rem;width:1rem;margin-right:.5rem}}.crm-month-year-btn-text{display:none}@media (min-width: 640px){.crm-month-year-btn-text{display:inline}}.crm-month-year-btn-text-mobile{display:inline}@media (min-width: 640px){.crm-month-year-btn-text-mobile{display:none}}.crm-month-year-btn-gradient{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;color:#374151}.crm-month-year-btn-gradient:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-color:#9ca3af;color:#111827;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.crm-month-year-btn-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.crm-month-year-btn-blue:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);border-color:#60a5fa;color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px -1px #3b82f61a,0 2px 4px -1px #3b82f60f}table th,.modern-table-header-cell,[role=columnheader]{text-align:center!important;font-weight:600!important}table td,.modern-table-cell,[role=gridcell],table .text-left,table .text-right{text-align:center!important}[data-radix-collection-item] th{text-align:center!important;font-weight:600!important}[data-radix-collection-item] td{text-align:center!important}:root{--card-hover-transform: translateY(-4px);--card-hover-shadow: 0 20px 40px rgba(0, 0, 0, .15);--card-hover-border: #3b82f6;--card-hover-transition: all .4s ease;--stat-card-hover-bg: rgba(59, 130, 246, .03);--stat-blue-gradient: linear-gradient(90deg, #3b82f6, #1d4ed8);--stat-green-gradient: linear-gradient(90deg, #10b981, #059669);--stat-orange-gradient: linear-gradient(90deg, #f97316, #ea580c);--stat-purple-gradient: linear-gradient(90deg, #8b5cf6, #7c3aed);--stat-red-gradient: linear-gradient(90deg, #ef4444, #dc2626);--stat-yellow-gradient: linear-gradient(90deg, #eab308, #ca8a04);--stat-indigo-gradient: linear-gradient(90deg, #6366f1, #4f46e5);--stat-pink-gradient: linear-gradient(90deg, #ec4899, #db2777);--stat-teal-gradient: linear-gradient(90deg, #14b8a6, #0d9488)}.stat-card-blue{--stat-gradient: var(--stat-blue-gradient)}.stat-card-green{--stat-gradient: var(--stat-green-gradient)}.stat-card-orange{--stat-gradient: var(--stat-orange-gradient)}.stat-card-purple{--stat-gradient: var(--stat-purple-gradient)}.stat-card-red{--stat-gradient: var(--stat-red-gradient)}.stat-card-yellow{--stat-gradient: var(--stat-yellow-gradient)}.stat-card-indigo{--stat-gradient: var(--stat-indigo-gradient)}.stat-card-pink{--stat-gradient: var(--stat-pink-gradient)}.stat-card-teal{--stat-gradient: var(--stat-teal-gradient)}.modern-container{max-width:1400px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.modern-page-header{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 10px 25px #0000001a;position:relative;overflow:hidden}.modern-page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4)}.modern-page-header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.modern-page-title-section{display:flex;align-items:center;gap:1.5rem}.modern-page-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:16px;box-shadow:0 8px 20px #3b82f666;position:relative}.modern-page-icon:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;padding:2px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.modern-page-title{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.025em}.modern-page-subtitle{color:#64748b;font-size:1.1rem;margin:.5rem 0 0;font-weight:400}.modern-page-actions{display:flex;gap:.75rem;align-items:center}.modern-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:.875rem;transition:all .3s ease;border:none;cursor:pointer;text-decoration:none;gap:.5rem;position:relative;overflow:hidden}.modern-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.modern-btn:hover:before{left:100%}.modern-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 14px #3b82f666}.modern-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.modern-btn-secondary{background:#fff;color:#374151;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000001a}.modern-btn-secondary:hover{background:#f9fafb;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.modern-btn-outline{background:transparent;color:#3b82f6;border:2px solid #3b82f6}.modern-btn-outline:hover{background:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #3b82f64d}.modern-btn-ghost{background:transparent;color:#6b7280;border:2px solid transparent}.modern-btn-ghost:hover{background:#f3f4f6;color:#374151;border-color:#d1d5db}.modern-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444466}.modern-btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444480;background:linear-gradient(135deg,#dc2626,#b91c1c)}.modern-btn-sm{padding:.625rem 1.25rem;font-size:.8rem}.action-btn-edit{--shadow-color: rgba(59, 130, 246, .2);transition:all .2s ease-in-out;box-shadow:0 2px 4px var(--shadow-color);position:relative;overflow:hidden}.action-btn-edit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .3s ease}.action-btn-edit:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color)}.action-btn-edit:hover:before{left:100%}.action-btn-delete{--shadow-color: rgba(239, 68, 68, .2);transition:all .2s ease-in-out;box-shadow:0 2px 4px var(--shadow-color);position:relative;overflow:hidden}.action-btn-delete:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(239,68,68,.1),transparent);transition:left .3s ease}.action-btn-delete:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color)}.action-btn-delete:hover:before{left:100%}.action-btn-view{--shadow-color: rgba(34, 197, 94, .2);transition:all .2s ease-in-out;box-shadow:0 2px 4px var(--shadow-color);position:relative;overflow:hidden}.action-btn-view:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,.1),transparent);transition:left .3s ease}.action-btn-view:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color)}.action-btn-view:hover:before{left:100%}.action-btn-success{--shadow-color: rgba(34, 197, 94, .2);transition:all .2s ease-in-out;box-shadow:0 2px 4px var(--shadow-color);position:relative;overflow:hidden}.action-btn-success:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,.1),transparent);transition:left .3s ease}.action-btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color)}.action-btn-success:hover:before{left:100%}.action-btn-present{--shadow-color: rgba(34, 197, 94, .2);transition:all .2s ease-in-out;box-shadow:0 2px 4px var(--shadow-color);position:relative;overflow:hidden}.action-btn-present:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,.1),transparent);transition:left .3s ease}.action-btn-present:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color)}.action-btn-present:hover:before{left:100%}.action-btn-late{--shadow-color: rgba(245, 158, 11, .2);transition:all .2s ease-in-out;box-shadow:0 2px 4px var(--shadow-color);position:relative;overflow:hidden}.action-btn-late:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(245,158,11,.1),transparent);transition:left .3s ease}.action-btn-late:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color)}.action-btn-late:hover:before{left:100%}.action-btn-absent{--shadow-color: rgba(239, 68, 68, .2);transition:all .2s ease-in-out;box-shadow:0 2px 4px var(--shadow-color);position:relative;overflow:hidden}.action-btn-absent:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(239,68,68,.1),transparent);transition:left .3s ease}.action-btn-absent:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color)}.action-btn-absent:hover:before{left:100%}.action-btn-reset{--shadow-color: rgba(107, 114, 128, .2);transition:all .2s ease-in-out;box-shadow:0 2px 4px var(--shadow-color);position:relative;overflow:hidden}.action-btn-reset:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(107,114,128,.1),transparent);transition:left .3s ease}.action-btn-reset:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color)}.action-btn-reset:hover:before{left:100%}.action-btn-add{--shadow-color: rgba(124, 58, 237, .2);transition:all .2s ease-in-out;box-shadow:0 2px 4px var(--shadow-color);position:relative;overflow:hidden}.action-btn-add:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.1),transparent);transition:left .3s ease}.action-btn-add:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color)}.action-btn-add:hover:before{left:100%}.modern-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.modern-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;position:relative;overflow:hidden;transition:var(--card-hover-transition);box-shadow:0 2px 4px -1px #00000014;display:flex;align-items:center;gap:1rem;cursor:pointer}.modern-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--stat-gradient, var(--stat-blue-gradient));transition:opacity .3s ease}.modern-stat-card:hover{transform:var(--card-hover-transform);box-shadow:var(--card-hover-shadow);border-color:var(--card-hover-border);background:var(--stat-card-hover-bg)}.modern-stat-icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:10px;flex-shrink:0;position:relative}.modern-stat-icon:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:13px;padding:1px;background:linear-gradient(135deg,currentColor,transparent);-webkit-mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.3}.modern-stat-icon-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.modern-stat-icon-green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.modern-stat-icon-orange{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#9a3412}.modern-stat-icon-purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#7c2d12}.modern-stat-content{flex:1}.modern-stat-value{font-size:1.75rem;font-weight:700;color:#1e293b;line-height:1;margin-bottom:.375rem;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modern-stat-value.status-active{background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modern-stat-value.status-inactive{background:linear-gradient(135deg,#6b7280,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modern-stat-value.status-discharged{background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modern-stat-label{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.modern-controls-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a}.modern-search-container{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.modern-search-wrapper{position:relative;flex:1;min-width:300px}.modern-search-input{width:100%;padding:1rem 1.25rem 1rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.875rem;transition:all .3s ease;background:#fff}.modern-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.modern-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#9ca3af;pointer-events:none}.modern-tabs-container{display:flex;gap:.5rem;padding:.5rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;box-shadow:inset 0 2px 4px #0000000d}.modern-tabs-container::-webkit-scrollbar{display:none}.modern-tab{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;border:none;background:transparent;color:#64748b;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative}.modern-tab:hover{background:#fff;color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.modern-tab-active{background:#fff;color:#3b82f6;box-shadow:0 6px 20px #3b82f633;border:2px solid #bfdbfe;transform:translateY(-2px)}.modern-tabs{display:flex;justify-content:center;align-items:center;margin:1rem 0;padding:0 1rem;width:100%}.modern-tabs-list{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;box-shadow:0 1px 3px #0000000d;width:100%;max-width:600px}.modern-tabs-list::-webkit-scrollbar{display:none}.modern-tab{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .875rem;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-weight:500;font-size:.8rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;min-height:36px;min-width:90px;text-align:center}.modern-tab:hover{background:#f8fafc;color:#334155;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.modern-tab-active{background:#3b82f6;color:#fff;border-color:#2563eb;box-shadow:0 4px 16px #3b82f640;transform:translateY(-1px)}.modern-tab-active:hover{background:#2563eb;color:#fff;border-color:#1d4ed8}@media (max-width: 768px){.modern-tabs{margin:.75rem 0;padding:0 .5rem}.modern-tabs-list{gap:.375rem;padding:.375rem;overflow-x:auto;justify-content:flex-start}.modern-tab{padding:.45rem .75rem;font-size:.75rem;min-width:80px;flex-shrink:0;min-height:32px}.modern-tab svg{width:14px;height:14px}}@media (max-width: 480px){.modern-tabs{margin:.5rem 0;padding:0 .25rem}.modern-tabs-list{gap:.25rem;padding:.3rem}.modern-tab{padding:.4rem .6rem;font-size:.7rem;min-width:70px;gap:.25rem;min-height:30px}.modern-tab svg{width:12px;height:12px}.modern-tab span{display:none}.modern-tab:after{content:attr(data-label);font-size:.65rem;line-height:1}}.modern-tab-content{margin-top:2rem;padding:0}.modern-tab-content .space-y-6>*+*{margin-top:1.5rem}.modern-setting-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000f;transition:all .2s ease}.modern-setting-card:hover{box-shadow:0 4px 16px #0000001a;border-color:#d1d5db}.modern-setting-card .card-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #f3f4f6}.modern-setting-card .card-content{padding:1.5rem}@media (min-width: 1200px){.modern-tabs{margin:1.25rem 0}.modern-tabs-list{gap:.625rem;padding:.625rem 1rem}.modern-tab{padding:.55rem 1rem;font-size:.85rem;min-width:100px;min-height:38px}.modern-tab svg{width:16px;height:16px}}.modern-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;border:1px solid transparent;text-transform:uppercase;letter-spacing:.025em}.modern-badge-secondary{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-color:#cbd5e1}.modern-badge-green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #86efac}.modern-badge-orange{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#9a3412;border:1px solid #fb923c}.modern-badge-red{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#991b1b;border:1px solid #f87171}.modern-badge-gray{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid #d1d5db}.modern-content-grid{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2.5rem;box-shadow:0 4px 6px -1px #0000001a}.modern-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem}.modern-setting-card{background:linear-gradient(135deg,#fafbfc,#fff);border:2px solid #e2e8f0;border-radius:16px;padding:2rem;transition:all .4s ease;position:relative;overflow:hidden}.modern-setting-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity .3s ease}.modern-setting-card:hover{background:#fff;border-color:#3b82f6;box-shadow:0 20px 40px #3b82f626;transform:translateY(-4px)}.modern-setting-card:hover:before{opacity:1}.modern-setting-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.modern-setting-info{display:flex;align-items:flex-start;gap:1rem;flex:1}.modern-setting-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;border-radius:12px;flex-shrink:0;box-shadow:0 4px 12px #3b82f633}.modern-setting-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;line-height:1.3}.modern-setting-description{font-size:.875rem;color:#64748b;line-height:1.6}.modern-setting-status{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.modern-setting-content{margin-bottom:1.5rem}.modern-setting-value{margin-bottom:1rem}.modern-setting-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.025em}.modern-setting-item{padding:1.25rem;background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease;position:relative}.modern-setting-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.modern-setting-item .modern-setting-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.modern-setting-item .modern-setting-value{font-size:1rem;font-weight:600;color:#111827;line-height:1.4;margin-bottom:0}.modern-setting-display{padding:1rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e2e8f0;border-radius:12px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.875rem;color:#1e293b;word-break:break-all;box-shadow:inset 0 2px 4px #0000000d;transition:all .2s ease}.modern-setting-display:hover{border-color:#3b82f6;background:#fff}.modern-setting-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.modern-setting-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#6b7280;font-weight:500}.modern-setting-meta-item svg{opacity:.7}.modern-setting-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:2px solid #f1f5f9}.modern-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.modern-loading-spinner{width:3.5rem;height:3.5rem;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.modern-loading-text{color:#64748b;font-size:1.1rem;font-weight:500}.modern-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center}.modern-empty-icon{width:5rem;height:5rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#9ca3af;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;box-shadow:0 4px 12px #0000001a}.modern-empty-title{font-size:1.5rem;font-weight:700;color:#374151;margin-bottom:.75rem}.modern-empty-description{color:#6b7280;font-size:1rem;max-width:32rem;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.modern-container{padding:1rem}.modern-page-header{padding:1.5rem;border-radius:16px}.modern-page-header-content{flex-direction:column;align-items:flex-start}.modern-page-actions{width:100%;justify-content:stretch}.modern-page-actions .modern-btn{flex:1}.modern-settings-grid{grid-template-columns:1fr}.modern-setting-header{flex-direction:column;align-items:flex-start}.modern-setting-status{align-self:flex-end;margin-top:.5rem}.modern-tabs-container{padding:.5rem}.modern-search-container{flex-direction:column;align-items:stretch}.modern-search-wrapper{min-width:auto}}@media (max-width: 480px){.modern-setting-card{padding:1.5rem}.modern-stat-card{padding:1rem}.modern-stats-grid{grid-template-columns:1fr;gap:.75rem}.modern-stat-value{font-size:1.5rem}.modern-stat-label{font-size:.7rem}.modern-stat-icon{width:2.25rem;height:2.25rem}.modern-page-title{font-size:1.875rem}.modern-page-icon{width:3rem;height:3rem}}.crm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalOverlayIn .2s ease-out}@keyframes modalOverlayIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.crm-modal-container{max-width:95vw;max-height:95vh;width:100%;overflow:hidden;background:linear-gradient(135deg,#fff,#eff6ff4d);border:none;box-shadow:0 25px 50px -12px #00000040;padding:0;margin:1rem;border-radius:1rem;animation:modalIn .3s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (min-width: 640px){.crm-modal-container{max-width:6xl;border-radius:1.5rem}}.crm-modal-header{position:relative;border-bottom:1px solid rgba(59,130,246,.1);padding:.75rem}@media (min-width: 640px){.crm-modal-header{padding:1rem}}@media (min-width: 768px){.crm-modal-header{padding:1.5rem}}.crm-modal-header-content{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}@media (min-width: 640px){.crm-modal-header-content{gap:.75rem;margin-top:1rem}}@media (min-width: 768px){.crm-modal-header-content{gap:1rem}}.crm-modal-header-photo{position:relative;flex-shrink:0}.crm-modal-header-avatar{width:2.5rem;height:2.5rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid white;box-shadow:0 10px 15px -3px #0000001a}@media (min-width: 640px){.crm-modal-header-avatar{width:3.5rem;height:3.5rem;border-width:4px}}@media (min-width: 768px){.crm-modal-header-avatar{width:4rem;height:4rem}}@media (min-width: 1024px){.crm-modal-header-avatar{width:5rem;height:5rem}}.crm-modal-header-badge{position:absolute;bottom:-.25rem;right:-.25rem;border:2px solid white;box-shadow:0 1px 3px #0000001a;font-size:.75rem}.crm-modal-header-text{flex:1;min-width:0}.crm-modal-title{font-size:1.125rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 640px){.crm-modal-title{font-size:1.25rem;gap:.5rem}}@media (min-width: 768px){.crm-modal-title{font-size:1.5rem}}@media (min-width: 1024px){.crm-modal-title{font-size:1.875rem}}.crm-modal-title-icon{height:1rem;width:1rem;color:#2563eb;flex-shrink:0}@media (min-width: 640px){.crm-modal-title-icon{height:1.25rem;width:1.25rem}}@media (min-width: 768px){.crm-modal-title-icon{height:1.5rem;width:1.5rem}}@media (min-width: 1024px){.crm-modal-title-icon{height:1.75rem;width:1.75rem}}.crm-modal-description{font-size:.75rem;color:#6b7280;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 640px){.crm-modal-description{font-size:.875rem}}@media (min-width: 768px){.crm-modal-description{font-size:1.125rem}}@media (min-width: 1024px){.crm-modal-description{font-size:1.25rem}}.crm-modal-body{overflow-y:auto;max-height:calc(95vh - 100px)}@media (min-width: 640px){.crm-modal-body{max-height:calc(95vh - 120px)}}@media (min-width: 768px){.crm-modal-body{max-height:calc(95vh - 140px)}}@media (min-width: 1024px){.crm-modal-body{max-height:calc(95vh - 200px)}}.crm-modal-body::-webkit-scrollbar{width:6px}.crm-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.crm-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.crm-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.crm-modal-content{padding:.5rem}.crm-modal-content>*+*{margin-top:.75rem}@media (min-width: 640px){.crm-modal-content{padding:.75rem}.crm-modal-content>*+*{margin-top:1rem}}@media (min-width: 768px){.crm-modal-content{padding:1rem}.crm-modal-content>*+*{margin-top:1.5rem}}@media (min-width: 1024px){.crm-modal-content{padding:1.5rem}.crm-modal-content>*+*{margin-top:2rem}}.crm-modal-section{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.5rem;padding:.75rem;border:1px solid rgba(59,130,246,.1);box-shadow:0 1px 3px #0000001a}@media (min-width: 640px){.crm-modal-section{border-radius:.75rem;padding:1rem}}@media (min-width: 768px){.crm-modal-section{border-radius:1rem;padding:1.25rem}}@media (min-width: 1024px){.crm-modal-section{border-radius:1.5rem;padding:1.5rem}}.crm-modal-section-blue{border-color:#3b82f61a}.crm-modal-section-green{border-color:#22c55e1a}.crm-modal-section-red{border-color:#ef44441a}.crm-modal-section-purple{border-color:#9333ea1a}.crm-modal-section-orange{border-color:#f973161a}.crm-modal-section-amber{border-color:#f59e0b1a}.crm-modal-section-header{font-size:1rem;font-weight:700;color:#111827;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}@media (min-width: 640px){.crm-modal-section-header{font-size:1.125rem;margin-bottom:1rem}}@media (min-width: 768px){.crm-modal-section-header{font-size:1.25rem;margin-bottom:1.5rem}}.crm-modal-section-icon{width:1.25rem;height:1.25rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}@media (min-width: 640px){.crm-modal-section-icon{width:1.5rem;height:1.5rem}}@media (min-width: 768px){.crm-modal-section-icon{width:2rem;height:2rem}}.crm-modal-section-icon-blue{background-color:#dbeafe}.crm-modal-section-icon-green{background-color:#dcfce7}.crm-modal-section-icon-red{background-color:#fee2e2}.crm-modal-section-icon-purple{background-color:#f3e8ff}.crm-modal-section-icon-orange{background-color:#fed7aa}.crm-modal-section-icon-amber{background-color:#fef3c7}.crm-modal-card-grid{display:grid;grid-template-columns:1fr;gap:.5rem}@media (min-width: 640px){.crm-modal-card-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (min-width: 1024px){.crm-modal-card-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}.crm-modal-info-card{padding:.5rem;border-radius:.5rem;border:1px solid;transition:all .2s ease}@media (min-width: 640px){.crm-modal-info-card{padding:.75rem;border-radius:.75rem}}@media (min-width: 768px){.crm-modal-info-card{padding:1rem}}.crm-modal-info-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.crm-modal-info-card-blue{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#bfdbfe}.crm-modal-info-card-green{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#bbf7d0}.crm-modal-info-card-red{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#fecaca}.crm-modal-info-card-purple{background:linear-gradient(135deg,#faf5ff,#fff);border-color:#e9d5ff}.crm-modal-info-card-orange{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#fed7aa}.crm-modal-info-card-amber{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#fde68a}.crm-modal-info-card-gray{background:linear-gradient(135deg,#f9fafb,#fff);border-color:#e5e7eb}.crm-modal-card-content{display:flex;align-items:center;gap:.5rem}@media (min-width: 640px){.crm-modal-card-content{gap:.75rem}}.crm-modal-card-icon{width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (min-width: 640px){.crm-modal-card-icon{width:2rem;height:2rem}}@media (min-width: 768px){.crm-modal-card-icon{width:2.5rem;height:2.5rem}}.crm-modal-card-icon-blue{background-color:#dbeafe}.crm-modal-card-icon-green{background-color:#dcfce7}.crm-modal-card-icon-red{background-color:#fee2e2}.crm-modal-card-icon-purple{background-color:#f3e8ff}.crm-modal-card-icon-orange{background-color:#fed7aa}.crm-modal-card-icon-amber{background-color:#fef3c7}.crm-modal-card-icon-gray{background-color:#f3f4f6}.crm-modal-card-text{flex:1;min-width:0}.crm-modal-card-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.25rem}.crm-modal-card-value{font-size:.875rem;font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 640px){.crm-modal-card-value{font-size:1rem}}@media (min-width: 768px){.crm-modal-card-value{font-size:1.125rem}}.crm-modal-card-label-blue{color:#2563eb}.crm-modal-card-label-green{color:#16a34a}.crm-modal-card-label-red{color:#dc2626}.crm-modal-card-label-purple{color:#9333ea}.crm-modal-card-label-orange{color:#ea580c}.crm-modal-card-label-amber{color:#d97706}.crm-modal-card-label-gray{color:#6b7280}.crm-modal-payment-section{margin-top:1rem;padding:.75rem;border-radius:.5rem;background:linear-gradient(135deg,#fffbeb,#fed7aa 20%,#fbbf24);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(245,158,11,.5);box-shadow:0 10px 15px -3px #0000001a}@media (min-width: 640px){.crm-modal-payment-section{margin-top:1.5rem;padding:1rem;border-radius:.75rem}}@media (min-width: 768px){.crm-modal-payment-section{margin-top:2rem;padding:1.25rem;border-radius:1rem}}@media (min-width: 1024px){.crm-modal-payment-section{padding:1.5rem;border-radius:1.5rem}}.crm-modal-payment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}@media (min-width: 640px){.crm-modal-payment-header{gap:.75rem;margin-bottom:1rem}}@media (min-width: 768px){.crm-modal-payment-header{margin-bottom:1.5rem}}.crm-modal-payment-icon{width:2rem;height:2rem;background:linear-gradient(135deg,#f59e0b,#ea580c);border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000001a}@media (min-width: 640px){.crm-modal-payment-icon{width:2.5rem;height:2.5rem}}@media (min-width: 768px){.crm-modal-payment-icon{width:3rem;height:3rem}}.crm-modal-payment-title{font-size:1rem;font-weight:700;background:linear-gradient(135deg,#d97706,#ea580c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 640px){.crm-modal-payment-title{font-size:1.125rem}}@media (min-width: 768px){.crm-modal-payment-title{font-size:1.25rem}}.crm-modal-payment-subtitle{font-size:.75rem;color:#d97706b3;margin-top:.25rem}@media (min-width: 640px){.crm-modal-payment-subtitle{font-size:.875rem}}.crm-modal-payment-card{background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.5rem;padding:.5rem;border:1px solid rgba(245,158,11,.3);box-shadow:0 1px 3px #0000001a;transition:all .2s ease}@media (min-width: 640px){.crm-modal-payment-card{border-radius:.75rem;padding:.75rem}}@media (min-width: 768px){.crm-modal-payment-card{padding:1rem}}.crm-modal-payment-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.crm-modal-payment-card-highlight{background:linear-gradient(135deg,#f3e8ff,#c7d2fe);border:1px solid rgba(147,51,234,.5);box-shadow:0 4px 6px -1px #0000001a}.crm-modal-payment-card-success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid rgba(34,197,94,.5);box-shadow:0 4px 6px -1px #0000001a}.crm-modal-payment-card-warning{background:linear-gradient(135deg,#fee2e2,#fca5a5);border:1px solid rgba(239,68,68,.5);box-shadow:0 4px 6px -1px #0000001a}.crm-modal-text-xs{font-size:.75rem}@media (min-width: 640px){.crm-modal-text-xs{font-size:.875rem}}.crm-modal-text-sm{font-size:.875rem}@media (min-width: 640px){.crm-modal-text-sm{font-size:1rem}}@media (min-width: 768px){.crm-modal-text-sm{font-size:1.125rem}}.crm-modal-text-base{font-size:1rem}@media (min-width: 640px){.crm-modal-text-base{font-size:1.125rem}}@media (min-width: 768px){.crm-modal-text-base{font-size:1.25rem}}.crm-modal-space-y>*+*{margin-top:.75rem}@media (min-width: 640px){.crm-modal-space-y>*+*{margin-top:1rem}}@media (min-width: 768px){.crm-modal-space-y>*+*{margin-top:1.5rem}}@media (min-width: 1024px){.crm-modal-space-y>*+*{margin-top:2rem}}.crm-edit-modal-container{max-width:min(95vw,700px);max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,#fff,#eff6ff4d);border:none;box-shadow:0 25px 50px -12px #00000040;border-radius:1rem;animation:editModalIn .3s ease-out}@keyframes editModalIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.crm-edit-form-header{position:relative;border-bottom:1px solid rgba(59,130,246,.1);padding:.75rem}@media (min-width: 640px){.crm-edit-form-header{padding:1rem}}@media (min-width: 768px){.crm-edit-form-header{padding:1.5rem}}.crm-edit-form-header-content{display:flex;align-items:center;gap:.75rem}.crm-edit-form-icon{padding:.5rem;background-color:#dbeafe;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.crm-edit-form-icon-edit{color:#2563eb}.crm-edit-form-icon-add{color:#059669}.crm-edit-form-icon-delete{color:#dc2626}.crm-edit-form-title{font-size:1.25rem;font-weight:700;color:#111827;line-height:1.2}.crm-edit-form-description{color:#6b7280;margin-top:.25rem;font-size:.875rem;line-height:1.4}.crm-edit-form{padding:.75rem}@media (min-width: 640px){.crm-edit-form{padding:1rem}}@media (min-width: 768px){.crm-edit-form{padding:1.5rem}}.crm-edit-form-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.crm-edit-form-grid{grid-template-columns:repeat(2,1fr)}}.crm-edit-form-grid-full{grid-column:1 / -1}.crm-edit-form-field{display:flex;flex-direction:column;gap:.5rem}.crm-edit-form-label{font-size:.875rem;font-weight:500;color:#374151;line-height:1.4}.crm-edit-form-label-required:after{content:" *";color:#dc2626}.crm-edit-form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;line-height:1.4;background-color:#fff;transition:all .2s ease}.crm-edit-form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a}.crm-edit-form-input::-moz-placeholder{color:#9ca3af}.crm-edit-form-input::placeholder{color:#9ca3af}.crm-edit-form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;line-height:1.4;background-color:#fff;transition:all .2s ease;resize:vertical;min-height:80px}.crm-edit-form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a}.crm-edit-form-textarea::-moz-placeholder{color:#9ca3af}.crm-edit-form-textarea::placeholder{color:#9ca3af}.crm-edit-form-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;line-height:1.4;background-color:#fff;transition:all .2s ease;cursor:pointer}.crm-edit-form-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a}.crm-edit-form-footer{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}@media (min-width: 640px){.crm-edit-form-footer{flex-direction:row;justify-content:flex-end;gap:.75rem;padding-top:1.5rem}}.crm-edit-form-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.875rem;transition:all .2s ease;cursor:pointer;border:none;text-decoration:none;width:100%}@media (min-width: 640px){.crm-edit-form-btn{width:auto;min-width:120px}}.crm-edit-form-btn-cancel{background-color:#fff;color:#374151;border:1px solid #d1d5db}.crm-edit-form-btn-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.crm-edit-form-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 14px #3b82f666}.crm-edit-form-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f680}.crm-edit-form-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 14px #3b82f666}.crm-edit-form-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444466}.crm-edit-form-btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444480}.crm-edit-form-btn-loading{opacity:.8;cursor:not-allowed}.crm-edit-form-btn-loading .crm-edit-form-btn-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.crm-delete-modal-container{max-width:min(95vw,400px);background:linear-gradient(135deg,#fff,#fef2f24d);border:none;box-shadow:0 25px 50px -12px #00000040;border-radius:1rem;animation:deleteModalIn .3s ease-out}@keyframes deleteModalIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.crm-delete-form-header{text-align:center;padding-bottom:.5rem}.crm-delete-form-icon{margin:0 auto 1rem;height:3rem;width:3rem;border-radius:50%;background-color:#fee2e2;display:flex;align-items:center;justify-content:center}.crm-delete-form-icon-danger{color:#dc2626;height:1.5rem;width:1.5rem}.crm-delete-form-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.5rem}.crm-delete-form-description{font-size:.875rem;color:#6b7280;line-height:1.5}.crm-delete-preview-card{background-color:#f9fafb;border-radius:.5rem;padding:1rem;margin:1rem 0;border:1px solid #e5e7eb}.crm-delete-preview-content{font-size:.875rem;line-height:1.4}.crm-delete-preview-title{font-weight:500;color:#111827;margin-bottom:.25rem}.crm-delete-preview-detail{color:#6b7280;margin-bottom:.25rem}.crm-delete-preview-detail:last-child{margin-bottom:0}.crm-delete-preview-status{text-transform:capitalize}.crm-edit-form-input-error,.crm-edit-form-textarea-error,.crm-edit-form-select-error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.crm-edit-form-input-success,.crm-edit-form-textarea-success,.crm-edit-form-select-success{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.crm-edit-form-error-message{font-size:.75rem;color:#dc2626;margin-top:.25rem;line-height:1.4}.crm-edit-form-help-text{font-size:.75rem;color:#6b7280;margin-top:.25rem;line-height:1.4}.crm-edit-form-full-width,.crm-edit-form-half-width{width:100%}@media (min-width: 768px){.crm-edit-form-half-width{width:calc(50% - .5rem)}}.crm-edit-form-section{margin-bottom:1.5rem}.crm-edit-form-section:last-child{margin-bottom:0}.crm-edit-form-group{margin-bottom:1rem}.crm-edit-form-group:last-child{margin-bottom:0}.crm-modal-media-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.crm-modal-media-card:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.crm-modal-media-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.crm-modal-media-icon{width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.crm-modal-media-icon-blue{background-color:#dbeafe;color:#2563eb;border:1px solid #bfdbfe}.crm-modal-media-icon-green{background-color:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.crm-modal-media-icon-gray{background-color:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.crm-modal-media-filename{font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.crm-modal-media-preview{margin-bottom:.75rem;border-radius:.5rem;overflow:hidden}.crm-modal-media-actions{display:flex;justify-content:center;gap:.5rem}.crm-modal-media-btn{display:flex;align-items:center;font-size:.875rem;padding:.5rem .75rem;border-radius:.5rem;border:1px solid;transition:all .2s ease;font-weight:500}.crm-modal-media-btn-view{background-color:#eff6ff;color:#2563eb;border-color:#bfdbfe}.crm-modal-media-btn-view:hover{background-color:#dbeafe;border-color:#93c5fd}.crm-modal-media-btn-download{background-color:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.crm-modal-media-btn-download:hover{background-color:#dcfce7;border-color:#86efac}.crm-modal-filter-btn{display:flex;align-items:center;font-size:.875rem;padding:.5rem 1rem;border-radius:.5rem;border:1px solid #d1d5db;background-color:#fff;color:#374151;transition:all .2s ease;min-width:140px}.crm-modal-filter-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.crm-modal-table-container{border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;background:#fff}.crm-modal-table-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e5e7eb}.crm-modal-table-cell{padding:.75rem 1rem;font-weight:600;color:#374151;border-right:1px solid #f3f4f6}.crm-modal-table-cell:last-child{border-right:none}.editpopup.form .dialog-content{max-width:800px;max-height:90vh;overflow-y:auto}.editpopup.form .dialog-header{position:relative;padding-bottom:.75rem;border-bottom:1px solid rgba(59,130,246,.1);padding:.75rem 1rem}@media (min-width: 640px){.editpopup.form .dialog-header{padding:1rem}}@media (min-width: 768px){.editpopup.form .dialog-header{padding:1.5rem}}.editpopup.form .dialog-header .icon-container{padding:.5rem;background-color:#dbeafe;border-radius:.5rem}.editpopup.form .dialog-header .icon{height:1.25rem;width:1.25rem;color:#2563eb}.editpopup.form .dialog-title{font-size:1.25rem;font-weight:700;color:#111827}.editpopup.form .dialog-description{color:#4b5563;margin-top:.25rem}.editpopup.form .form-container{padding:.75rem 1rem;gap:1.5rem}@media (min-width: 640px){.editpopup.form .form-container{padding:1rem}}@media (min-width: 768px){.editpopup.form .form-container{padding:1.5rem}}.editpopup.form .form-section{gap:1rem}.editpopup.form .form-section-title{font-size:1.125rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.5rem}.editpopup.form .form-section-icon{width:1.5rem;height:1.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.editpopup.form .form-section-icon.personal{background-color:#dbeafe}.editpopup.form .form-section-icon.contact{background-color:#d1fae5}.editpopup.form .form-section-icon.family{background-color:#f3e8ff}.editpopup.form .form-section-icon svg{height:1rem;width:1rem}.editpopup.form .form-section-icon.personal svg{color:#2563eb}.editpopup.form .form-section-icon.contact svg{color:#059669}.editpopup.form .form-section-icon.family svg{color:#9333ea}.editpopup.form .form-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.editpopup.form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.editpopup.form .form-field{gap:.5rem}.editpopup.form .form-label{font-size:.875rem;font-weight:500;color:#374151}.editpopup.form .form-required{color:#ef4444}.editpopup.form .form-input,.editpopup.form .form-textarea,.editpopup.form .form-select-trigger,.editpopup.form .crm-edit-form-input,.editpopup.form .crm-edit-form-textarea,.editpopup.form .crm-edit-form-select{margin-top:.25rem;border-color:#3b82f64d}.editpopup.form .form-input:focus,.editpopup.form .form-textarea:focus,.editpopup.form .form-select-trigger:focus,.editpopup.form .crm-edit-form-input:focus,.editpopup.form .crm-edit-form-textarea:focus,.editpopup.form .crm-edit-form-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.editpopup.form .form-select-content{background-color:#fff;border:1px solid rgba(209,213,219,1);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:50}.editpopup.form .dialog-footer{display:flex;flex-direction:column;gap:.5rem;padding:1rem .75rem .75rem}@media (min-width: 640px){.editpopup.form .dialog-footer{flex-direction:row;gap:.75rem;padding:1.5rem 1rem 1rem}}@media (min-width: 768px){.editpopup.form .dialog-footer{padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem}}.editpopup.form .footer-button-cancel,.editpopup.form .footer-button-save{width:100%}@media (min-width: 640px){.editpopup.form .footer-button-cancel,.editpopup.form .footer-button-save{width:auto}}