:root{--light-bg:#fff;--light-card:#f1f3f4;--light-border:#dadce0;--background-color:#fff;--background-secondary:#f8fafc;--background-tertiary:#f1f5f9;--text-primary:#171819;--text-secondary:#6c757d;--text-muted:#adb5bd;--primary:#1629ff;--primary-hover:#0018a0;--success:#28a745;--warning:#f59e0b;--warning-hover:#d97706;--danger:#ef4444;--danger-hover:#dc2626;--error:#dc3545;--info:#17a2b8;--dark-bg:#080808;--dark-card:#010101;--dark-border:#2a2f3e;--dark-text-primary:#fff;--dark-text-secondary:#a0a0a0;--dark-text-muted:#666;--dark-bg-secondary:#1a1a1a;--dark-bg-tertiary:#2a2a2a;--bg:var(--light-bg);--card:var(--light-card);--border:var(--light-border);--text-primary-color:var(--text-primary);--text-secondary-color:var(--text-secondary);--text-muted-color:var(--text-muted);--text-tertiary-color:#9ca3af;--blue-100:#1629ff1a;--blue-400:#4f46e5;--blue-500:#1629ff;--blue-600:#0018a0;--purple-100:#e9d5ff;--purple-400:#a78bfa;--purple-500:#8b5cf6;--purple-600:#7c3aed;--green-100:#dcfce7;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--orange-100:#fed7aa;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--radius:8px;--radius-lg:12px;--radius-sm:4px;--shadow:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #0000001a;--shadow-primary:0 2px 8px #001bb71a;--shadow-focus:0 0 0 3px #001bb726;--font-size-xs:0.8rem;--font-size-sm:0.9rem;--font-size-base:1rem;--font-size-lg:1.1rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition:all 0.3s ease}.dark{--bg:var(--dark-bg);--card:var(--dark-card);--border:var(--dark-border);--text-primary-color:var(--dark-text-primary);--text-secondary-color:var(--dark-text-secondary);--text-muted-color:var(--dark-text-muted);--text-tertiary-color:var(--dark-text-muted);--shadow-lg:0 10px 25px #0000004d;--shadow-primary:0 2px 8px #1a237e33;--shadow-focus:0 0 0 3px #1a237e40;--blue-100:#1629ff33;--blue-400:#4f46e5;--blue-500:#1629ff;--blue-600:#0018a0;--purple-100:#9333ea33;--purple-400:#a78bfa;--purple-500:#8b5cf6;--purple-600:#7c3aed;--green-100:#22c55e33;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--orange-100:#f9731633;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--gray-100:#6b728033;--gray-200:#374151;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#fff;background:var(--light-bg);border-radius:4px}::-webkit-scrollbar-thumb{background:#dadce0;background:var(--light-border);border:1px solid #fff;border:1px solid var(--light-bg);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6c757d;background:var(--text-secondary)}::-webkit-scrollbar-corner{background:#fff;background:var(--light-bg)}.dark ::-webkit-scrollbar-track{background:#080808;background:var(--dark-bg)}.dark ::-webkit-scrollbar-thumb{background:#2a2f3e;background:var(--dark-border);border:1px solid #080808;border:1px solid var(--dark-bg)}.dark ::-webkit-scrollbar-thumb:hover{background:#a0a0a0;background:var(--dark-text-secondary)}.dark ::-webkit-scrollbar-corner{background:#080808;background:var(--dark-bg)}*{scrollbar-color:#dadce0 #fff;scrollbar-color:var(--light-border) var(--light-bg);scrollbar-width:thin}.dark *{scrollbar-color:#2a2f3e #080808;scrollbar-color:var(--dark-border) var(--dark-bg)}.filter-input,.filter-select,.filter-textarea{background:#fff;background:var(--light-bg);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:var(--border-radius-sm);color:#171819;color:var(--text-primary-color);font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;width:100%}.filter-input:focus,.filter-select:focus,.filter-textarea:focus{border-color:#1629ff;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}.filter-input:hover,.filter-select:hover,.filter-textarea:hover{border-color:#1629ff;border-color:var(--primary)}.filter-select{-webkit-appearance:none;appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%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 .5rem center;background-position:right var(--spacing-sm) center;background-repeat:no-repeat;background-size:16px;padding-right:1.5rem;padding-right:var(--spacing-xl)}.filter-select::-ms-expand{display:none}.filter-select::-webkit-inner-spin-button,.filter-select::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.filter-select option{background:#fff;background:var(--light-bg);color:#171819;color:var(--text-primary-color);padding:.5rem;padding:var(--spacing-sm)}.filter-input-sm,.filter-select-sm{font-size:.8rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.filter-input-lg,.filter-select-lg{font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg)}.dark .filter-input,.dark .filter-select,.dark .filter-textarea{background:#080808;background:var(--dark-bg);border-color:#2a2f3e;border-color:var(--dark-border);color:#fff;color:var(--dark-text-primary)}.dark .filter-input:focus,.dark .filter-select:focus,.dark .filter-textarea:focus{border-color:#1629ff;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.dark .filter-input:hover,.dark .filter-select:hover,.dark .filter-textarea:hover{border-color:#1629ff;border-color:var(--primary)}.dark .filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23a0a0a0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}.dark .filter-select option{background:#080808;background:var(--dark-bg);color:#fff;color:var(--dark-text-primary)}.filter-checkbox,.filter-radio{accent-color:#1629ff;accent-color:var(--primary);margin-right:.5rem;margin-right:var(--spacing-sm)}.checkbox-label,.radio-label{align-items:center;color:#171819;color:var(--text-primary-color);cursor:pointer;display:flex;font-size:.9rem;font-size:var(--font-size-sm)}.dark .checkbox-label,.dark .radio-label{color:#fff;color:var(--dark-text-primary)}.checkbox-text,.radio-text{margin-left:.25rem;margin-left:var(--spacing-xs)}.filter-range{-webkit-appearance:none;appearance:none;background:#dadce0;background:var(--light-border);width:100%}.filter-range::-webkit-slider-thumb{background:#1629ff;background:var(--primary);border:2px solid #fff;border:2px solid var(--light-bg)}.filter-range::-moz-range-thumb{background:#1629ff;background:var(--primary);border:2px solid #fff;border:2px solid var(--light-bg);border-radius:50%;cursor:pointer;height:18px;width:18px}.dark .filter-range{background:#2a2f3e;background:var(--dark-border)}.dark .filter-range::-webkit-slider-thumb{border-color:#080808;border-color:var(--dark-bg)}.dark .filter-range::-moz-range-thumb{border-color:#080808;border-color:var(--dark-bg)}.range-value{color:#171819;color:var(--text-primary-color);display:block;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-top:.5rem;margin-top:var(--spacing-sm)}.dark .range-value{color:#fff;color:var(--dark-text-primary)}.multiselect-container select[multiple]{padding:.5rem}.multiselect-container select[multiple] option{border-radius:var(--border-radius-sm);margin:2px 0;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.multiselect-container select[multiple] option:checked{background:var(--primary-light);color:var(--primary-dark)}.dark .multiselect-container select[multiple] option:checked{background:#1629ff;background:var(--primary);color:#fff}.filter-panel{background:var(--light-bg);border:1px solid var(--light-border);border-radius:var(--border-radius-md);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);left:0;max-height:80vh;position:absolute;right:0;top:calc(100% + .25rem);top:calc(100% + var(--spacing-xs));z-index:1000}.dark .filter-panel{background:#080808;background:var(--dark-bg);border-color:#2a2f3e;border-color:var(--dark-border)}.filter-panel-header{border-bottom:1px solid var(--light-border);padding:.75rem}.dark .filter-panel-header{border-bottom-color:#2a2f3e;border-bottom-color:var(--dark-border)}.dark .filter-panel-title{color:#fff;color:var(--dark-text-primary)}.filter-panel-content{padding:.75rem}.filter-input-group{margin-bottom:.75rem}.filter-label{margin-bottom:.25rem}.dark .filter-label{color:#fff;color:var(--dark-text-primary)}.advanced-filters-grid{grid-gap:.75rem;gap:.75rem;margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.dark .advanced-filters-grid{background:#0000}.active-filters-display{border-top:1px solid #dadce0;border-top:1px solid var(--light-border);margin-top:1rem;margin-top:var(--spacing-lg);padding-top:.75rem}.dark .active-filters-display{border-top-color:#2a2f3e;border-top-color:var(--dark-border)}.active-filters-title{color:#171819;color:var(--text-primary-color);font-size:.9rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.dark .active-filters-title{color:#fff;color:var(--dark-text-primary)}.active-filters-tags{gap:.25rem}.filter-tag{border-radius:var(--border-radius-sm);color:var(--primary-dark);display:inline-flex;font-size:.8rem;font-size:var(--font-size-xs);gap:.25rem;padding:.25rem .5rem}.dark .filter-tag{background:#1629ff;background:var(--primary);color:#fff}.filter-tag-label{font-weight:500;font-weight:var(--font-weight-medium)}.filter-tag-value{font-weight:400;font-weight:var(--font-weight-normal)}.filter-tag-remove{border-radius:2px;justify-content:center;padding:2px}.filter-tag-remove:hover{background:#0000001a}.dark .filter-tag-remove:hover{background:#ffffff1a}.filter-toggle-btn{background:#fff;background:var(--light-bg);border:1px solid var(--light-border);border-radius:var(--border-radius-sm);color:#171819;color:var(--text-primary-color)}.filter-toggle-btn:hover{background:#dadce0;background:var(--border);border-color:#1629ff;border-color:var(--primary)}.dark .filter-toggle-btn{background:#080808;background:var(--dark-bg);border-color:#2a2f3e;border-color:var(--dark-border);color:#fff;color:var(--dark-text-primary)}.dark .filter-toggle-btn:hover{background:#2a2f3e;background:var(--dark-border)}.filter-count-badge{background:#dc3545;background:var(--error);border-radius:50%;color:#1629ff;font-size:10px;font-weight:700;font-weight:var(--font-weight-bold);position:absolute;right:-4px;top:-4px;width:18px}.filter-clear-all-btn,.filter-clear-btn{align-items:center;background:var(--error-light);border:1px solid #dc3545;border:1px solid var(--error);border-radius:var(--border-radius-sm);color:var(--error-dark);cursor:pointer;display:flex;font-size:.8rem;font-size:var(--font-size-xs);gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.filter-clear-all-btn:hover,.filter-clear-btn:hover{background:#dc3545;background:var(--error);color:#fff}.dark .filter-clear-all-btn,.dark .filter-clear-btn{background:var(--error-dark);color:var(--error-light)}.dark .filter-clear-all-btn:hover,.dark .filter-clear-btn:hover{background:#dc3545;background:var(--error);color:#fff}.filter-panel-close{border-radius:var(--border-radius-sm)}.dark .filter-panel-close{color:#a0a0a0;color:var(--dark-text-secondary)}.dark .filter-panel-close:hover{background:#2a2f3e;background:var(--dark-border);color:#fff;color:var(--dark-text-primary)}.accordion-content,.card-body,.filter-panel-content,.modal-body,.table-container{scrollbar-color:#dadce0 #0000;scrollbar-color:var(--light-border) #0000;scrollbar-width:thin}.dark .accordion-content,.dark .card-body,.dark .filter-panel-content,.dark .modal-body,.dark .table-container{scrollbar-color:#2a2f3e #0000;scrollbar-color:var(--dark-border) #0000}.accordion-content::-webkit-scrollbar,.card-body::-webkit-scrollbar,.filter-panel-content::-webkit-scrollbar,.modal-body::-webkit-scrollbar,.table-container::-webkit-scrollbar{width:6px}.accordion-content::-webkit-scrollbar-track,.card-body::-webkit-scrollbar-track,.filter-panel-content::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{background:#0000}.accordion-content::-webkit-scrollbar-thumb,.card-body::-webkit-scrollbar-thumb,.filter-panel-content::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background:#dadce0;background:var(--light-border);border-radius:3px}.accordion-content::-webkit-scrollbar-thumb:hover,.card-body::-webkit-scrollbar-thumb:hover,.filter-panel-content::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover{background:#6c757d;background:var(--text-secondary)}.dark .accordion-content::-webkit-scrollbar-thumb,.dark .card-body::-webkit-scrollbar-thumb,.dark .filter-panel-content::-webkit-scrollbar-thumb,.dark .modal-body::-webkit-scrollbar-thumb,.dark .table-container::-webkit-scrollbar-thumb{background:#2a2f3e;background:var(--dark-border)}.dark .accordion-content::-webkit-scrollbar-thumb:hover,.dark .card-body::-webkit-scrollbar-thumb:hover,.dark .filter-panel-content::-webkit-scrollbar-thumb:hover,.dark .modal-body::-webkit-scrollbar-thumb:hover,.dark .table-container::-webkit-scrollbar-thumb:hover{background:#a0a0a0;background:var(--dark-text-secondary)}body{background-color:#fff;background-color:var(--bg);color:#171819;color:var(--text-primary-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.6;padding:0;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{color:#171819;color:var(--text-primary);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.2;margin:0 0 1rem;margin:0 0 var(--spacing-lg) 0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}p{color:#6c757d;color:var(--text-secondary);margin:0 0 1rem;margin:0 0 var(--spacing-lg) 0}.text-primary{color:#171819;color:var(--text-primary)}.text-secondary{color:#6c757d;color:var(--text-secondary)}.text-muted{color:#adb5bd;color:var(--text-muted)}.text-success{color:#28a745;color:var(--success)}.text-warning{color:#f59e0b;color:var(--warning)}.text-error{color:#dc3545;color:var(--error)}.btn{border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-sm);margin:2px 1.1rem;padding:.75rem 1.5rem;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all .3s ease;transition:var(--transition);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#1629ff,#0018a0);background:linear-gradient(135deg,var(--primary),var(--primary-hover));box-shadow:0 2px 8px #001bb71a;box-shadow:var(--shadow-primary);color:#fff;color:var(--light-bg)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #e66f4b33;transform:translateY(-1px)}.btn-primary:active{box-shadow:0 0 0 2px #e66f4b33;transform:translateY(0)}.btn-secondary{background:#f1f3f4;background:var(--light-card);border:1px solid #dadce0;border:1px solid var(--light-border);color:#171819;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#dadce0;background:var(--light-border);transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #1629ff;border:2px solid var(--primary);color:#1629ff;color:var(--primary)}.btn-outline:hover:not(:disabled){background:#1629ff;background:var(--primary);color:#fff;color:var(--light-bg);transform:translateY(-1px)}.btn-ghost{background:#0000;border:none;color:#6c757d;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#f1f3f4;background:var(--light-card);color:#171819;color:var(--text-primary)}.btn-success{background:#28a745;background:var(--success);color:#fff;color:var(--light-bg)}.btn-warning{background:#f59e0b;background:var(--warning);color:#171819;color:var(--text-primary)}.btn-error{background:#dc3545;background:var(--error);color:#fff;color:var(--light-bg)}.btn-sm{font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:1.1rem;font-size:var(--font-size-lg);padding:1rem 2rem;padding:var(--spacing-lg) var(--spacing-2xl)}.btn-xl{font-size:1.25rem;padding:1.5rem 3rem;padding:var(--spacing-xl) var(--spacing-3xl)}.form-group{margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.form-icon{color:#6c757d;color:var(--text-secondary-color);height:16px;width:16px}.form-input,.form-select,.form-textarea{background:#fff;background:var(--bg);border:2px solid #dadce0;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#171819;color:var(--text-primary-color);font-size:1rem;font-size:var(--font-size-base);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#1629ff;border-color:var(--primary);box-shadow:0 0 0 3px #001bb726;box-shadow:var(--shadow-focus);outline:none;transform:translateY(-1px)}.form-input:-webkit-autofill,.form-input:-webkit-autofill:active,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:hover{-webkit-text-fill-color:#171819!important;-webkit-text-fill-color:var(--text-primary-color)!important;background-color:#fff!important;background-color:var(--bg)!important;border-color:#1629ff!important;border-color:var(--primary)!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important;-webkit-box-shadow:0 0 0 30px var(--bg) inset!important}.dark .form-input:-webkit-autofill,.dark .form-input:-webkit-autofill:active,.dark .form-input:-webkit-autofill:focus,.dark .form-input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--dark-text-primary)!important;background-color:#080808!important;background-color:var(--dark-bg)!important;border-color:#1629ff!important;border-color:var(--primary)!important;-webkit-box-shadow:inset 0 0 0 30px #080808!important;-webkit-box-shadow:0 0 0 30px var(--dark-bg) inset!important}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#1629ff;border-color:var(--primary)}.form-error,.form-helper{font-size:.9rem;font-size:var(--font-size-sm);margin-top:.5rem;margin-top:var(--spacing-sm)}.form-helper{color:#adb5bd;color:var(--text-muted)}.card:hover{transform:translateY(-2px)}.card-body,.card-header{padding:1.5rem;padding:var(--spacing-xl)}.card-footer{border-radius:0 0 12px 12px;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.card-footer,.stat-card{background:#f1f3f4;background:var(--card);padding:1.5rem;padding:var(--spacing-xl)}.stat-card{border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);text-align:center;transition:all .3s ease;transition:var(--transition)}.stat-card:hover{box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{background:#dadce0;background:var(--border);border-radius:50%;color:#6c757d;color:var(--text-secondary-color);height:48px;margin:0 auto 1rem;margin:0 auto var(--spacing-lg);width:48px}.stat-content h3{color:#171819;color:var(--text-primary-color);font-size:1.1rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.stat-content p{color:#1629ff;color:var(--primary);font-size:2rem;font-weight:700;font-weight:var(--font-weight-bold);margin:0}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.modal{border:1px solid #dadce0;border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 25px 50px #00000040;position:relative}.modal:before{background:linear-gradient(90deg,#1629ff,#0018a0);background:linear-gradient(90deg,var(--primary),var(--primary-hover));border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.modal-header{z-index:10}.modal-title{align-items:center;display:flex;font-size:1.5rem;font-weight:700;font-weight:var(--font-weight-bold);gap:.75rem;gap:var(--spacing-md)}.modal-title:before{background:#1629ff;background:var(--primary);border-radius:2px;content:"";height:24px;width:4px}.modal-close{font-size:1.25rem;overflow:hidden;padding:.75rem;padding:var(--spacing-md);position:relative}.modal-close,.modal-close:before{border-radius:8px;border-radius:var(--radius)}.modal-close:before{background:#ef4444;background:var(--danger);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.modal-close:hover:before{opacity:.1}.modal-close:hover{color:#ef4444;color:var(--danger);transform:scale(1.1)}.modal-close svg{position:relative;z-index:1}.modal-body{background:#f1f3f4;background:var(--card)}.modal.max-w-md{max-width:28rem}.modal.max-w-lg{max-width:32rem}.modal.max-w-2xl{max-width:42rem}.modal.max-w-4xl{max-width:56rem}.modal-footer{border-top:1px solid #dadce0;border-top:1px solid var(--light-border);display:flex;gap:.75rem;gap:var(--spacing-md);justify-content:flex-end;padding:1.5rem;padding:var(--spacing-xl)}.alert-success{background:#28a7451a;border:1px solid #28a74533}.alert-warning{background:#ffc1071a;border:1px solid #ffc10733}.alert-error{background:#dc35451a;border:1px solid #dc354533}.alert-info{background:#17a2b81a;border:1px solid #17a2b833}.loading-spinner:not(.btn-loading .loading-spinner):not(button .loading-spinner):not(.btn .loading-spinner){animation:spin 1s ease-in-out infinite;border:2px solid #0000;border-radius:50%;border-top:2px solid var(--primary);display:inline-block;height:40px;width:40px}.btn-loading{opacity:.8;pointer-events:none;position:relative}.btn .loading-spinner,.btn-loading .loading-spinner,button .loading-spinner{animation:spin 1s linear infinite!important;border:2px solid #0000!important;border-radius:50%!important;border-top-color:currentcolor!important;display:inline-block!important;flex-shrink:0;height:16px!important;margin-right:8px;max-height:16px!important;max-width:16px!important;min-height:16px!important;min-width:16px!important;vertical-align:middle;width:16px!important}.btn .loading-spinner div,.btn-loading .loading-spinner div,button .loading-spinner div{display:none}.loading-overlay{background:#00000080;right:0;z-index:9999}.loading-overlay .loading-content{background:#fff;background:var(--light-bg);border-radius:var(--border-radius-md);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);padding:2rem;text-align:center}.dark .loading-overlay .loading-content{background:#080808;background:var(--dark-bg)}.inline-loading{align-items:center;display:inline-flex;gap:.5rem}.loading-text{color:#6c757d;color:var(--text-secondary);font-size:.9rem}.dark .loading-text{color:#a0a0a0;color:var(--dark-text-secondary)}.loading-overlay{align-items:center;background:#fff0;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:-10%;top:0}.custom-calendar{background:#f1f3f4;background:var(--light-card);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);min-width:300px;padding:1rem;padding:var(--spacing-lg);position:absolute;z-index:1000}.calendar-nav{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;padding:.5rem;padding:var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.calendar-nav:hover{background:#dadce0;background:var(--light-border)}.calendar-month{font-size:1.1rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold)}.calendar-grid{grid-gap:.25rem;grid-gap:var(--spacing-xs);display:grid;gap:.25rem;gap:var(--spacing-xs);grid-template-columns:repeat(7,1fr)}.calendar-day:hover{background:#dadce0;background:var(--light-border)}.calendar-day.selected{color:var(--light-bg)}.calendar-day.today{background:var(--light-border)}.custom-time-picker{background:#f1f3f4;background:var(--light-card);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);min-width:200px;padding:1rem;padding:var(--spacing-lg);position:absolute;z-index:1000}.time-grid{grid-gap:.25rem;grid-gap:var(--spacing-xs);display:grid;gap:.25rem;gap:var(--spacing-xs);grid-template-columns:repeat(4,1fr);max-height:200px;overflow-y:auto}.time-option{background:#fff;background:var(--light-bg);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem;padding:var(--spacing-sm);text-align:center;transition:all .3s ease;transition:var(--transition)}.time-option:hover{background:#dadce0;background:var(--light-border)}.time-option.selected,.time-option:hover{border-color:#1629ff;border-color:var(--primary)}.time-option.selected{background:#1629ff;background:var(--primary);color:#fff;color:var(--light-bg)}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:.5rem;gap:var(--spacing-sm)}.gap-md{gap:.75rem;gap:var(--spacing-md)}.gap-lg{gap:1rem;gap:var(--spacing-lg)}.h-full{height:100%}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-md{margin-top:.75rem;margin-top:var(--spacing-md)}.mt-lg{margin-top:1rem;margin-top:var(--spacing-lg)}.mt-xl{margin-top:1.5rem;margin-top:var(--spacing-xl)}.p-sm{padding:.5rem;padding:var(--spacing-sm)}.p-md{padding:.75rem;padding:var(--spacing-md)}.p-lg{padding:1rem;padding:var(--spacing-lg)}.p-xl{padding:1.5rem;padding:var(--spacing-xl)}.rounded{border-radius:8px;border-radius:var(--radius)}.rounded-lg{border-radius:12px;border-radius:var(--radius-lg)}.shadow{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow)}.shadow-lg{box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg)}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-down{animation:slideDown .3s ease-out}.hero-section{background:linear-gradient(135deg,#1629ff,#0018a0);background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;color:var(--light-bg);padding:3rem 0;padding:var(--spacing-3xl) 0;text-align:center}.hero-title{font-size:3rem;font-weight:700;font-weight:var(--font-weight-bold);line-height:1.1;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;margin-bottom:var(--spacing-2xl);opacity:.9}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-lg);justify-content:center}.btn-outline-white{background:#0000;border:2px solid #fff;border:2px solid var(--light-bg);color:#fff;color:var(--light-bg)}.btn-outline-white:hover{background:#fff;background:var(--light-bg);color:#1629ff;color:var(--primary)}.features-section{background:#fff;background:var(--light-bg);padding:3rem 0;padding:var(--spacing-3xl) 0}.section-header{margin-bottom:3rem;margin-bottom:var(--spacing-3xl);text-align:center}.section-header h2{color:#171819;color:var(--text-primary-color);font-size:2.5rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.section-header p{color:#6c757d;color:var(--text-secondary-color);font-size:1.25rem;margin:0}.features-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);display:grid;gap:1.5rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{padding:2rem;padding:var(--spacing-2xl);text-align:center;transition:all .3s ease;transition:var(--transition)}.feature-card:hover{box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#1629ff,#0018a0);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:50%;color:#fff;color:var(--light-bg);display:flex;height:64px;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--spacing-lg);width:64px}.feature-card h3{color:#171819;color:var(--text-primary);font-size:1.25rem;font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.feature-card p{color:#6c757d;color:var(--text-secondary);margin:0}.cta-section{background:#f1f3f4;background:var(--light-card);padding:3rem 0;padding:var(--spacing-3xl) 0;text-align:center}.cta-section h2{color:#171819;color:var(--text-primary);font-size:2.5rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.cta-section p{font-size:1.25rem;margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.calendar-day-header,.cta-section p{color:#6c757d;color:var(--text-secondary)}.calendar-day-header{align-items:center;display:flex;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);justify-content:center;padding:.5rem;padding:var(--spacing-sm)}.time-picker-header{margin-bottom:1rem;margin-bottom:var(--spacing-lg);text-align:center}.time-picker-header h4{color:#171819;color:var(--text-primary);font-size:1.25rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.time-picker-content{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.time-section{text-align:center}.time-label{color:#6c757d;color:var(--text-secondary);display:block;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.alert-close{margin-left:.75rem;margin-left:var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.alert-close:hover{background:#0000001a}.auth-page{align-items:center;background:#f1f3f4;background:var(--light-card);display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--spacing-lg)}.auth-container{max-width:400px;width:100%}.auth-card{padding:2rem;padding:var(--spacing-2xl);text-align:center}.auth-header{margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.auth-logo{align-items:center;background:linear-gradient(135deg,#1629ff,#0018a0);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:50%;color:#fff;color:var(--light-bg);display:flex;height:64px;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--spacing-lg);width:64px}.auth-header h2{color:#171819;color:var(--text-primary);font-size:1.5rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.auth-header p{color:#6c757d;color:var(--text-secondary);margin:0}.auth-link{color:#1629ff;color:var(--primary)}.auth-link:hover{color:#0018a0;color:var(--primary-hover);text-decoration:underline}.auth-form{text-align:left}.auth-options{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-md);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.checkbox-label{color:#6c757d;color:var(--text-secondary)}.checkbox-input{accent-color:#1629ff;accent-color:var(--primary);height:16px;width:16px}.checkbox-text{-webkit-user-select:none;user-select:none}.header{background:#fff;background:var(--light-bg);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--light-border);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;height:64px;justify-content:space-between}.header-logo{flex-shrink:0}.logo-link{align-items:center;color:#171819;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;font-weight:var(--font-weight-bold);gap:.75rem;gap:var(--spacing-md);text-decoration:none;transition:all .3s ease;transition:var(--transition)}.logo-link:hover{color:#1629ff;color:var(--primary)}.logo-icon{align-items:center;background:linear-gradient(135deg,#1629ff,#0018a0);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--light-bg);display:flex;height:40px;justify-content:center;width:40px}.logo-text{font-weight:700;font-weight:var(--font-weight-bold)}.header-phone{flex-shrink:0}.phone-link{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius);color:#1629ff;color:var(--primary);display:flex;font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .3s ease;transition:var(--transition)}.phone-link:hover{background:#0000;border:none;color:#0018a0;color:var(--primary-hover);transform:translateY(-1px)}@media (prefers-color-scheme:dark){.phone-link{background:#0000;border:none;color:#1629ff;color:var(--primary)}.phone-link:hover{background:#0000;border:none;color:#0018a0;color:var(--primary-hover)}}.dark .phone-link{background:#0000;border:none;color:#1629ff;color:var(--primary)}.dark .phone-link:hover{background:#0000;border:none;color:#0018a0;color:var(--primary-hover)}.header-nav{align-items:center;display:flex;gap:1rem;gap:var(--spacing-lg);margin:0 1.5rem;margin:0 var(--spacing-xl)}.nav-link{border-radius:8px;border-radius:var(--radius);color:#6c757d;color:var(--text-secondary);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.nav-link.active,.nav-link:hover{background:#f1f3f4;background:var(--light-card);color:#1629ff;color:var(--primary)}.nav-link.active:after{background:#1629ff;background:var(--primary);border-radius:1px;bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.header-auth{flex-shrink:0}.auth-buttons{gap:.75rem;gap:var(--spacing-md)}.auth-buttons,.auth-user{align-items:center;display:flex}.auth-user{gap:1rem;gap:var(--spacing-lg)}.user-info{align-items:center;color:#6c757d;color:var(--text-secondary);font-size:.9rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-sm)}.test-page{background:#f1f3f4;background:var(--light-card);min-height:100vh;padding:3rem 0;padding:var(--spacing-3xl) 0}.test-section{margin-bottom:3rem;margin-bottom:var(--spacing-3xl)}.test-section h2{color:#171819;color:var(--text-primary);font-size:1.5rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.test-grid{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.test-icon{align-items:center;background:#fff;background:var(--light-bg);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:8px;border-radius:var(--radius);display:flex;flex-direction:column;padding:1rem;padding:var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.test-icon:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.test-icon span{color:#6c757d;color:var(--text-secondary);font-size:.9rem;font-size:var(--font-size-sm);margin-top:.5rem;margin-top:var(--spacing-sm)}.color-palette{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.color-swatch{text-align:center}.color-swatch div{border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);height:64px;margin:0 auto .5rem;margin:0 auto var(--spacing-sm);width:64px}.color-swatch span{color:#6c757d;color:var(--text-secondary);font-size:.9rem;font-size:var(--font-size-sm)}.admin-auth-page{align-items:center;background:#f1f3f4;background:var(--card);display:flex;justify-content:center;min-height:100vh;padding:.5rem;padding:var(--spacing-sm)}.admin-auth-container{max-width:360px;position:relative;width:100%}.admin-auth-toggle{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);position:absolute;right:0;top:-50px}.admin-auth-card{padding:1rem;padding:var(--spacing-lg);text-align:center}.admin-auth-header{margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.admin-auth-logo{align-items:center;background:linear-gradient(135deg,#1629ff,#0018a0);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:50%;color:#fff;color:var(--light-bg);display:flex;height:48px;justify-content:center;margin:0 auto .5rem;margin:0 auto var(--spacing-sm);width:48px}.admin-auth-logo.success{background:linear-gradient(135deg,#28a745,#20c997);background:linear-gradient(135deg,var(--success),#20c997)}.admin-auth-header h2{color:#171819;color:var(--text-primary);font-size:1.25rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.admin-auth-header p{color:#6c757d;color:var(--text-secondary);margin:0}.admin-auth-form{text-align:left}.admin-auth-options{margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.admin-auth-actions{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.admin-auth-actions,.admin-auth-footer{margin-top:.75rem;margin-top:var(--spacing-md)}.admin-auth-footer{border-top:1px solid #dadce0;border-top:1px solid var(--light-border);padding-top:.5rem;padding-top:var(--spacing-sm)}.admin-auth-options{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);text-align:right}.forgot-password-link{color:#1629ff;color:var(--primary);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);text-decoration:none;transition:all .3s ease;transition:var(--transition)}.forgot-password-link:hover{color:#0018a0;color:var(--primary-hover);text-decoration:underline}.auth-link{align-items:center;color:#6c757d;color:var(--text-secondary);display:inline-flex;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);text-decoration:none;transition:all .3s ease;transition:var(--transition)}.auth-link:hover{color:#1629ff;color:var(--primary)}.admin-auth-success{text-align:center}.w-full{width:100%}.dark-mode-toggle{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:inline-flex;justify-content:center;transition:all .3s ease;transition:var(--transition)}.dark-mode-toggle-button{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);color:#6c757d;color:var(--text-secondary);height:40px;width:40px}.dark-mode-toggle-button:hover{background:#dadce0;background:var(--border);color:#1629ff;color:var(--primary);transform:translateY(-1px)}.dark-mode-toggle-button:active{transform:translateY(0)}.dark-mode-toggle-sm{height:32px;width:32px}.dark-mode-toggle-lg{height:48px;width:48px}.dark-mode-toggle-switch{background:#dadce0;background:var(--border);border-radius:16px;height:32px;position:relative;transition:all .3s ease;transition:var(--transition);width:60px}.dark-mode-toggle-switch.active{background:#1629ff;background:var(--primary)}.dark-mode-toggle-track{border-radius:16px;height:100%;position:relative;width:100%}.dark-mode-toggle-thumb{align-items:center;background:#fff;background:var(--bg);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#6c757d;color:var(--text-secondary);display:flex;height:28px;justify-content:center;left:2px;position:absolute;top:2px;transition:all .3s ease;transition:var(--transition);width:28px}.dark-mode-toggle-switch.active .dark-mode-toggle-thumb{color:#1629ff;color:var(--primary);transform:translateX(28px)}.dark-mode-toggle.loading{cursor:not-allowed;opacity:.6}.admin-layout{background:#f1f3f4;background:var(--card)}.admin-sidebar{background:#fff;background:var(--bg);border-right:1px solid #dadce0;overflow-y:auto;transform:translateX(-100%);transition:all .3s ease;transition:var(--transition);width:256px}.admin-sidebar.mobile-open{transform:translateX(0)}.admin-sidebar-header{border-bottom:1px solid #dadce0;gap:.75rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-xl);position:relative}.sidebar-close-btn{align-items:center;background:#dadce0;background:var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#6c757d;display:flex;height:32px;justify-content:center;position:absolute;right:.75rem;right:var(--spacing-md);top:.75rem;top:var(--spacing-md);transition:all .3s ease;width:32px}.sidebar-close-btn:hover{background:#f1f3f4;background:var(--card);color:#171819}.admin-logo{background:linear-gradient(135deg,#1629ff,#0018a0);background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--light-bg);height:40px;justify-content:center;width:40px}.admin-logo-text{color:#171819;color:var(--text-primary-color);font-weight:700}.admin-sidebar-nav{gap:.25rem;gap:var(--spacing-xs)}.admin-nav-link{border-radius:8px;color:#6c757d;font-weight:500;gap:.75rem;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition)}.admin-nav-link:hover{background:#f1f3f4;background:var(--card);color:#171819}.admin-nav-link.active{background:#1629ff;color:var(--light-bg)}.admin-main{margin-left:0;transition:all .3s ease;transition:var(--transition)}.admin-header{background:#fff;background:var(--bg);border-bottom:1px solid #dadce0;padding:1rem 1.5rem;padding:var(--spacing-lg) var(--spacing-xl);z-index:50}.admin-header-content{gap:1rem;gap:var(--spacing-lg)}.admin-header-left{gap:.75rem;gap:var(--spacing-md)}.mobile-menu-btn{background:#f1f3f4;background:var(--card);border-radius:8px;color:#6c757d;height:40px;transition:all .3s ease;width:40px}.mobile-menu-btn:hover{background:#dadce0;color:#171819}.admin-search{flex:1 1;max-width:400px;position:relative}.search-icon{color:var(--text-muted);top:50%;transform:translateY(-50%)}.search-input{padding:.5rem .75rem .5rem 2.5rem;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 2.5rem}.admin-header-actions{gap:1rem}.admin-action-btn{align-items:center;background:#f1f3f4;background:var(--card);border:none;border-radius:50%;color:#6c757d;color:var(--text-secondary-color);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}.admin-action-btn:hover{background:#dadce0;background:var(--border);color:#171819;color:var(--text-primary-color)}.admin-user{gap:.75rem}.user-avatar{background:#dadce0;background:var(--border);color:#6c757d;color:var(--text-secondary-color);height:32px;width:32px}.user-name{color:#171819;font-size:.9rem;font-weight:500}.user-role{color:#adb5bd;color:var(--text-muted-color);font-size:.8rem}.logout-btn{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.logout-text{display:inline}.admin-content{padding:1.5rem}.admin-dashboard{max-width:1200px}.dashboard-header{align-items:flex-start;margin-bottom:2rem}.dashboard-header h1{color:#171819;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.dashboard-header p{color:#6c757d;margin:0}.dashboard-actions{gap:.75rem}.stats-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);gap:1.5rem;gap:var(--spacing-xl);margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.dashboard-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.dashboard-card{height:-webkit-fit-content;height:fit-content}.dashboard-card h3{color:#171819;color:var(--text-primary-color);font-size:1.25rem;font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.activity-list{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.activity-item{gap:.75rem;gap:var(--spacing-md)}.activity-icon{background:#f1f3f4;background:var(--card);color:#1629ff;height:32px;width:32px}.activity-message{color:#171819;color:var(--text-primary-color);font-size:.9rem;font-size:var(--font-size-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.activity-time{color:#adb5bd;color:var(--text-muted-color);font-size:.8rem}.quick-stat{gap:.75rem;gap:var(--spacing-md)}.quick-stat-icon{align-items:center;background:#f1f3f4;background:var(--card);border-radius:8px;border-radius:var(--radius);color:#1629ff;color:var(--primary);display:flex;height:40px;justify-content:center;width:40px}.quick-stat-value{color:#171819;color:var(--text-primary-color);font-size:1.25rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.quick-stat-label{color:#6c757d;color:var(--text-secondary-color);font-size:.9rem;font-size:var(--font-size-sm);margin:0}.charts-section{margin-top:1.5rem;margin-top:var(--spacing-xl)}.chart-placeholder{align-items:center;background:#f1f3f4;background:var(--card);border-radius:8px;border-radius:var(--radius);color:#adb5bd;color:var(--text-muted-color);display:flex;flex-direction:column;justify-content:center;padding:3rem;padding:var(--spacing-3xl);text-align:center}.chart-placeholder p{margin-bottom:0;margin-top:.75rem;margin-top:var(--spacing-md)}.admin-pricing{margin:0 auto;max-width:1200px}.pricing-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.pricing-header-content{flex:1 1}.pricing-title{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.pricing-title h1{color:#171819;color:var(--text-primary-color);font-size:2rem;font-weight:700;font-weight:var(--font-weight-bold);margin:0}.pricing-title svg{color:#1629ff;color:var(--primary)}.pricing-header p{color:#6c757d;color:var(--text-secondary-color);margin:0}.pricing-actions{display:flex;gap:.75rem;gap:var(--spacing-md)}.create-pricing-btn{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.pricing-cards-section{margin-top:1.5rem;margin-top:var(--spacing-xl)}.pricing-cards-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);display:grid;gap:1.5rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pricing-card{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);transition:all .3s ease;transition:var(--transition)}.pricing-card:hover{box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pricing-card-header{align-items:flex-start;display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-lg)}.pricing-info{flex:1 1}.pricing-name{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.pricing-name svg{color:#6c757d;color:var(--text-secondary-color)}.pricing-name span{color:#171819;color:var(--text-primary-color);font-weight:600;font-weight:var(--font-weight-semibold)}.pricing-duration{color:#6c757d;color:var(--text-secondary-color);font-size:.9rem;font-size:var(--font-size-sm)}.pricing-status{align-items:center;display:flex}.status-indicator{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;padding:.25rem;padding:var(--spacing-xs);transition:all .3s ease;transition:var(--transition)}.status-indicator:hover{background:#dadce0;background:var(--border)}.status-dot{height:12px;transition:all .3s ease;transition:var(--transition);width:12px}.status-dot.active{background:#10b981}.status-dot.inactive{background:#6b7280}.status-toggle-btn{align-items:center;border:1px solid;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);justify-content:center;min-width:80px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.status-toggle-btn.active{background:#10b981;border-color:#10b981;color:#fff}.status-toggle-btn.active:hover{background:#059669;border-color:#059669}.status-toggle-btn.inactive{background:#6b7280;border-color:#6b7280;color:#fff}.status-toggle-btn.inactive:hover{background:#4b5563;border-color:#4b5563}.status-toggle-btn svg{height:16px;width:16px}.dark .status-toggle-btn.active{background:#10b981;border-color:#10b981;color:#fff}.dark .status-toggle-btn.active:hover{background:#059669;border-color:#059669}.dark .status-toggle-btn.inactive{background:#6b7280;border-color:#6b7280;color:#fff}.dark .status-toggle-btn.inactive:hover{background:#4b5563;border-color:#4b5563}.pricing-card-body{padding:1rem;padding:var(--spacing-lg);text-align:center}.price-display{align-items:baseline;display:flex;gap:.25rem;gap:var(--spacing-xs);justify-content:center;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.currency{color:#6c757d;color:var(--text-secondary-color);font-size:1.5rem;font-weight:500;font-weight:var(--font-weight-medium)}.amount{color:#171819;color:var(--text-primary-color);font-size:2.5rem;font-weight:700;font-weight:var(--font-weight-bold)}.price-per-hour{color:#6c757d;color:var(--text-secondary-color);font-size:.9rem;font-size:var(--font-size-sm)}.pricing-card-footer{border-top:1px solid #dadce0;border-top:1px solid var(--border);padding:1rem;padding:var(--spacing-lg)}.empty-state-card{margin-top:1.5rem;margin-top:var(--spacing-xl)}.admin-spots{margin:0 auto;max-width:1200px}.spots-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.spots-header-content{flex:1 1}.spots-title{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.spots-title h1{color:#171819;color:var(--text-primary-color);font-size:2rem;font-weight:700;font-weight:var(--font-weight-bold);margin:0}.spots-title svg{color:#1629ff;color:var(--primary)}.spots-header p{color:#6c757d;color:var(--text-secondary-color);margin:0}.spots-actions{display:flex;gap:.75rem;gap:var(--spacing-md)}.create-spot-btn{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.filter-section{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-xl)}.filter-header{margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.filter-title{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.filter-title h3{color:#171819;color:var(--text-primary-color);font-size:1.25rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.filter-title svg{color:#1629ff;color:var(--primary)}.filter-stats{align-items:center;display:flex}.filter-buttons,.filter-options{justify-content:center}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.filter-btn{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#6c757d;color:var(--text-secondary-color);cursor:pointer;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);overflow:hidden;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all .3s ease;transition:var(--transition)}.filter-btn:hover{background:#dadce0;background:var(--border);color:#171819;color:var(--text-primary-color);transform:translateY(-1px)}.filter-btn.active,.filter-btn:hover{border-color:#1629ff;border-color:var(--primary)}.filter-btn.active{background:#1629ff;background:var(--primary);box-shadow:0 2px 8px #001bb71a;box-shadow:var(--shadow-primary);color:#fff;color:var(--light-bg)}.filter-btn.active:hover{background:#0018a0;background:var(--primary-hover);transform:translateY(-1px)}.spots-cards-section{margin-top:1.5rem;margin-top:var(--spacing-xl)}.spots-cards-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);display:grid;gap:1.5rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.spot-card{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);transition:all .3s ease;transition:var(--transition)}.spot-card:hover{box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.spot-card-header{align-items:flex-start;border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-lg)}.spot-info{flex:1 1}.spot-name{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.spot-name svg{color:#6c757d;color:var(--text-secondary-color)}.spot-name span{color:#171819;color:var(--text-primary-color);font-size:1.125rem;font-weight:600;font-weight:var(--font-weight-semibold)}.spot-status{margin-top:.25rem;margin-top:var(--spacing-xs)}.status-badge{display:inline-block;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.status-badge.available{background:#10b98126;border:1px solid #10b98133;color:#10b981}.status-badge.unavailable{background:#ef444426;border:1px solid #ef444433;color:#ef4444}.status-badge.substitute{background:#f59e0b26;border:1px solid #f59e0b33;color:#f59e0b}.status-badge.inactive{background:#6b728026;border:1px solid #6b728033;color:#6b7280}.dark .status-badge.available{background:#10b98133;border-color:#10b9814d;color:#34d399}.dark .status-badge.unavailable{background:#ef444433;border-color:#ef44444d;color:#f87171}.dark .status-badge.substitute{background:#f59e0b33;border-color:#f59e0b4d;color:#fbbf24}.dark .status-badge.inactive{background:#6b728033;border-color:#6b72804d;color:#9ca3af}.spot-actions-header,.status-toggle{align-items:center;display:flex}.status-toggle{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#171819;color:var(--text-primary-color);cursor:pointer;font-size:.8rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.status-toggle.active{background:#10b9811a;border-color:#10b981;color:#10b981}.status-toggle.inactive{background:#6b72801a;border-color:#6b7280;color:#6b7280}.status-toggle:hover{background:#dadce0;background:var(--border);transform:translateY(-1px)}.dark .status-toggle.active{background:#10b98126;border-color:#34d399;color:#34d399}.dark .status-toggle.inactive{background:#6b728026;border-color:#9ca3af;color:#9ca3af}.spot-card-body{padding:1rem;padding:var(--spacing-lg)}.spot-details{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.spot-detail{align-items:center;display:flex;justify-content:space-between}.detail-value{font-weight:600;font-weight:var(--font-weight-semibold)}.spot-description{border-top:1px solid #dadce0;border-top:1px solid var(--border);margin-top:.5rem;margin-top:var(--spacing-sm);padding-top:.5rem;padding-top:var(--spacing-sm)}.spot-description .detail-label{display:block;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.spot-description .detail-value{display:block;font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5}.spot-card-footer{border-top:1px solid #dadce0;border-top:1px solid var(--border);padding:1rem;padding:var(--spacing-lg)}.card-actions{display:flex;gap:.5rem;gap:var(--spacing-sm)}.action-btn{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:4px;color:#171819;color:var(--text-primary-color);flex:1 1;font-size:.9rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:.25rem;padding:.5rem .75rem;transition:all .3s ease;transition:var(--transition)}.action-btn:hover{background:#dadce0;background:var(--border)}.substitute-btn:hover{background:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}.edit-btn:hover,.regular-btn:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.delete-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.dark .substitute-btn:hover{background:#f59e0b26;border-color:#fbbf24;color:#fbbf24}.dark .edit-btn:hover,.dark .regular-btn:hover{background:#3b82f626;border-color:#60a5fa;color:#60a5fa}.dark .delete-btn:hover{background:#ef444426;border-color:#f87171;color:#f87171}.spot-form{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.checkbox-label{color:#171819;font-size:.9rem;font-size:var(--font-size-sm)}.checkbox-label input[type=checkbox]{accent-color:#1629ff;accent-color:var(--primary);height:16px;width:16px}.form-textarea{border-radius:4px;border-radius:var(--radius-sm);width:100%}.spot-details-modal{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.form-display{align-items:center;background:#dadce0;background:var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#171819;color:var(--text-primary-color);display:flex;font-size:.9rem;font-size:var(--font-size-sm);min-height:40px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.modal-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:4px;border-radius:var(--radius-sm);margin:.75rem 0;margin:var(--spacing-md) 0;padding:.75rem;padding:var(--spacing-md)}.modal-info p{color:#3b82f6;font-size:.9rem;font-size:var(--font-size-sm);margin:0;text-align:center}@media (max-width:768px){.spots-cards-grid{gap:1rem;gap:var(--spacing-lg);grid-template-columns:1fr}.spots-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.spots-actions{justify-content:stretch}.create-spot-btn{justify-content:center;width:100%}.stats-grid{gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.filter-section{padding:1rem;padding:var(--spacing-lg)}.filter-header{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.filter-stats,.filter-title{justify-content:center}.filter-buttons{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.filter-btn{justify-content:center;width:100%}.spot-card-header{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.spot-actions-header{justify-content:flex-start}.card-actions{flex-direction:column}}.empty-state{color:#6c757d;padding:3rem;padding:var(--spacing-3xl)}.empty-state svg{color:#adb5bd;color:var(--text-muted-color);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.empty-state h3{color:#171819;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.empty-state p{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.pricing-form{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}@media (max-width:768px){.pricing-cards-grid{gap:1rem;gap:var(--spacing-lg);grid-template-columns:1fr}.pricing-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.pricing-actions{justify-content:stretch}.create-pricing-btn{justify-content:center;width:100%}.stats-grid{gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.price-display{flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.currency{font-size:1.25rem}.amount{font-size:2rem}}@media (min-width:769px){.admin-sidebar{position:fixed;transform:translateX(0)}.admin-main{margin-left:256px}.sidebar-close-btn{display:none}.sidebar-overlay{display:none!important}}@media (max-width:768px){.mobile-menu-btn{display:flex}.admin-sidebar{width:280px}.admin-header-content{padding:0}.admin-search{display:none}.admin-header-actions{gap:.5rem;gap:var(--spacing-sm)}.logout-text,.user-info{display:none}.admin-content{padding:.75rem;padding:var(--spacing-md)}.sidebar-overlay{display:block}.container{padding:0 .75rem;padding:0 var(--spacing-md)}.card-body,.modal-body{padding:1rem;padding:var(--spacing-lg)}.btn{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg)}.btn-lg{padding:.75rem 1.5rem;padding:var(--spacing-md) var(--spacing-xl)}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.cta-section h2,.section-header h2{font-size:2rem}.features-grid{gap:1rem;gap:var(--spacing-lg)}.features-grid,.time-picker-content{grid-template-columns:1fr}.header-nav{display:none}.header-content{padding:0 .75rem;padding:0 var(--spacing-md)}.admin-sidebar{transform:translateX(-100%);transition:transform .3s ease}.admin-main{margin-left:0}.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.modal{margin:.75rem;margin:var(--spacing-md);max-width:none}.calendar-grid{gap:2px}.calendar-day{font-size:.8rem;font-size:var(--font-size-xs);height:28px;width:28px}.hero-title{font-size:2rem}.hero-actions{align-items:center;flex-direction:column}}.admin-vehicles{margin:0 auto;max-width:1200px}.vehicles-header{align-items:flex-start;display:flex;gap:1.5rem;gap:var(--spacing-xl);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.vehicles-header-content{flex:1 1}.vehicles-search{flex-shrink:0;min-width:300px}.vehicles-title{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.vehicles-title h1{color:#171819;color:var(--text-primary-color);font-size:2rem;font-weight:700;font-weight:var(--font-weight-bold);margin:0}.vehicles-title svg{color:#1629ff;color:var(--primary)}.vehicles-header p{color:#6c757d;color:var(--text-secondary-color);font-size:1.1rem;font-size:var(--font-size-lg);margin:0}.search-form{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.search-input-group{align-items:center;display:flex;flex:1 1;position:relative}.search-icon{color:#adb5bd;color:var(--text-muted-color);left:.75rem;left:var(--spacing-md);position:absolute;z-index:1}.search-input{font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem .75rem .5rem 3rem;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-3xl)}.search-clear-btn{align-items:center;background:#dadce0;background:var(--border);border-radius:50%;display:flex;height:24px;justify-content:center;right:.5rem;transition:all .3s ease;transition:var(--transition);width:24px}.search-clear-btn:hover{background:#adb5bd;background:var(--text-muted-color);color:#fff;color:var(--light-bg)}.search-btn{background:#1629ff;background:var(--primary);border:1px solid #1629ff;border:1px solid var(--primary);border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--light-bg);cursor:pointer;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition);white-space:nowrap}.search-btn:hover{background:#0018a0;background:var(--primary-hover);border-color:#0018a0;border-color:var(--primary-hover)}.pagination-controls{align-items:center;background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding:1rem;padding:var(--spacing-lg)}.pagination-info{color:#6c757d;color:var(--text-secondary-color);font-size:.9rem;font-size:var(--font-size-sm)}.pagination-options{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.per-page-select{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#171819;color:var(--text-primary-color);cursor:pointer;font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.per-page-select:focus{border-color:#1629ff;border-color:var(--primary);box-shadow:0 0 0 3px #001bb726;box-shadow:var(--shadow-focus);outline:none}.vehicles-cards-section{margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.section-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.section-header h3{color:#171819;color:var(--text-primary-color);font-size:1.5rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.vehicles-cards-grid{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.vehicle-card{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease;transition:var(--transition)}.vehicle-card:hover{box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.vehicle-card-header{background:#fff;background:var(--bg);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);padding:1rem;padding:var(--spacing-lg)}.vehicle-info{justify-content:space-between}.vehicle-info,.vehicle-plate{align-items:center;display:flex}.vehicle-plate{color:#171819;color:var(--text-primary-color);font-size:1.1rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-sm)}.vehicle-plate svg{color:#1629ff;color:var(--primary)}.vehicle-id{background:#dadce0;background:var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#adb5bd;color:var(--text-muted-color);font-size:.9rem;font-size:var(--font-size-sm);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.vehicle-card-body{padding:1rem;padding:var(--spacing-lg)}.vehicle-details{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.vehicle-detail{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.vehicle-detail svg{color:#adb5bd;color:var(--text-muted-color);flex-shrink:0}.detail-label{min-width:80px}.booking-stats{border-top:1px solid #dadce0;border-top:1px solid var(--border);margin-top:1.5rem;margin-top:var(--spacing-xl);padding-top:1.5rem;padding-top:var(--spacing-xl)}.stats-header{align-items:center;color:#171819;color:var(--text-primary-color);display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-sm);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.stats-header svg{color:#1629ff;color:var(--primary);height:18px;width:18px}.stats-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-item{align-items:center;background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);display:flex;gap:.75rem;gap:var(--spacing-md);padding:.75rem;padding:var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.stat-item:hover{background:#f1f3f4;background:var(--card);border-color:#1629ff;border-color:var(--primary);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);transform:translateY(-1px)}.stat-icon{align-items:center;background:#1629ff;background:var(--primary);border-radius:8px;border-radius:var(--radius);box-shadow:var(--shadow-sm);color:#fff;color:var(--light-bg);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);min-width:0}.stat-value{color:#171819;color:var(--text-primary-color);line-height:1.1}.stat-label{color:var(--text-secondary-color);line-height:1.2}.pagination{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:center;margin-top:2rem;margin-top:var(--spacing-2xl)}.pagination-btn{background:#fff;background:var(--bg);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg)}.pagination-btn:hover:not(:disabled){background:#f1f3f4;background:var(--card)}.pagination-numbers{display:flex;gap:.25rem;gap:var(--spacing-xs)}.pagination-number{align-items:center;background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#171819;color:var(--text-primary-color);cursor:pointer;display:flex;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}.pagination-number:hover{background:#f1f3f4;background:var(--card);border-color:#1629ff;border-color:var(--primary)}.pagination-number.active{background:#1629ff;background:var(--primary);border-color:#1629ff;border-color:var(--primary);color:#fff;color:var(--light-bg)}@media (max-width:768px){.vehicles-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.vehicles-search{min-width:auto}.search-form{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.search-input-group{width:100%}.search-btn{justify-content:center;width:100%}.vehicles-title h1{font-size:1.5rem}.vehicles-cards-grid{gap:.75rem;gap:var(--spacing-md);grid-template-columns:1fr}.stats-grid{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr}.stat-item{padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.stat-icon{height:28px;width:28px}.stat-value{font-size:1rem;font-size:var(--font-size-base)}.pagination-controls{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.pagination-info{text-align:center}.pagination-options{justify-content:center}.pagination{gap:.25rem;gap:var(--spacing-xs)}.pagination,.pagination-numbers{flex-wrap:wrap}}.admin-bookings{margin:0 auto;max-width:1200px}.bookings-header{align-items:flex-start;display:flex;gap:1.5rem;gap:var(--spacing-xl);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.bookings-header-content{flex:1 1}.bookings-title{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.bookings-title h1{color:#171819;color:var(--text-primary-color);font-size:2rem;font-weight:700;font-weight:var(--font-weight-bold);margin:0}.bookings-title svg{color:#1629ff;color:var(--primary)}.bookings-header p{color:#6c757d;color:var(--text-secondary-color);font-size:1.1rem;font-size:var(--font-size-lg);margin:0}.bookings-actions{display:flex;flex-shrink:0;gap:.75rem;gap:var(--spacing-md)}.create-booking-btn{align-items:center;display:flex;gap:.5rem}.add-time-btn,.create-booking-btn{gap:var(--spacing-sm)}.about-to-end-section{margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.about-to-end-section .section-header{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.about-to-end-section .section-header h3{color:#171819;color:var(--text-primary-color);font-size:1.25rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.about-to-end-section .section-header svg{color:#f59e0b}.alert-count{background:#f59e0b;border-radius:4px;border-radius:var(--radius-sm);color:#fff;font-size:.9rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.about-to-end-grid{grid-gap:.75rem;grid-gap:var(--spacing-md);display:grid;gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.about-to-end-card{background:#fef3c7;border:1px solid #f59e0b}.dark .about-to-end-card{background:#f59e0b1a;border-color:#f59e0b}.booking-plate,.booking-spot,.booking-time{align-items:center;color:#171819;color:var(--text-primary-color);display:flex;font-size:.9rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-sm)}.booking-plate svg,.booking-spot svg,.booking-time svg{color:#adb5bd;color:var(--text-muted-color)}.filters-section{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-xl)}.filters-header{justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.filters-header,.filters-title{align-items:center;display:flex}.filters-title{gap:.5rem;gap:var(--spacing-sm)}.filters-title h3{color:#171819;color:var(--text-primary-color);font-size:1.25rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.filters-title svg{color:#1629ff;color:var(--primary)}.filters-stats{align-items:center;display:flex}.filter-count{background:#dadce0;background:var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#6c757d;color:var(--text-secondary-color);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.filters-content{flex-direction:column}.filter-options,.filters-content{display:flex;gap:1rem;gap:var(--spacing-lg)}.filter-options{flex-wrap:wrap}.filter-group{gap:.25rem;gap:var(--spacing-xs);min-width:150px}.filter-label{color:#6c757d}.filter-date,.filter-select{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#171819;color:var(--text-primary-color);cursor:pointer;font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.filter-date:focus,.filter-select:focus{border-color:#1629ff;border-color:var(--primary);box-shadow:0 0 0 3px #001bb726;box-shadow:var(--shadow-focus);outline:none}.bookings-cards-section{margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.bookings-cards-grid{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.booking-card{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease;transition:var(--transition)}.booking-card:hover{box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.booking-card-header{align-items:center;background:#fff;background:var(--bg);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-lg)}.booking-info{flex-direction:column}.booking-info,.booking-plate{display:flex;gap:.5rem;gap:var(--spacing-sm)}.booking-plate{align-items:center;color:#171819;color:var(--text-primary-color);font-size:1.1rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold)}.booking-plate svg{color:#1629ff;color:var(--primary)}.booking-status{align-items:center;display:flex}.status-badge{border-radius:4px;border-radius:var(--radius-sm);display:flex;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.status-badge.success{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.status-badge.warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.status-badge.danger{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.status-badge.secondary{background:#6b72801a;border:1px solid #6b728033;color:#6b7280}.status-badge.info{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.booking-actions-header{gap:var(--spacing-sm)}.qr-btn{background:#1629ff;background:var(--primary);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--light-bg);height:32px;width:32px}.qr-btn:hover{background:#0018a0;background:var(--primary-hover);transform:scale(1.05)}.booking-card-body{padding:1rem;padding:var(--spacing-lg)}.booking-details{grid-gap:.75rem;grid-gap:var(--spacing-md);display:grid;gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.booking-detail{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.booking-detail svg{color:#adb5bd;color:var(--text-muted-color);flex-shrink:0}.detail-label{color:#6c757d;color:var(--text-secondary-color);min-width:60px}.detail-label,.detail-value{font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.detail-value{color:#171819;color:var(--text-primary-color)}.booking-notes{border-top:1px solid #dadce0;border-top:1px solid var(--border);margin-top:.75rem;margin-top:var(--spacing-md);padding-top:.75rem;padding-top:var(--spacing-md)}.notes-label{color:#6c757d;color:var(--text-secondary-color);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.25rem}.notes-label,.notes-value{font-size:.9rem;font-size:var(--font-size-sm)}.notes-value{color:#171819;color:var(--text-primary-color);font-style:italic}.add-time-form,.booking-form{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.form-group{gap:.5rem;gap:var(--spacing-sm)}.form-select,.form-textarea{background:#fff;background:var(--bg);font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.form-textarea{border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#171819;color:var(--text-primary-color);resize:vertical;transition:all .3s ease;transition:var(--transition)}.form-textarea:focus{border-color:#1629ff;border-color:var(--primary);box-shadow:0 0 0 3px #001bb726;box-shadow:var(--shadow-focus);outline:none}.form-actions{gap:.75rem;margin-top:1rem;margin-top:var(--spacing-lg)}.qr-modal-content{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-xl);margin:0 auto;max-width:500px}.qr-header{gap:.75rem;gap:var(--spacing-md);text-align:center}.qr-header,.qr-icon{align-items:center;display:flex}.qr-icon{background:#1629ff;background:var(--primary);border-radius:8px;border-radius:var(--radius);color:#fff;color:var(--light-bg);flex-shrink:0;height:48px;justify-content:center;width:48px}.qr-title h3{color:#171819;color:var(--text-primary-color);font-size:1.5rem;font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.qr-title p{color:#6c757d;color:var(--text-secondary-color);font-size:.9rem;font-size:var(--font-size-sm);margin:0}.qr-code-container{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);display:flex;justify-content:center;padding:1.5rem;padding:var(--spacing-xl)}.qr-code-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.qr-code-image{border-radius:8px;border-radius:var(--radius);max-height:200px;max-width:200px}.qr-code-fallback{align-items:center;border:2px dashed #dadce0;border:2px dashed var(--border);border-radius:8px;border-radius:var(--radius);color:#adb5bd;color:var(--text-muted-color);flex-direction:column;gap:.5rem;gap:var(--spacing-sm);height:200px;width:200px}.qr-actions,.qr-code-fallback{display:flex;justify-content:center}.qr-action-group{display:flex;gap:.5rem;gap:var(--spacing-sm)}.qr-action-btn{align-items:center;background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#171819;color:var(--text-primary-color);cursor:pointer;display:flex;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.qr-action-btn:hover{background:#f1f3f4;background:var(--card);color:#1629ff;color:var(--primary)}.qr-action-btn.copied,.qr-action-btn:hover{border-color:#1629ff;border-color:var(--primary)}.qr-action-btn.copied{background:#1629ff;background:var(--primary);color:#fff;color:var(--light-bg)}.qr-info{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);flex-direction:column;padding:1rem;padding:var(--spacing-lg)}.qr-info,.qr-info-item{display:flex;gap:.5rem;gap:var(--spacing-sm)}.qr-info-item{align-items:center;color:#6c757d;color:var(--text-secondary-color);font-size:.9rem;font-size:var(--font-size-sm)}.qr-info-item svg{color:#adb5bd;color:var(--text-muted-color);flex-shrink:0}.qr-url-preview{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:.75rem;padding:var(--spacing-md)}.qr-url-label{color:#6c757d;color:var(--text-secondary-color);display:block;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.qr-url-text{color:#adb5bd;color:var(--text-muted-color);font-family:monospace;font-size:.8rem;font-size:var(--font-size-xs);word-break:break-all}@media (max-width:768px){.bookings-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.bookings-actions{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.bookings-title h1{font-size:1.5rem}.bookings-cards-grid{gap:.75rem;gap:var(--spacing-md);grid-template-columns:1fr}.booking-details{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr}.filter-options,.filters-content{gap:.75rem;gap:var(--spacing-md)}.filter-options{flex-direction:column}.filter-group{min-width:auto}.about-to-end-grid{grid-template-columns:1fr}.qr-action-group{flex-direction:column;width:100%}.qr-action-btn{justify-content:center}}.stat-card-custom{align-items:flex-start;background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease;transition:var(--transition)}.stat-card-custom:hover{box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon-custom{align-items:center;background:#1629ff;background:var(--primary);border-radius:8px;border-radius:var(--radius);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.stat-content-custom{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.stat-title-custom{color:#6c757d;color:var(--text-secondary-color);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.stat-value-custom{color:#171819;color:var(--text-primary-color);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.stat-subtitle-custom{color:#adb5bd;color:var(--text-muted-color);font-size:.8rem;line-height:1.3;margin:0}.stat-card-custom.stat-purple .stat-icon-custom{background:#8b5cf6}.stat-card-custom.stat-orange .stat-icon-custom{background:#f59e0b}.stat-card-custom.stat-green .stat-icon-custom{background:#10b981}.stat-card-custom.stat-red .stat-icon-custom{background:#ef4444}@media (max-width:768px){.stat-card-custom{gap:.75rem;padding:1rem}.stat-icon-custom{height:36px;width:36px}.stat-value-custom{font-size:1.25rem}.stat-title-custom{font-size:.8rem}.stat-subtitle-custom{font-size:.75rem}}.add-time-btn,.booking-actions-header{align-items:center;display:flex;gap:.5rem}.add-time-btn{background:#1629ff;background:var(--primary);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;min-height:32px;padding:.5rem .75rem;transition:all .3s ease;transition:var(--transition)}.add-time-btn:hover{background:#0018a0;background:var(--primary-hover);transform:translateY(-1px)}.add-time-btn .btn-text{font-size:.8rem;font-weight:600}.qr-btn{align-items:center;background:var(--secondary);border:1px solid #dadce0;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#171819;color:var(--text-primary-color);cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:.5rem;transition:all .3s ease;transition:var(--transition)}.qr-btn:hover{background:var(--secondary-hover);border-color:#1629ff;border-color:var(--primary);color:#1629ff;color:var(--primary)}.cancel-btn{align-items:center;background:#f59e0b;background:var(--warning);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;min-height:32px;padding:.5rem .75rem;transition:all .3s ease;transition:var(--transition)}.cancel-btn:hover{background:#d97706;background:var(--warning-hover);transform:translateY(-1px)}.cancel-btn .btn-text{font-size:.8rem;font-weight:600}.delete-btn{align-items:center;background:#ef4444;background:var(--danger);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;min-height:32px;padding:.5rem .75rem;transition:all .3s ease;transition:var(--transition)}.delete-btn:hover{background:#dc2626;background:var(--danger-hover);transform:translateY(-1px)}.delete-btn .btn-text{font-size:.8rem;font-weight:600}.cash-btn{align-items:center;background:#28a745;background:var(--success);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;min-height:32px;padding:.5rem .75rem;transition:all .3s ease;transition:var(--transition)}.cash-btn:hover{background:#1e7e34;transform:translateY(-1px)}.cash-btn .btn-text{font-size:.8rem;font-weight:600}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{gap:.75rem;grid-template-columns:1fr}.add-time-btn .btn-text,.cancel-btn .btn-text,.cash-btn .btn-text,.delete-btn .btn-text{display:none}.add-time-btn,.cancel-btn,.cash-btn,.delete-btn{justify-content:center;min-width:32px;padding:.5rem}.accordions-header{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.interval-selector{min-width:auto;width:100%}.interval-select{width:100%}}.dark .booking-card-body .detail-value{color:#fff!important;color:var(--dark-text-primary)!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important}.dark .booking-card-body .detail-label{color:#a0a0a0!important;color:var(--dark-text-secondary)!important}.dark .booking-card-body .notes-value{color:#fff!important;color:var(--dark-text-primary)!important}.dark .booking-card-body .notes-label{color:#a0a0a0!important;color:var(--dark-text-secondary)!important}.dark .vehicle-card-body .detail-value{color:#fff!important;color:var(--dark-text-primary)!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important}.dark .vehicle-card-body .detail-label{color:#a0a0a0!important;color:var(--dark-text-secondary)!important}.dark .spot-card-body .detail-value{color:#fff!important;color:var(--dark-text-primary)!important;font-weight:600!important;font-weight:var(--font-weight-semibold)!important}.dark .spot-card-body .detail-label{color:#a0a0a0!important;color:var(--dark-text-secondary)!important}.dark .admin-auth-page{background:#080808!important;background:var(--dark-bg)!important}.dark .admin-auth-card{background:#010101!important;background:var(--dark-card)!important;border-color:#2a2f3e!important;border-color:var(--dark-border)!important}.dark .admin-auth-header h2{color:#fff!important;color:var(--dark-text-primary)!important}.dark .admin-auth-header p{color:#a0a0a0!important;color:var(--dark-text-secondary)!important}.dark .admin-auth-form .form-label{color:#fff!important;color:var(--dark-text-primary)!important}.dark .admin-auth-form .form-icon{color:#a0a0a0!important;color:var(--dark-text-secondary)!important}.dark .forgot-password-link{color:#1629ff!important;color:var(--primary)!important}.dark .forgot-password-link:hover{color:#0018a0!important;color:var(--primary-hover)!important}.dark .auth-link{color:#a0a0a0!important;color:var(--dark-text-secondary)!important}.payment-details{background:#f1f3f4;background:var(--light-card);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:var(--border-radius-md);margin:1.5rem 0;padding:1rem}.payment-details h4{color:#171819;color:var(--text-primary);font-size:1.1rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 1rem}.payment-details-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}.payment-detail{align-items:center;border-bottom:1px solid #dadce0;border-bottom:1px solid var(--light-border);display:flex;justify-content:space-between;padding:.5rem 0}.payment-detail:last-child{border-bottom:none}.payment-detail.highlight{background:var(--primary-light);border-bottom:none;border-radius:var(--border-radius-sm);margin-top:.5rem;padding:.75rem}.payment-detail .detail-label{color:#6c757d;color:var(--text-secondary);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.payment-detail .detail-value{color:#171819;color:var(--text-primary);font-size:.9rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold)}.payment-detail.highlight .detail-label,.payment-detail.highlight .detail-value{color:var(--primary-dark);font-weight:700;font-weight:var(--font-weight-bold)}.dark .payment-details{background:#010101;background:var(--dark-card);border-color:#2a2f3e;border-color:var(--dark-border)}.dark .payment-details h4{color:#fff;color:var(--dark-text-primary)}.dark .payment-detail{border-bottom-color:#2a2f3e;border-bottom-color:var(--dark-border)}.dark .payment-detail .detail-label{color:#a0a0a0;color:var(--dark-text-secondary)}.dark .payment-detail .detail-value{color:#fff;color:var(--dark-text-primary)}.dark .payment-detail.highlight{background:var(--primary-dark)}.add-pricing-modal{max-width:500px}.add-pricing-form{display:flex;flex-direction:column;gap:1rem}.calculation-summary{background:#f1f3f4;background:var(--light-card);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:var(--border-radius-md);margin:0 0 1rem;order:-1;padding:1rem}.calculation-summary h4{color:#171819;color:var(--text-primary);font-size:1.1rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 1rem}.calculation-details{display:flex;flex-direction:column;gap:.5rem}.calculation-row{align-items:center;border-bottom:1px solid #dadce0;border-bottom:1px solid var(--light-border);display:flex;justify-content:space-between;padding:.5rem 0}.calculation-row:last-child{border-bottom:none}.calculation-row.total{background:var(--primary-light);border-bottom:none;border-radius:var(--border-radius-sm);color:#1629ff;color:var(--primary);font-weight:700;font-weight:var(--font-weight-bold);margin-top:.5rem;padding:.75rem}.calculation-row.total span:last-child{font-size:1.1rem;font-size:var(--font-size-lg)}.dark .calculation-summary{background:#010101;background:var(--dark-card);border-color:#2a2f3e;border-color:var(--dark-border)}.dark .calculation-summary h4{color:#fff;color:var(--dark-text-primary)}.dark .calculation-row{border-bottom-color:#2a2f3e;border-bottom-color:var(--dark-border)}.selected-booking-info{background:#fff;background:var(--light-bg);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:var(--border-radius-sm);font-size:.9rem;font-size:var(--font-size-sm);margin-top:1rem;padding:.75rem}.selected-booking-info h4{color:#6c757d;color:var(--text-secondary);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin:0 0 .5rem}.booking-summary p{color:#6c757d;color:var(--text-secondary);margin:.25rem 0}.dark .selected-booking-info{background:#080808;background:var(--dark-bg);border-color:#2a2f3e;border-color:var(--dark-border)}.dark .booking-summary p,.dark .selected-booking-info h4{color:#a0a0a0;color:var(--dark-text-secondary)}.pricing-note{background:var(--primary-light);border-left:4px solid #1629ff;border-left:4px solid var(--primary);border-radius:var(--border-radius-sm);margin-top:1rem;padding:.75rem}.pricing-note p{color:var(--primary-dark);font-size:.9rem;font-size:var(--font-size-sm);line-height:1.4;margin:0}.date-filter-section{background:#f1f3f4;background:var(--light-card);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:var(--border-radius-lg);margin:1.5rem 0;margin:var(--spacing-xl) 0;padding:1rem;padding:var(--spacing-lg)}.date-filter-header{align-items:center;display:flex;justify-content:center}.date-navigation{gap:1rem;gap:var(--spacing-lg)}.date-nav-btn,.date-navigation{align-items:center;display:flex}.date-nav-btn{background:#1629ff;background:var(--primary);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;justify-content:center;min-height:40px;min-width:40px;padding:.5rem;padding:var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.date-nav-btn:hover{background:#0018a0;background:var(--primary-hover);transform:translateY(-1px)}.date-nav-btn:disabled{background:#adb5bd;background:var(--text-muted);cursor:not-allowed;transform:none}.date-display{align-items:center;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);min-width:300px;text-align:center}.date-display h2{color:#171819;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.date-picker-inline{max-width:200px;width:100%}.date-picker-inline .date-picker-input-container{align-items:center;background:#fff;background:var(--light-bg);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:var(--border-radius-md);display:flex;justify-content:center;min-height:40px;padding:.5rem;padding:var(--spacing-sm)}.date-picker-inline .date-picker-input{background:#0000;border:none;color:#171819;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);padding:0;text-align:center}.date-picker-inline .date-picker-button,.date-picker-inline .date-picker-label{display:none}.today-btn{background:var(--secondary);border:1px solid #dadce0;border:1px solid var(--border);border-radius:var(--border-radius-sm);color:#171819;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.today-btn:hover:not(:disabled){background:var(--secondary-hover);border-color:#1629ff;border-color:var(--primary);color:#1629ff;color:var(--primary)}.today-btn:disabled{background:#adb5bd;background:var(--text-muted);color:#adb5bd;color:var(--text-muted);cursor:not-allowed}.quick-stats{background:#f1f3f4;background:var(--light-card);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:var(--border-radius-md);display:flex;gap:1rem;gap:var(--spacing-lg);margin:1rem 0;margin:var(--spacing-lg) 0;padding:.75rem;padding:var(--spacing-md)}.quick-stat{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.stat-label{color:#6c757d;color:var(--text-secondary);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.stat-value{color:#1629ff;color:var(--primary);font-size:1.1rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold)}.hourly-accordions{margin:1.5rem 0;margin:var(--spacing-xl) 0}.accordions-header{align-items:flex-start;display:flex;gap:1rem;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.header-content{flex:1 1}.header-content h3{color:#171819;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.header-content p{color:#6c757d;color:var(--text-secondary);font-size:var(--font-size-md);margin:0}.interval-selector{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);min-width:150px}.interval-selector label{color:#6c757d;color:var(--text-secondary);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.interval-select,.interval-selector label{font-size:.9rem;font-size:var(--font-size-sm)}.interval-select{background:#fff;background:var(--light-bg);border:2px solid #dadce0;border:2px solid var(--light-border);border-radius:var(--border-radius-sm);color:#171819;color:var(--text-primary);cursor:pointer;font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.interval-select:focus,.interval-select:hover{border-color:#1629ff;border-color:var(--primary)}.interval-select:focus{box-shadow:0 0 0 3px #e53e3e1a;outline:none}.accordions-container{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.hour-accordion{background:#f1f3f4;background:var(--light-card);border:1px solid #dadce0;border:1px solid var(--light-border);border-radius:var(--border-radius-md);overflow:hidden;transition:all .3s ease;transition:var(--transition)}.hour-accordion:hover{border-color:#1629ff;border-color:var(--primary);box-shadow:var(--shadow-md)}.accordion-header{align-items:center;background:#fff;background:var(--light-bg);cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.accordion-header:hover{background:var(--secondary)}.accordion-header.expanded{background:var(--primary-light);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--light-border)}.hour-info{gap:1rem;gap:var(--spacing-lg)}.hour-info,.hour-time{align-items:center;display:flex}.hour-time{color:#171819;color:var(--text-primary);font-size:1.1rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-sm)}.hour-stats{display:flex;gap:.75rem;gap:var(--spacing-md)}.booked-spots{color:#1629ff;color:var(--primary)}.booked-spots,.pending-spots{font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.pending-spots{color:#f59e0b;color:var(--warning)}.free-spots{color:#28a745;color:var(--success);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.accordion-toggle{align-items:center;color:#6c757d;color:var(--text-secondary);display:flex;justify-content:center;transition:all .3s ease;transition:var(--transition)}.accordion-header.expanded .accordion-toggle{color:#1629ff;color:var(--primary);transform:rotate(90deg)}.accordion-content{animation:slideDown .3s ease-out;background:#f1f3f4;background:var(--light-card);border-top:1px solid #dadce0;border-top:1px solid var(--light-border);padding:1rem;padding:var(--spacing-lg)}.no-bookings{color:#6c757d;color:var(--text-secondary);font-style:italic;padding:1.5rem;padding:var(--spacing-xl);text-align:center}.bookings-grid{grid-gap:.75rem;grid-gap:var(--spacing-md);display:grid;gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr))}.dark .date-filter-section{background:#010101;background:var(--dark-card);border-color:#2a2f3e;border-color:var(--dark-border)}.dark .date-display h2{color:#fff;color:var(--dark-text-primary)}.dark .date-picker-inline .date-picker-input-container{background:#080808;background:var(--dark-bg);border-color:#2a2f3e;border-color:var(--dark-border)}.dark .date-picker-inline .date-picker-input,.dark .today-btn{color:#fff;color:var(--dark-text-primary)}.dark .today-btn{background:#080808;background:var(--dark-bg);border-color:#2a2f3e;border-color:var(--dark-border)}.dark .today-btn:hover:not(:disabled){background:#010101;background:var(--dark-card);border-color:#1629ff;border-color:var(--primary);color:#1629ff;color:var(--primary)}.dark .quick-stats{background:#010101;background:var(--dark-card);border-color:#2a2f3e;border-color:var(--dark-border)}.dark .stat-label{color:#a0a0a0}.dark .header-content h3{color:#fff;color:var(--dark-text-primary)}.dark .header-content p,.dark .interval-selector label{color:#a0a0a0;color:var(--dark-text-secondary)}.dark .interval-select{background:#080808;background:var(--dark-bg);border-color:#2a2f3e;border-color:var(--dark-border);color:#fff;color:var(--dark-text-primary)}.dark .interval-select:focus,.dark .interval-select:hover{border-color:#1629ff;border-color:var(--primary)}.dark .interval-select:focus{box-shadow:0 0 0 3px #e53e3e1a}.dark .hour-accordion{background:#010101;background:var(--dark-card);border-color:#2a2f3e;border-color:var(--dark-border)}.dark .hour-accordion:hover{border-color:#1629ff;border-color:var(--primary)}.dark .accordion-header{background:#080808;background:var(--dark-bg)}.dark .accordion-header:hover{background:#010101;background:var(--dark-card)}.dark .accordion-header.expanded{background:var(--primary-dark);border-bottom-color:#2a2f3e;border-bottom-color:var(--dark-border)}.dark .hour-time{color:#fff;color:var(--dark-text-primary)}.dark .accordion-toggle{color:#a0a0a0;color:var(--dark-text-secondary)}.dark .accordion-header.expanded .accordion-toggle{color:#1629ff;color:var(--primary)}.dark .accordion-content{background:#010101;background:var(--dark-card);border-top-color:#2a2f3e;border-top-color:var(--dark-border)}.dark .no-bookings{color:#a0a0a0;color:var(--dark-text-secondary)}@media (max-width:1024px){.date-navigation{gap:.75rem;gap:var(--spacing-md)}.date-display{min-width:200px}.date-display h2{font-size:1.1rem;font-size:var(--font-size-lg)}.hour-info,.quick-stats{gap:.5rem;gap:var(--spacing-sm)}.hour-info{align-items:flex-start;flex-direction:column}.hour-stats{gap:.5rem;gap:var(--spacing-sm)}.bookings-grid{grid-template-columns:1fr}.accordion-header{padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.accordion-content{padding:.75rem;padding:var(--spacing-md)}}.dark .pricing-note{background:var(--primary-dark);border-left-color:#1629ff;border-left-color:var(--primary)}.dark .pricing-note p{color:#fff;color:var(--light-bg)}.dark{--warning:#fbbf24;--warning-hover:#f59e0b;--danger:#f87171;--danger-hover:#ef4444}.status-filter-container{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);margin-bottom:1rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg)}.filter-group{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.filter-label{margin:0}.filter-actions{display:flex;gap:.5rem;gap:var(--spacing-sm)}.filter-action-btn{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#6c757d;color:var(--text-secondary-color);cursor:pointer;font-size:.8rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.filter-action-btn:hover{background:#dadce0;background:var(--border);color:#171819;color:var(--text-primary-color)}.filter-action-btn.select-all:hover{background:#28a745;background:var(--success);border-color:#28a745;border-color:var(--success);color:#fff}.filter-action-btn.clear-all:hover{background:#ef4444;background:var(--danger);border-color:#ef4444;border-color:var(--danger);color:#fff}.status-checkboxes{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-md)}.checkbox-label{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);gap:.5rem;gap:var(--spacing-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.checkbox-label:hover{background:#dadce0;background:var(--border)}.status-checkbox{cursor:pointer;height:16px;width:16px}.status-text{font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.status-text.status-pending{color:#f59e0b;color:var(--warning)}.status-text.status-paid{color:#28a745;color:var(--success)}.status-text.status-cancelled{color:#adb5bd;color:var(--text-muted-color)}.status-text.status-failed{color:#ef4444;color:var(--danger)}.status-text.status-refunded{color:#17a2b8;color:var(--info)}@media (max-width:768px){.status-checkboxes{gap:.5rem;gap:var(--spacing-sm)}.checkbox-label{font-size:.8rem;font-size:var(--font-size-xs);padding:.5rem;padding:var(--spacing-sm)}}.alert{border:1px solid #0000;border-radius:var(--radius);gap:var(--spacing-md);margin-bottom:1rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg)}.alert-icon{flex-shrink:0;height:20px;margin-top:2px;width:20px}.alert-content{flex:1 1}.alert-title{font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.alert-message{font-size:.9rem;font-size:var(--font-size-sm);line-height:1.5;margin:0}.alert-close{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:inherit;cursor:pointer;opacity:.7;padding:.25rem;padding:var(--spacing-xs);transition:opacity all .3s ease;transition:opacity var(--transition)}.alert-close:hover{opacity:1}.alert-success{background-color:#28a7451a;border-color:#28a74533;color:#28a745;color:var(--success)}.alert-warning{background-color:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b;color:var(--warning)}.alert-error{background-color:#dc35451a;border-color:#dc354533;color:#dc3545;color:var(--error)}.alert-info{background-color:#17a2b81a;border-color:#17a2b833;color:#17a2b8;color:var(--info)}.card{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);transition:all .3s ease;transition:var(--transition)}.card:hover{box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg)}.card-clickable{cursor:pointer}.card-clickable:hover{box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-padding-sm{padding:.75rem;padding:var(--spacing-md)}.card-padding-md{padding:1rem;padding:var(--spacing-lg)}.card-padding-lg{padding:1.5rem;padding:var(--spacing-xl)}.card-shadow-sm{box-shadow:0 1px 3px #0000001a}.card-shadow-md{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow)}.card-shadow-lg{box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg)}.card-header{align-items:center;border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-lg);padding:1rem 1rem 0;padding:var(--spacing-lg) var(--spacing-lg) 0 var(--spacing-lg)}.card-header-content{flex:1 1}.card-title{color:#171819;color:var(--text-primary-color);font-size:1.1rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.card-subtitle{color:#6c757d;color:var(--text-secondary-color);font-size:.9rem;font-size:var(--font-size-sm);margin:0}.card-header-action{margin-left:.75rem;margin-left:var(--spacing-md)}.card-body{padding:0 1rem 1rem;padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.card-body-padding-sm{padding:.75rem;padding:var(--spacing-md)}.card-body-padding-md{padding:1rem;padding:var(--spacing-lg)}.card-body-padding-lg{padding:1.5rem;padding:var(--spacing-xl)}.card-footer{border-top:1px solid #dadce0;border-top:1px solid var(--border);margin-top:1rem;margin-top:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg)}.card-footer-left{text-align:left}.card-footer-center{text-align:center}.card-footer-right{text-align:right}.stats-card{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);padding:.75rem;padding:var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.stats-card:hover{box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stats-card-content{flex-direction:column}.stats-card-content,.stats-card-header{display:flex;gap:.5rem;gap:var(--spacing-sm)}.stats-card-header,.stats-card-icon{align-items:center}.stats-card-icon{background:#1629ff;background:var(--primary);border-radius:4px;border-radius:var(--radius-sm);color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.stats-card-icon svg{height:18px;width:18px}.stats-card-info{flex:1 1;min-width:0}.stats-card-title{color:#6c757d;color:var(--text-secondary-color);font-size:.8rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.2;margin:0 0 2px}.stats-card-value{color:#171819;color:var(--text-primary-color);font-size:1.5rem;font-weight:700;font-weight:var(--font-weight-bold);line-height:1.2;margin:0}.stats-card-footer{align-items:center;display:flex;justify-content:space-between}.stats-card-change{align-items:center;display:flex;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs)}.stats-card-change-positive{color:#28a745;color:var(--success)}.stats-card-change-negative{color:#dc3545;color:var(--error)}.stats-card-change-neutral{color:#6c757d;color:var(--text-secondary-color)}.stats-card-trend{color:#adb5bd;color:var(--text-muted-color);font-size:.8rem;font-size:var(--font-size-xs)}.action-card{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);cursor:pointer;padding:.75rem;padding:var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.action-card:hover{border-color:#1629ff;border-color:var(--primary);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.action-card-content{align-items:center;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);text-align:center}.action-card-icon{align-items:center;background:#1629ff;background:var(--primary);border-radius:8px;border-radius:var(--radius);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.action-card-icon svg{height:20px;width:20px}.action-card-secondary .action-card-icon{background:#6c757d;background:var(--text-secondary-color)}.action-card-outline .action-card-icon{background:#0000;border:2px solid #1629ff;border:2px solid var(--primary);color:#1629ff;color:var(--primary)}.action-card-body{flex:1 1}.action-card-title{color:#171819;color:var(--text-primary-color);font-size:.9rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.3;margin:0 0 2px}.action-card-description{color:#6c757d;color:var(--text-secondary-color);font-size:.8rem;font-size:var(--font-size-xs);line-height:1.4;margin:0}.action-card-action{margin-top:.5rem;margin-top:var(--spacing-sm)}.search-filter-container{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.search-bar{gap:.75rem;gap:var(--spacing-md)}.search-input{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border-radius:8px;border-radius:var(--radius);color:#171819;font-size:1rem;font-size:var(--font-size-base);padding:.75rem;padding:var(--spacing-md);padding-right:40px;transition:all .3s ease;transition:var(--transition)}.search-input:focus{border-color:#1629ff;border-color:var(--primary);box-shadow:0 0 0 3px #001bb726;box-shadow:var(--shadow-focus)}.search-input-sm{font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem;padding:var(--spacing-sm);padding-right:32px}.search-input-lg{font-size:1.1rem;font-size:var(--font-size-lg);padding:1rem;padding:var(--spacing-lg);padding-right:48px}.search-clear-btn{border-radius:4px;color:#adb5bd;color:var(--text-muted-color);padding:.25rem;right:.75rem;right:var(--spacing-md);transition:color all .3s ease;transition:color var(--transition)}.search-clear-btn:hover{color:#171819;color:var(--text-primary-color)}.filter-toggle-btn{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border-radius:8px;border-radius:var(--radius);color:#1629ff;height:44px;transition:all .3s ease;transition:var(--transition);width:44px}.filter-toggle-btn:hover{background:#1629ff}.filter-toggle-btn.active{background:#1629ff;border-color:#1629ff;border-color:var(--primary)}.filter-indicator{background:#dc3545;background:var(--error);border:2px solid #f1f3f4;border:2px solid var(--card);right:6px;top:6px}.filter-panel{animation:slideDown .3s ease-out;background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-top:.75rem;overflow:hidden}.filter-panel-header{background:#f1f3f4;background:var(--card);border-bottom:1px solid #dadce0;padding:1rem;padding:var(--spacing-lg)}.filter-panel-title{color:#171819;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.filter-panel-actions{gap:.5rem}.filter-clear-all-btn{background:none;border-radius:4px;color:#dc3545;color:var(--error);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;padding:.25rem .5rem;transition:all .3s ease;transition:var(--transition)}.filter-clear-all-btn:hover{background:#dc3545;background:var(--error)}.filter-panel-close{border-radius:4px;color:#6c757d;color:var(--text-secondary-color);padding:.25rem;transition:all .3s ease;transition:var(--transition)}.filter-panel-close:hover{background:#dadce0;background:var(--border);color:#171819;color:var(--text-primary-color)}.filter-panel-content{background:var(--bg);padding:1rem;padding:var(--spacing-lg)}.filter-input-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.filter-label{color:#171819;color:var(--text-primary-color);font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.filter-select{background:#fff;background:var(--bg);border:1px solid #dadce0;border-radius:8px;border-radius:var(--radius);color:#171819;font-size:1rem;font-size:var(--font-size-base);padding:.75rem;padding:var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.filter-select:focus{border-color:#1629ff;border-color:var(--primary);box-shadow:0 0 0 3px #001bb726;box-shadow:var(--shadow-focus)}.filter-select-sm{font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.filter-select-lg{font-size:1.1rem;font-size:var(--font-size-lg);padding:1rem;padding:var(--spacing-lg)}.filter-clear-btn{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#6c757d;font-size:.9rem;font-size:var(--font-size-sm);gap:.25rem;margin-top:.75rem;margin-top:var(--spacing-md);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.filter-clear-btn:hover{background:#dc3545;background:var(--error);border-color:#dc3545;border-color:var(--error);color:#fff}.dark .filter-input,.dark .filter-select,.dark .filter-textarea,.dark .search-input{background:#f1f3f4;background:var(--card);border-color:#dadce0;border-color:var(--border);color:#171819;color:var(--text-primary-color)}.dark .filter-input::placeholder,.dark .filter-textarea::placeholder,.dark .search-input::placeholder{color:#9ca3af;color:var(--text-tertiary-color)}.dark .filter-panel{background:#fff;background:var(--bg);border-color:#dadce0;border-color:var(--border);box-shadow:0 10px 30px #00000080}.dark .filter-panel-header{background:#f1f3f4;background:var(--card);border-bottom-color:#dadce0;border-bottom-color:var(--border)}.dark .filter-panel-content{background:#fff;background:var(--bg)}.dark .active-filters-title,.dark .filter-label,.dark .filter-panel-title{color:#171819;color:var(--text-primary-color)}.dark .filter-panel-close,.dark .search-clear-btn{color:#6c757d;color:var(--text-secondary-color)}.dark .filter-panel-close:hover,.dark .search-clear-btn:hover{background:#dadce0;background:var(--border);color:#171819;color:var(--text-primary-color)}.dark .filter-toggle-btn{background:#f1f3f4;background:var(--card);border-color:#dadce0;border-color:var(--border);color:#1629ff;color:var(--primary)}.dark .filter-toggle-btn.active,.dark .filter-toggle-btn:hover{background:#1629ff;background:var(--primary);border-color:#1629ff;border-color:var(--primary);color:#fff}.dark .filter-select option{background:#f1f3f4;background:var(--card)}.dark .checkbox-label,.dark .checkbox-text,.dark .filter-select option,.dark .radio-label,.dark .radio-text{color:#171819;color:var(--text-primary-color)}.dark .filter-tag{background:#4151ae33;border:1px solid #1629ff;border:1px solid var(--primary);color:#1629ff;color:var(--primary)}.dark .filter-tag-label,.dark .filter-tag-value{color:#171819;color:var(--text-primary-color)}.dark .filter-tag-remove:hover{background:#ffffff26}.dark .filter-clear-all-btn{color:#dc3545;color:var(--error)}.dark .filter-clear-all-btn:hover{background:#dc3545;background:var(--error);color:#fff}.dark .filter-clear-btn{background:#f1f3f4;background:var(--card);border-color:#dadce0;border-color:var(--border);color:#6c757d;color:var(--text-secondary-color)}.dark .filter-clear-btn:hover{background:#dc3545;background:var(--error);border-color:#dc3545;border-color:var(--error);color:#fff}.dark .active-filters-display{border-top-color:#dadce0;border-top-color:var(--border)}.pagination-container{display:flex;justify-content:center;margin:1.5rem 0;margin:var(--spacing-xl) 0}.pagination-nav{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.pagination-content{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.pagination-info{margin-top:.75rem;margin-top:var(--spacing-md)}.pagination-text{color:#6c757d;color:var(--text-secondary-color);margin:0}.pagination-btn,.pagination-text{font-size:.9rem;font-size:var(--font-size-sm)}.pagination-btn{align-items:center;background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#171819;color:var(--text-primary-color);cursor:pointer;display:flex;height:40px;justify-content:center;min-width:40px;padding:.5rem;padding:var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.pagination-btn:hover:not(:disabled){background:#1629ff;background:var(--primary);border-color:#1629ff;border-color:var(--primary);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.active{background:#1629ff;background:var(--primary);border-color:#1629ff;border-color:var(--primary);color:#fff}.pagination-ellipsis{align-items:center;color:#adb5bd;color:var(--text-muted-color);display:flex;font-size:.9rem;font-size:var(--font-size-sm);height:40px;justify-content:center;min-width:40px}.pagination-sm .pagination-btn{font-size:.8rem;font-size:var(--font-size-xs);height:32px;min-width:32px}.pagination-lg .pagination-btn{font-size:1rem;font-size:var(--font-size-base);height:48px;min-width:48px}.pagination-xl .pagination-btn{font-size:1.1rem;font-size:var(--font-size-lg);height:56px;min-width:56px}.date-picker-container{position:relative}.date-picker-label{color:#171819;color:var(--text-primary-color);display:block;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.date-picker-wrapper{position:relative}.date-picker-input{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#171819;color:var(--text-primary-color);cursor:pointer;font-size:1rem;font-size:var(--font-size-base);padding:.75rem;padding:var(--spacing-md);padding-right:40px;transition:all .3s ease;transition:var(--transition);width:100%}.date-picker-input:focus{border-color:#1629ff;border-color:var(--primary);box-shadow:0 0 0 3px #001bb726;box-shadow:var(--shadow-focus);outline:none}.date-picker-input-sm{font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem;padding:var(--spacing-sm);padding-right:32px}.date-picker-input-lg{font-size:1.1rem;font-size:var(--font-size-lg);padding:1rem;padding:var(--spacing-lg);padding-right:48px}.date-picker-toggle{background:none;border:none;color:#adb5bd;color:var(--text-muted-color);cursor:pointer;padding:.25rem;padding:var(--spacing-xs);position:absolute;right:.75rem;right:var(--spacing-md);top:50%;transform:translateY(-50%);transition:color all .3s ease;transition:color var(--transition)}.date-picker-toggle:hover{color:#171819;color:var(--text-primary-color)}.date-picker-calendar{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);left:0;margin-top:.25rem;margin-top:var(--spacing-xs);padding:1rem;padding:var(--spacing-lg);position:absolute;right:0;top:100%;z-index:1000}.calendar-header{margin-bottom:var(--spacing-lg)}.calendar-nav-btn{border-radius:var(--radius-sm);color:#171819;color:var(--text-primary-color);padding:var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.calendar-nav-btn:hover{background:#dadce0;background:var(--border)}.calendar-month-year{color:#171819;font-weight:var(--font-weight-semibold)}.calendar-weekdays{grid-gap:var(--spacing-xs);gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.calendar-weekday{color:#6c757d;font-size:.8rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem;padding:var(--spacing-sm)}.calendar-days{grid-gap:var(--spacing-xs);gap:var(--spacing-xs)}.calendar-day{border-radius:var(--radius-sm);color:#171819;font-size:.9rem;font-size:var(--font-size-sm);height:32px;transition:all .3s ease;transition:var(--transition);width:32px}.calendar-day:hover:not(.disabled){background:#1629ff;background:var(--primary);color:#fff}.calendar-day.selected{background:#1629ff}.calendar-day.today{background:#dadce0;background:var(--border);font-weight:var(--font-weight-semibold)}.calendar-day.disabled{color:#adb5bd;color:var(--text-muted-color)}.date-picker-error{color:#dc3545;color:var(--error);font-size:.8rem;font-size:var(--font-size-xs);margin-top:.25rem;margin-top:var(--spacing-xs)}.time-picker-container{position:relative}.time-picker-label{color:#171819;color:var(--text-primary-color);display:block;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.time-picker-wrapper{position:relative}.time-picker-input{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#171819;color:var(--text-primary-color);cursor:pointer;font-size:1rem;font-size:var(--font-size-base);padding:.75rem;padding:var(--spacing-md);padding-right:40px;transition:all .3s ease;transition:var(--transition);width:100%}.time-picker-input:focus{border-color:#1629ff;border-color:var(--primary);box-shadow:0 0 0 3px #001bb726;box-shadow:var(--shadow-focus);outline:none}.time-picker-input-sm{font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem;padding:var(--spacing-sm);padding-right:32px}.time-picker-input-lg{font-size:1.1rem;font-size:var(--font-size-lg);padding:1rem;padding:var(--spacing-lg);padding-right:48px}.time-picker-toggle{background:none;border:none;color:#adb5bd;color:var(--text-muted-color);cursor:pointer;padding:.25rem;padding:var(--spacing-xs);position:absolute;right:.75rem;right:var(--spacing-md);top:50%;transform:translateY(-50%);transition:color all .3s ease;transition:color var(--transition)}.time-picker-toggle:hover{color:#171819;color:var(--text-primary-color)}.time-picker-dropdown{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);left:0;margin-top:.25rem;margin-top:var(--spacing-xs);max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.time-picker-list{padding:var(--spacing-sm)}.time-picker-option{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#171819;color:var(--text-primary-color);cursor:pointer;font-size:.9rem;font-size:var(--font-size-sm);padding:.75rem;padding:var(--spacing-md);text-align:left;transition:all .3s ease;transition:var(--transition);width:100%}.time-picker-option:hover{background:#dadce0;background:var(--border)}.time-picker-option.selected{background:#1629ff;background:var(--primary);color:#fff}.time-picker-error{color:#dc3545;color:var(--error);font-size:.8rem;font-size:var(--font-size-xs);margin-top:.25rem;margin-top:var(--spacing-xs)}.table-container{border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);overflow-x:auto}.table{background:#f1f3f4;background:var(--card);border-collapse:collapse;width:100%}.table-header{background:#dadce0;background:var(--border);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);color:#171819;color:var(--text-primary-color);font-weight:600;font-weight:var(--font-weight-semibold);padding:1rem;padding:var(--spacing-lg);text-align:left}.table-header.sortable{cursor:pointer;transition:all .3s ease;transition:var(--transition);-webkit-user-select:none;user-select:none}.table-header.sortable:hover{background:#1629ff;background:var(--primary);color:#fff}.table-header-content{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.table-header-text{flex:1 1}.table-row{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);transition:all .3s ease;transition:var(--transition)}.table-row:hover{background:#00000005}.table-row.clickable{cursor:pointer}.table-row.clickable:hover{background:#0000000d}.table-cell{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);color:#171819;color:var(--text-primary-color);padding:1rem;padding:var(--spacing-lg)}.table-cell-actions{text-align:right}.table-actions{gap:.5rem}.table-striped .table-row:nth-child(2n){background:#00000005}.table-bordered,.table-bordered .table-cell{border:1px solid #dadce0;border:1px solid var(--border)}.table-sm .table-cell{padding:.75rem;padding:var(--spacing-md)}.table-md .table-cell{padding:1rem;padding:var(--spacing-lg)}.table-lg .table-cell{padding:1.5rem;padding:var(--spacing-xl)}.table-empty,.table-loading{align-items:center;color:#6c757d;color:var(--text-secondary-color);display:flex;flex-direction:column;justify-content:center;padding:3rem;padding:var(--spacing-3xl)}.table-empty svg{opacity:.5}.form-group,.table-empty svg{margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.form-label{color:#171819;font-size:.9rem;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;margin-bottom:.5rem}.form-label-icon{color:#6c757d}.form-required{color:#dc3545;color:var(--error)}.form-input{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#171819;font-size:1rem;font-size:var(--font-size-base);padding:.75rem;padding:var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.form-input:focus{border-color:#1629ff;border-color:var(--primary);box-shadow:0 0 0 3px #001bb726;outline:none}.form-input-sm{font-size:.9rem;padding:.5rem;padding:var(--spacing-sm)}.form-input-lg{font-size:1.1rem;padding:1rem;padding:var(--spacing-lg)}.form-input-filled{background:#dadce0;background:var(--border);border-color:#0000}.form-input-filled:focus{background:#f1f3f4;background:var(--card);border-color:#1629ff}.form-input-icon{color:#6c757d;left:.75rem;top:50%;transform:translateY(-50%)}.form-input:has(+.form-input-icon){padding-left:40px}.form-error{color:#dc3545;color:var(--error)}.form-error,.form-helper{font-size:.8rem;font-size:var(--font-size-xs);margin-top:.25rem;margin-top:var(--spacing-xs)}.form-helper{color:#6c757d;color:var(--text-secondary-color)}.form-group-error .form-input,.form-group-error .form-input:focus{border-color:#dc3545;border-color:var(--error)}.form-group-error .form-input:focus{box-shadow:0 0 0 3px #dc354526}.form-group-disabled .form-input{background:#dadce0;background:var(--border);color:#adb5bd;color:var(--text-muted-color)}.form-select-wrapper{position:relative}.form-select{align-items:center;background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#171819;color:var(--text-primary-color);cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base);justify-content:space-between;padding:.75rem;padding:var(--spacing-md);padding-right:40px;transition:all .3s ease;transition:var(--transition);width:100%}.form-select:focus{border-color:#1629ff;border-color:var(--primary);box-shadow:0 0 0 3px #001bb726;box-shadow:var(--shadow-focus);outline:none}.form-select-value{flex:1 1;text-align:left}.form-select-arrow{transition:transform all .3s ease;transition:transform var(--transition)}.form-select-arrow.open{transform:rotate(180deg)}.form-select-dropdown{background:#f1f3f4;background:var(--card);border:1px solid #dadce0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);left:0;margin-top:.25rem;margin-top:var(--spacing-xs);max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.form-select-search{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);padding:.75rem;padding:var(--spacing-md)}.form-select-search-input{background:#fff;background:var(--bg);border:1px solid #dadce0;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#171819;color:var(--text-primary-color);font-size:.9rem;font-size:var(--font-size-sm);padding:.5rem;padding:var(--spacing-sm);width:100%}.form-select-search-input:focus{border-color:#1629ff;border-color:var(--primary);outline:none}.form-select-options{padding:.5rem;padding:var(--spacing-sm)}.form-select-option{align-items:center;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.9rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-sm);padding:.75rem;padding:var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.form-select-option:hover{background:#dadce0;background:var(--border)}.form-select-option.selected{background:#1629ff;background:var(--primary);color:#fff}.form-select-checkbox{margin:0}.form-select-option-text{flex:1 1}.form-select-empty{color:#adb5bd;color:var(--text-muted-color);font-size:.9rem;font-size:var(--font-size-sm);text-align:center}.form-select-empty,.modal-overlay{padding:1rem;padding:var(--spacing-lg)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.modal,.modal-header{background:#f1f3f4;background:var(--card);display:flex}.modal-header{align-items:center;border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:1.5rem;padding:var(--spacing-xl)}.modal-title{color:#171819;color:var(--text-primary-color);font-size:1.1rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.modal-close{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#6c757d;color:var(--text-secondary-color);cursor:pointer;padding:.5rem;padding:var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.modal-close:hover{background:#dadce0;background:var(--border);color:#171819;color:var(--text-primary-color)}.modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:1.5rem;padding:var(--spacing-xl)}.loading-spinner{display:inline-block;height:16px;width:16px}.loading-spinner div{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:100%;width:100%}@media (max-width:768px){.search-bar{flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.search-input-wrapper{width:100%}.filter-toggle-btn{align-self:flex-start}.filter-panel{margin-top:.5rem;margin-top:var(--spacing-sm)}.filter-panel-content,.filter-panel-header{padding:.75rem;padding:var(--spacing-md)}.pagination-content{flex-wrap:wrap;gap:.25rem;gap:var(--spacing-xs)}.table-container{font-size:.9rem;font-size:var(--font-size-sm)}.table-cell{padding:.75rem;padding:var(--spacing-md)}.modal{margin:.75rem;margin:var(--spacing-md);max-height:calc(100vh - 2rem)}.modal-body,.modal-header{padding:1rem;padding:var(--spacing-lg)}}@media (max-width:480px){.action-cards-grid,.alerts-grid,.form-grid,.stats-grid{grid-template-columns:1fr}.pagination-content{justify-content:center}.pagination-btn{font-size:.8rem;font-size:var(--font-size-xs);height:32px;min-width:32px}}.form-input-wrapper{align-items:center;display:flex;position:relative}.form-input-icon{color:var(--text-secondary-color);left:var(--spacing-md);pointer-events:none;position:absolute;z-index:1}.form-input-wrapper .form-input{padding-left:var(--spacing-2xl)}.form-label{font-weight:var(--font-weight-medium);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.form-label-icon{color:var(--text-secondary-color);flex-shrink:0}.form-label-text{flex:1 1}.form-required{color:var(--danger);margin-left:2px}.form-input-sm{font-size:var(--font-size-sm);padding:var(--spacing-xs)}.form-input-lg{font-size:var(--font-size-lg);padding:var(--spacing-sm) var(--spacing-md)}.form-input-filled{background:var(--light-bg);border:2px solid #0000}.form-input-filled:focus{background:var(--bg);border-color:var(--primary)}.form-input-filled:-webkit-autofill,.form-input-filled:-webkit-autofill:active,.form-input-filled:-webkit-autofill:focus,.form-input-filled:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary-color)!important;background-color:var(--light-bg)!important;-webkit-box-shadow:0 0 0 30px var(--light-bg) inset!important}.dark .form-input-filled:-webkit-autofill,.dark .form-input-filled:-webkit-autofill:active,.dark .form-input-filled:-webkit-autofill:focus,.dark .form-input-filled:-webkit-autofill:hover{-webkit-text-fill-color:var(--dark-text-primary)!important;background-color:var(--dark-card)!important;-webkit-box-shadow:0 0 0 30px var(--dark-card) inset!important}.form-group-error .form-input{border-color:var(--danger)}.form-group-error .form-input:focus{border-color:var(--danger);box-shadow:0 0 0 3px #ef44441a}.form-group-disabled .form-input{background:var(--light-bg);color:var(--text-muted);cursor:not-allowed}.form-group-disabled .form-label{color:var(--text-muted)}.dark .form-input-filled{background:var(--dark-card)}.dark .form-input-filled:focus{background:var(--dark-bg)}.dark .form-group-disabled .form-input{background:var(--dark-card);color:var(--dark-text-muted)}.dark .form-group-disabled .form-label{color:var(--dark-text-muted)}.form-input:valid:not(:placeholder-shown){border-color:var(--primary)}.form-input:invalid:not(:placeholder-shown){border-color:var(--danger)}.form-input:focus{box-shadow:var(--shadow-focus);transform:translateY(-1px)}.form-input:hover:not(:disabled):not(:focus){border-color:var(--primary);transform:translateY(-1px)}.form-input,.form-input-icon,.form-label{transition:var(--transition)}.form-group+.form-group{margin-top:var(--spacing-sm)}.form-row{align-items:flex-start;display:flex;gap:var(--spacing-md)}.form-row .form-group{flex:1 1;margin-bottom:0}@media (max-width:768px){.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:var(--spacing-md)}.form-input-lg{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md)}}.date-picker-container,.datetime-picker-container,.time-picker-container{position:relative;width:100%}.date-picker-label,.datetime-picker-label,.time-picker-label{color:var(--text-primary-color);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.date-picker-label .required,.datetime-picker-label .required,.time-picker-label .required{color:var(--danger)}.date-picker-wrapper,.datetime-picker-wrapper,.time-picker-wrapper{border:1px solid var(--border);border-radius:var(--radius);position:relative}.date-picker-input,.datetime-picker-input,.time-picker-input{background:var(--bg);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary-color);cursor:pointer;font-size:.9375rem;padding:.625rem 2.5rem .625rem .875rem;transition:all .2s;width:100%}.date-picker-input:hover,.datetime-picker-input:hover,.time-picker-input:hover{border-color:var(--primary)}.date-picker-input:focus,.datetime-picker-input:focus,.time-picker-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-picker-input.error,.datetime-picker-input.error,.time-picker-input.error{border-color:var(--danger)}.date-picker-input:disabled,.datetime-picker-input:disabled,.time-picker-input:disabled{background:var(--light-bg);cursor:not-allowed;opacity:.6}.date-picker-toggle,.datetime-picker-toggle,.time-picker-toggle{background:none;border:none;color:var(--text-secondary-color);cursor:pointer;padding:.5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:color .2s}.date-picker-toggle:hover,.datetime-picker-toggle:hover,.time-picker-toggle:hover{color:var(--primary)}.date-picker-toggle:disabled,.datetime-picker-toggle:disabled,.time-picker-toggle:disabled{cursor:not-allowed;opacity:.5}.date-picker-calendar,.datetime-picker-dropdown,.time-picker-dropdown{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:0 10px 25px #00000026;left:0;overflow:hidden;position:absolute;top:calc(100% + .5rem);z-index:1000}.datetime-picker-dropdown{min-width:600px;width:100%}.date-picker-calendar{width:320px}.time-picker-dropdown{max-width:200px;width:100%}.datetime-picker-content{display:flex}.datetime-date-section{background:#fff;border-right:1px solid var(--border-color);flex:1 1;padding:1rem}.datetime-time-section{background:#fff;display:flex;flex-direction:column;width:200px}.time-section-header{background:#fff;border-bottom:1px solid var(--border-color);color:var(--text-primary-color);font-size:.875rem;font-weight:600;padding:1rem}.time-picker-list{background:#fff;flex:1 1;max-height:300px;overflow-y:auto;padding:.5rem}.time-option,.time-picker-option{background:none;border:none;border-radius:4px;color:var(--text-primary-color);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;text-align:left;transition:all .15s;width:100%}.time-option:hover,.time-picker-option:hover{background:var(--light-bg)}.time-option.selected,.time-picker-option.selected{background:var(--primary);color:#fff;font-weight:600}.calendar-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.calendar-nav-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary-color);cursor:pointer;padding:.5rem;transition:all .2s}.calendar-nav-btn:hover{background:var(--light-bg);color:var(--primary)}.calendar-month-year{color:var(--text-primary-color);flex:1 1;font-weight:600;text-align:center}.calendar-month-year-selects{display:flex;flex:1 1;gap:.5rem}.calendar-month-select,.calendar-year-select{background:var(--bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary-color);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:.375rem .5rem;transition:all .2s}.calendar-month-select:hover,.calendar-year-select:hover{border-color:var(--primary)}.calendar-month-select:focus,.calendar-year-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.calendar-weekdays{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem}.calendar-weekday{color:var(--text-secondary-color);font-size:.75rem;font-weight:600;padding:.5rem 0;text-align:center}.calendar-days{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;background:none;border:none;border-radius:4px;color:var(--text-primary-color);cursor:pointer;display:flex;font-size:.875rem;justify-content:center;transition:all .15s}.calendar-day:hover:not(.disabled):not(.empty){background:var(--light-bg)}.calendar-day.today{border:2px solid var(--primary);font-weight:600}.calendar-day.selected{background:var(--primary);color:#fff;font-weight:600}.calendar-day.disabled{color:var(--text-muted);cursor:not-allowed;opacity:.4}.calendar-day.empty{cursor:default}.datetime-picker-actions{background:#fff;border-top:1px solid var(--border-color);display:flex;gap:.5rem;justify-content:flex-end;padding:1rem}.datetime-btn{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.datetime-btn-cancel{background:var(--light-bg);color:var(--text-primary-color)}.datetime-btn-cancel:hover{background:var(--border-color)}.datetime-btn-apply{background:var(--primary);color:#fff}.datetime-btn-apply:hover:not(:disabled){opacity:.9}.datetime-btn-apply:disabled{cursor:not-allowed;opacity:.5}.date-picker-error,.datetime-picker-error,.time-picker-error{color:var(--danger);font-size:.8125rem;margin-top:.375rem}@media (max-width:768px){.datetime-picker-dropdown{left:50%;max-width:100vw;min-width:auto;transform:translateX(-50%);width:100%}.datetime-picker-content{flex-direction:column}.datetime-date-section{border-bottom:1px solid var(--border-color);border-right:none}.datetime-time-section{width:100%}.time-picker-list{max-height:200px}}.dark .date-picker-input,.dark .datetime-picker-input,.dark .time-picker-input{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text-primary)}.dark .date-picker-input:hover,.dark .datetime-picker-input:hover,.dark .time-picker-input:hover{border-color:var(--primary)}.dark .date-picker-calendar,.dark .datetime-picker-dropdown,.dark .time-picker-dropdown{background:#1f2937;border-color:var(--dark-border);box-shadow:0 10px 25px #00000080}.dark .datetime-date-section{background:#1f2937;border-right-color:var(--dark-border)}.dark .datetime-time-section{background:#1f2937}.dark .time-section-header{background:#1f2937;border-bottom-color:var(--dark-border);color:var(--dark-text-primary)}.dark .time-picker-list{background:#1f2937}.dark .calendar-month-select,.dark .calendar-year-select{background:var(--dark-bg);border-color:var(--dark-border);color:var(--dark-text-primary)}.dark .calendar-day{color:var(--dark-text-primary)}.dark .calendar-day:hover:not(.disabled):not(.empty){background:var(--dark-bg)}.dark .calendar-day.selected{background:var(--primary);color:#fff}.dark .time-option:hover,.dark .time-picker-option:hover{background:var(--dark-bg)}.dark .datetime-picker-actions{background:#1f2937;border-top-color:var(--dark-border)}.dark .datetime-btn-cancel{background:var(--dark-bg);color:var(--dark-text-primary)}.dark .datetime-btn-cancel:hover{background:var(--dark-border)}.theme-toggle-container{align-items:center;display:flex;position:relative}.theme-icon-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary-color);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.theme-icon-btn:hover{background:var(--border);color:var(--text-primary-color);transform:scale(1.1)}.theme-icon-btn:active{transform:scale(.95)}.theme-icon-btn.dark,.theme-icon-btn.light{color:#6366f1}.theme-icon{transition:all .3s ease}.animate-spin{animation:spin 2s linear infinite}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.dark .theme-icon-btn:hover{background:var(--dark-border)}@media (max-width:768px){.theme-icon-btn{height:36px;width:36px}}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:var(--spacing-md)}.sidebar-footer .logout-btn{border-radius:var(--radius);color:var(--danger);justify-content:flex-start;overflow:hidden;position:relative;width:100%}.sidebar-footer .logout-btn:before{background:var(--danger);content:"";height:3px;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.sidebar-footer .logout-btn:hover:before{left:0}.sidebar-footer .logout-btn:hover{background:#ef44441a;color:var(--danger-hover)}.admin-layout{background:var(--bg);display:flex;min-height:100vh}.admin-sidebar{background:var(--card);border-right:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:200px;z-index:1000}.admin-sidebar-content{display:flex;flex-direction:column;height:100%;padding:var(--spacing-lg)}.admin-sidebar-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding-bottom:var(--spacing-sm)}.sidebar-close-btn{background:none;border:none;border-radius:var(--radius);color:var(--text-secondary-color);cursor:pointer;display:none;padding:var(--spacing-sm);transition:var(--transition)}.sidebar-close-btn:hover{background:var(--border);color:var(--text-primary-color)}.admin-logo{align-items:center;color:var(--primary);display:flex;gap:var(--spacing-md)}.admin-logo,.admin-logo-text{font-size:1.25rem;font-weight:var(--font-weight-bold)}.admin-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm)}.admin-nav-link{align-items:center;background:none;border:none;border-radius:var(--radius);color:var(--text-secondary-color);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:left;text-decoration:none;width:100%}.admin-nav-link:before{background:var(--primary);content:"";height:3px;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.admin-nav-link:hover:before{left:0}.admin-nav-link:hover{background:var(--border);color:var(--text-primary-color)}.admin-nav-link.active{background:var(--primary);box-shadow:var(--shadow-primary);color:#fff}.admin-nav-link.active:before{left:0}.admin-nav-link.active:hover{background:var(--primary-hover)}.nav-icon{color:var(--text-secondary-color);flex-shrink:0;height:20px;text-align:center;transition:all .2s ease;width:20px}.admin-nav-link:hover .nav-icon{color:var(--text-primary-color);transform:scale(1.1)}.admin-nav-link.active .nav-icon{color:#fff;transform:scale(1.05)}.dark .nav-icon{color:var(--dark-text-secondary)}.dark .admin-nav-link:hover .nav-icon{color:var(--dark-text-primary)}.dark .admin-nav-link.active .nav-icon{color:#fff}.nav-label{font-weight:var(--font-weight-medium)}.admin-main{display:flex;flex:1 1;flex-direction:column;margin-left:200px;min-height:100vh}.admin-header{background:var(--card);border-bottom:1px solid var(--border);box-shadow:var(--shadow);padding:var(--spacing-md) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.admin-header-left{align-items:center;display:flex;gap:var(--spacing-lg)}.mobile-menu-btn{background:none;border:none;border-radius:var(--radius);color:var(--text-secondary-color);cursor:pointer;display:none;padding:var(--spacing-sm);transition:var(--transition)}.mobile-menu-btn:hover{background:var(--border);color:var(--text-primary-color)}.admin-header-actions{align-items:center;display:flex;gap:var(--spacing-lg)}.admin-user{align-items:center;border-radius:var(--radius);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition)}.admin-user:hover{background:var(--border)}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:40px;justify-content:center;width:40px}.user-info{align-items:flex-start;display:flex;flex-direction:column}.user-name{color:var(--text-primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.2}.user-role{color:var(--text-secondary-color);font-size:var(--font-size-xs);text-transform:capitalize}.admin-content{flex:1 1;margin:0 auto;max-width:1200px;padding:var(--spacing-xl);width:100%}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.admin-dashboard{background:var(--bg);min-height:100vh}.dashboard-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.dashboard-header h1{color:var(--text-primary-color);font-size:2rem;font-weight:var(--font-weight-bold);margin:0}.dashboard-header p{color:var(--text-secondary-color);font-size:var(--font-size-base);margin:var(--spacing-xs) 0 0 0}.dashboard-actions{align-items:center;display:flex;gap:var(--spacing-md)}.dashboard-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:var(--spacing-2xl)}.dashboard-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition)}.dashboard-card:hover{transform:translateY(-2px)}.dashboard-card .card-header{background:var(--card);border-bottom:1px solid var(--border);padding:var(--spacing-xl)}.dashboard-card .card-header h3{color:var(--text-primary-color);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin:0}.dashboard-card .card-body{padding:var(--spacing-xl)}.profile-info{align-items:flex-start;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:var(--spacing-2xl);padding:var(--spacing-lg)}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:50%;box-shadow:var(--shadow-lg);color:#fff;display:flex;flex-shrink:0;font-size:3rem;font-weight:var(--font-weight-bold);height:120px;justify-content:center;width:120px}.profile-details{grid-gap:var(--spacing-lg);display:grid;flex:1 1;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.profile-detail{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.profile-detail label{color:var(--text-secondary-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.profile-detail span{color:var(--text-primary-color);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.role-badge{background:linear-gradient(135deg,var(--primary),var(--primary-hover));box-shadow:var(--shadow-primary);color:#fff}.role-badge,.status-badge{align-items:center;border-radius:var(--radius);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-md);text-transform:capitalize}.status-badge{position:relative}.status-badge:before{border-radius:50%;content:"";height:8px;margin-right:var(--spacing-xs);width:8px}.status-badge.active{background:#28a7451a;border:1px solid #28a74533;color:var(--success)}.status-badge.active:before{background:var(--success)}.status-badge.inactive{background:#ef44441a;border:1px solid #ef444433;color:var(--danger)}.status-badge.inactive:before{background:var(--danger)}.account-details{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.account-detail{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg)}.account-detail label{color:var(--text-secondary-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.account-detail span{color:var(--text-primary-color);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.form-actions{border-top:1px solid var(--border)}@media (max-width:1024px){.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.mobile-open{transform:translateX(0)}.admin-main{margin-left:0}.mobile-menu-btn,.sidebar-close-btn,.sidebar-overlay{display:block}.dashboard-grid{grid-template-columns:1fr}.profile-info{align-items:center;flex-direction:column;text-align:center}.account-details,.profile-details{grid-template-columns:1fr}}@media (max-width:768px){.admin-content{padding:var(--spacing-lg)}.dashboard-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-lg)}.dashboard-actions{justify-content:flex-start;width:100%}.form-actions{flex-direction:column}.profile-avatar{font-size:2rem;height:80px;width:80px}.admin-header-content{padding:0 var(--spacing-md)}.admin-user .user-info{display:none}}.dashboard-card{overflow:hidden;position:relative}.dashboard-card:before{background:var(--primary);content:"";height:3px;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.dashboard-card:hover:before{left:0}.dashboard-card:hover{box-shadow:var(--shadow-lg)}.dark .role-badge{background:linear-gradient(135deg,var(--primary),var(--primary-hover))}.dark .status-badge.active{background:#28a74533;border:1px solid #28a7454d}.dark .status-badge.inactive{background:#ef444433;border:1px solid #ef44444d}.admin-dashboard{margin:0 auto;max-width:1600px;padding:var(--spacing-lg) var(--spacing-xl)}.dashboard-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.dashboard-header-content h1{color:var(--text-primary-color);font-size:1.5rem;font-weight:var(--font-weight-bold);line-height:1.2;margin:0}.dashboard-header-content p{color:var(--text-secondary-color);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0 0}.dashboard-section{margin-bottom:var(--spacing-xl)}.dashboard-section h2{border-bottom:2px solid var(--primary);color:var(--text-primary-color);font-size:1.125rem;font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs)}.section-header{margin-bottom:var(--spacing-lg)}.section-header h2{border-bottom:none;margin-bottom:0;padding-bottom:0}.alerts-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.stats-grid{grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.action-cards-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.form-showcase{max-width:800px}.form-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.button-showcase{gap:var(--spacing-xl)}.button-group,.button-showcase{display:flex;flex-direction:column}.button-group{gap:var(--spacing-md)}.button-group h4{color:var(--text-primary-color);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-sm) 0}.button-group>button{margin-bottom:var(--spacing-sm);margin-right:var(--spacing-md)}.search-results{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-top:var(--spacing-lg);padding:var(--spacing-md)}.search-results p{color:var(--text-secondary-color);margin:var(--spacing-sm) 0}.modal-content{padding:var(--spacing-lg)}.modal-content p{color:var(--text-secondary-color);margin-bottom:var(--spacing-lg)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.table-actions{display:flex;gap:var(--spacing-sm)}.dashboard-loading{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:var(--spacing-3xl)}.loading-content{animation:fadeIn .3s ease-in;text-align:center}.loading-icon{animation:spin 1s linear infinite;color:var(--primary);margin-bottom:var(--spacing-md)}.loading-content h2{color:var(--text-primary-color);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.loading-content p{color:var(--text-secondary-color);font-size:var(--font-size-sm);margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notifications-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.activities-list{flex-direction:column}.activities-list,.activity-item{display:flex;gap:var(--spacing-sm)}.activity-item{align-items:flex-start;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-sm) var(--spacing-md)}.activity-icon{align-items:center;background:var(--primary-light);border-radius:50%;color:var(--primary);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.activity-content{flex:1 1}.activity-content h4{color:var(--text-primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.3;margin:0 0 2px}.activity-content p{color:var(--text-secondary-color);font-size:var(--font-size-xs);line-height:1.3;margin:0 0 2px}.activity-time{color:var(--text-tertiary-color);font-size:var(--font-size-xs);line-height:1.2}.leads-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.lead-item{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.lead-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000001a}.lead-info h4{color:var(--text-primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.lead-info h4,.lead-info p{line-height:1.3;margin:0 0 2px}.lead-info p{color:var(--text-secondary-color)}.lead-country,.lead-info p{font-size:var(--font-size-xs)}.lead-country{background:var(--background-secondary);border-radius:4px;color:var(--text-tertiary-color);display:inline-block;padding:2px 6px}.lead-details{align-items:flex-end;gap:2px;margin-right:var(--spacing-sm)}.lead-state{border-radius:10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:3px 8px;white-space:nowrap}.lead-state-new{background:var(--info-light);color:var(--info)}.lead-state-follow_up{background:var(--warning-light);color:var(--warning)}.lead-state-application{background:var(--primary-light);color:var(--primary)}.lead-state-student{background:var(--success-light);color:var(--success)}.lead-major,.lead-university{text-align:right}.lead-date,.lead-major,.lead-university{color:var(--text-tertiary-color);font-size:var(--font-size-xs);line-height:1.2}.lead-date{white-space:nowrap}@media (max-width:768px){.admin-dashboard{max-width:100vw;overflow-x:hidden;padding:var(--spacing-md)}.dashboard-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs)}.dashboard-header-content h1{font-size:1.25rem}.dashboard-header-content p{font-size:.875rem}.dashboard-section{margin-bottom:var(--spacing-lg)}.dashboard-section h2{font-size:1rem;margin-bottom:var(--spacing-sm)}.stats-grid{-webkit-overflow-scrolling:touch;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:var(--spacing-sm);scroll-snap-type:x mandatory;scrollbar-width:thin}.stats-grid>.stats-card{flex:0 0 calc(50% - var(--spacing-md)/2);max-width:200px;min-width:160px;scroll-snap-align:start}.action-cards-grid,.form-grid,.notifications-grid{gap:var(--spacing-sm);grid-template-columns:1fr}.lead-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.lead-details{align-items:flex-start;margin-right:0}.lead-major,.lead-university{text-align:left}}@media (max-width:480px){.admin-dashboard{max-width:100vw;overflow-x:hidden;padding:var(--spacing-sm)}.dashboard-header-content h1{font-size:1.125rem}.dashboard-header-content p{font-size:.8125rem}.dashboard-section h2{font-size:.9375rem}.stats-grid>.stats-card{flex:0 0 calc(50% - var(--spacing-sm)/2);max-width:180px;min-width:145px}.action-cards-grid,.recent-leads-grid{grid-template-columns:1fr}}.recent-leads-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.recent-lead-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:var(--spacing-md);transition:all .2s ease}.recent-lead-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.recent-lead-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.recent-lead-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);height:36px;justify-content:center;width:36px}.recent-lead-title{flex:1 1;min-width:0}.recent-lead-title h4{color:var(--text-primary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.2;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-lead-badge{border-radius:6px;display:inline-block;font-size:.625rem;font-weight:var(--font-weight-medium);letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.recent-lead-badge-new{background:var(--info-light);color:var(--info)}.recent-lead-badge-follow_up{background:var(--warning-light);color:var(--warning)}.recent-lead-badge-application{background:var(--primary-light);color:var(--primary)}.recent-lead-badge-student{background:var(--success-light);color:var(--success)}.recent-lead-details{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--spacing-sm)}.recent-lead-detail{align-items:center;color:var(--text-secondary-color);display:flex;font-size:var(--font-size-xs);gap:6px;line-height:1.2}.recent-lead-detail svg{flex-shrink:0;opacity:.6}.recent-lead-detail span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-lead-footer{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:var(--spacing-xs)}.recent-lead-date{color:var(--text-tertiary-color);font-size:var(--font-size-xs);line-height:1}.lead-state-new{background:var(--blue-100);color:var(--blue-600)}.lead-state-follow-up{background:var(--yellow-100);color:var(--yellow-600)}.lead-state-application{background:var(--purple-100);color:var(--purple-600)}.lead-state-student{background:var(--green-100);color:var(--green-600)}.lead-state-default{background:var(--gray-100);color:var(--gray-600)}.dark .lead-state-new{background:#3b82f633;color:var(--blue-400)}.dark .lead-state-follow-up{background:#eab30833;color:var(--yellow-400)}.dark .lead-state-application{background:#9333ea33;color:var(--purple-400)}.dark .lead-state-student{background:#22c55e33;color:var(--green-400)}.dark .lead-state-default{background:#6b728033;color:var(--gray-400)}.dark .lead-management{background-color:var(--dark-bg);color:var(--dark-text-primary)}.page-title{margin-bottom:var(--spacing-xs)}.leads-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:space-around;margin-bottom:var(--spacing-lg);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.leads-tabs::-webkit-scrollbar{height:4px}.leads-tabs::-webkit-scrollbar-track{background:var(--bg-secondary)}.leads-tabs::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.leads-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary-color);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:var(--spacing-sm);margin-bottom:-2px;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .2s ease;white-space:nowrap}.leads-tab:hover{background:var(--bg-secondary);color:var(--text-primary-color)}.leads-tab.active{border-bottom-color:var(--primary);color:var(--primary)}.leads-tab .tab-label{font-weight:500}.leads-tab .tab-count{align-items:center;background:var(--bg-secondary);border-radius:12px;color:var(--text-secondary-color);display:inline-flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;min-width:24px;padding:0 8px;transition:all .2s ease}.leads-tab.active .tab-count{background:var(--primary);color:#fff}.leads-tab:hover .tab-count{background:var(--primary-light);color:var(--primary)}.dark .leads-tabs{border-bottom-color:var(--dark-border)}.dark .leads-tab{color:var(--dark-text-secondary)}.dark .leads-tab:hover{background:var(--dark-bg-secondary);color:var(--dark-text-primary)}.dark .leads-tab.active{color:var(--primary)}.dark .leads-tab .tab-count{background:var(--dark-bg-secondary);color:var(--dark-text-secondary)}.dark .leads-tab.active .tab-count{background:var(--primary);color:#fff}.dark .leads-tab:hover .tab-count{background:#e66f4b33;color:var(--primary)}.section{margin-bottom:var(--spacing-xl)}.section-title{font-size:1.25rem;margin-bottom:var(--spacing-md)}.search-filter-row{align-items:center;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.search-container{flex:1 1;max-width:400px}.filter-container{flex-shrink:0}.filter-toggle-btn{gap:var(--spacing-sm);position:relative}.filter-badge{align-items:center;background:var(--error-color);border-radius:10px;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:2px 6px}.clear-filters-btn{color:var(--error-color);margin-left:var(--spacing-sm)}.clear-filters-btn:hover{background:var(--error-light);color:var(--error-color)}.search-filter-container{position:relative;width:100%}.search-bar{align-items:center;display:flex;gap:var(--spacing-sm);width:100%}.search-input-wrapper{flex:1 1;position:relative}.search-input{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary-color);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.search-input-sm{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.search-input-md{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.search-input-lg{font-size:1rem;padding:var(--spacing-md) var(--spacing-lg)}.search-clear-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary-color);cursor:pointer;padding:var(--spacing-xs);position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);transition:all .2s ease}.search-clear-btn:hover{background:var(--gray-100);color:var(--text-secondary-color)}.filter-toggle-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;gap:var(--spacing-xs);height:40px;justify-content:center;min-width:44px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.filter-toggle-btn:hover{background:var(--primary);color:#fff}.filter-toggle-btn:hover .filter-count-badge{color:#fff}.filter-toggle-btn.active{background:var(--primary);border-color:var(--primary-color);color:#fff}.filter-count-badge{align-items:center;background:var(--error-color);border-radius:10px;color:var(--primary);display:flex;font-size:.625rem;font-weight:600;height:18px;justify-content:center;margin-left:var(--spacing-xs);min-width:18px;padding:2px 6px}.filter-indicator{background:var(--error-color);border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.filter-backdrop{background:#0000001a;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.filter-panel{background:var(--card-bg);border:2px solid var(--primary-color);border-radius:var(--radius-lg);margin-top:0;max-height:70vh;max-width:90vw;min-width:min(400px,90vw);overflow-y:auto}.filter-panel-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-md)}.filter-panel-title{color:var(--text-primary-color);font-size:1rem;font-weight:600;margin:0}.filter-panel-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.filter-clear-all-btn{align-items:center;background:var(--error-light);border:none;border-radius:var(--radius-sm);color:var(--error-color);cursor:pointer;display:flex;font-size:.75rem;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.filter-clear-all-btn:hover{background:var(--error-color);color:#fff}.filter-panel-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary-color);cursor:pointer;padding:var(--spacing-xs);transition:all .2s ease}.filter-panel-close:hover{background:var(--gray-100);color:var(--text-secondary-color)}.filter-panel-content{background:#fff;padding:var(--spacing-md)}.filter-input-group{margin-bottom:var(--spacing-md)}.filter-label{color:var(--text-secondary-color);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-xs);text-transform:uppercase}.filter-select{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary-color);cursor:pointer;font-size:.875rem;padding:var(--spacing-sm);transition:all .2s ease;width:100%}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.filter-select-sm{font-size:.75rem;padding:var(--spacing-xs)}.filter-select-md{font-size:.875rem;padding:var(--spacing-sm)}.filter-select-lg{font-size:1rem;padding:var(--spacing-md)}.filter-input{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary-color);cursor:text;font-size:.875rem;padding:var(--spacing-sm);transition:all .2s ease;width:100%}.filter-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.filter-input-sm{font-size:.75rem;padding:var(--spacing-xs)}.filter-input-md{font-size:.875rem;padding:var(--spacing-sm)}.filter-input-lg{font-size:1rem;padding:var(--spacing-md)}.filter-textarea{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary-color);font-size:.875rem;padding:var(--spacing-sm);resize:vertical;transition:all .2s ease;width:100%}.filter-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.filter-textarea-sm{font-size:.75rem;padding:var(--spacing-xs)}.filter-textarea-md{font-size:.875rem;padding:var(--spacing-sm)}.filter-textarea-lg{font-size:1rem;padding:var(--spacing-md)}.checkbox-container,.checkbox-label{align-items:center;display:flex}.checkbox-label{color:var(--text-primary-color);cursor:pointer;font-size:.875rem;gap:var(--spacing-xs)}.filter-checkbox{background:var(--card-bg);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;height:16px;transition:all .2s ease;width:16px}.filter-checkbox:checked{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-text{font-weight:500}.radio-container{flex-direction:column}.radio-container,.radio-label{display:flex;gap:var(--spacing-xs)}.radio-label{align-items:center;color:var(--text-primary-color);cursor:pointer;font-size:.875rem}.filter-radio{background:var(--card-bg);border:2px solid var(--border);border-radius:50%;cursor:pointer;height:16px;transition:all .2s ease;width:16px}.filter-radio:checked{background:var(--primary-color);border-color:var(--primary-color)}.radio-text{font-weight:500}.range-container{align-items:center;display:flex;gap:var(--spacing-sm)}.filter-range{background:var(--gray-200);border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.filter-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary-color);border-radius:50%;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.filter-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.range-value{color:var(--primary-color);font-size:.875rem;font-weight:600;min-width:30px;text-align:center}.multiselect-container{position:relative}.multiselect-container select[multiple]{min-height:100px;padding:var(--spacing-sm)}.multiselect-container select[multiple] option{margin:var(--spacing-xs) 0;padding:var(--spacing-xs)}.multiselect-container select[multiple] option:checked{background:var(--primary-color);color:#fff}.advanced-filters{border-top:1px solid var(--border);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.advanced-filters-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-field{display:flex;flex-direction:column}.active-filters-display{border-top:1px solid var(--border);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.active-filters-title{color:var(--text-secondary-color);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-sm);text-transform:uppercase}.active-filters-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.filter-tag{font-size:.75rem}.filter-tag-label{font-weight:600}.filter-tag-value{font-weight:500}.filter-tag-remove{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;padding:0;transition:all .2s ease}.filter-tag-remove:hover{opacity:.7}.filter-clear-btn{align-items:center;background:var(--gray-100);border:none;border-radius:var(--radius-sm);color:var(--text-secondary-color);cursor:pointer;display:flex;font-size:.75rem;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.filter-clear-btn:hover{background:var(--gray-200);color:var(--text-primary-color)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stats-grid-single-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(5,1fr);margin-bottom:var(--spacing-xl)}.stats-grid-single-row::-webkit-scrollbar{height:6px}.stats-grid-single-row::-webkit-scrollbar-track{background:var(--bg);border-radius:3px}.stats-grid-single-row::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.stats-grid-single-row::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.dark .stats-grid-single-row::-webkit-scrollbar-track{background:#ffffff0d}.dark .stats-grid-single-row::-webkit-scrollbar-thumb{background:#fff3}.dark .stats-grid-single-row::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.stats-card-skeleton{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.skeleton-icon{animation:pulse 2s infinite;background:var(--skeleton-bg);border-radius:var(--radius);height:48px;width:48px}.skeleton-content{flex:1 1}.skeleton-title{height:16px;margin-bottom:var(--spacing-xs)}.skeleton-title,.skeleton-value{animation:pulse 2s infinite;background:var(--skeleton-bg);border-radius:4px}.skeleton-value{height:24px}.stats-error{color:var(--text-secondary-color);padding:var(--spacing-xl);text-align:center}.leads-grid{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.lead-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.lead-card:hover{border-color:var(--primary-color);box-shadow:0 12px 24px #0000001f,0 0 0 1px var(--primary-color);transform:translateY(-6px)}.lead-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15),0 4px 12px #0000001a;transform:translateY(-2px)}.lead-card-header{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.lead-info-section{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md)}.lead-avatar{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-weight:700;height:48px;width:48px}.lead-basic-info{flex:1 1}.lead-name{line-height:1.3}.lead-meta-info{align-items:center;display:flex;gap:var(--spacing-sm)}.lead-state{font-weight:600}.lead-id{color:var(--text-tertiary-color);font-size:.75rem;font-weight:500}.lead-actions-section{align-items:center;display:flex;gap:var(--spacing-sm)}.lead-checkbox{background:var(--card-bg);border:2px solid var(--border)}.lead-checkbox:checked{background:var(--primary-color);border-color:var(--primary-color)}.more-actions-btn{border-radius:var(--radius-sm);padding:var(--spacing-xs)}.more-actions-btn:hover{background:var(--gray-100)}.lead-details{padding:var(--spacing-lg)}.lead-detail-section{margin-bottom:var(--spacing-md)}.lead-detail-section:last-child{margin-bottom:0}.lead-detail-item{align-items:center;border-bottom:1px solid var(--gray-100);color:var(--text-secondary-color);display:flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.lead-detail-item:last-child{border-bottom:none}.lead-detail-item svg{color:var(--text-tertiary-color);flex-shrink:0;height:16px;width:16px}.lead-detail-item.payment,.lead-detail-item.payment svg{color:var(--success-color)}.lead-detail-item.sales,.lead-detail-item.sales svg{color:var(--primary-color)}.lead-detail-item.cs,.lead-detail-item.cs svg{color:var(--purple-color)}.lead-campaign{align-items:center;background:var(--primary-light);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.campaign-label{color:var(--primary-color);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.campaign-value{color:var(--text-primary-color);font-size:.875rem;font-weight:500}.lead-notes{border-left:3px solid var(--primary-color)}.notes-label{color:var(--text-tertiary-color);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-xs);text-transform:uppercase}.notes-content{color:var(--text-secondary-color);font-size:.875rem;line-height:1.5;margin:0}.lead-card-footer{align-items:center;background:var(--gray-50);border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.lead-timestamp{align-items:center;display:flex;gap:var(--spacing-xs)}.timestamp-label{color:var(--text-tertiary-color);font-size:.75rem;font-weight:500}.timestamp-value{color:var(--text-secondary-color);font-size:.75rem}.action-btn{border-radius:var(--radius-sm)}.action-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.lead-card-header-compact{align-items:center;background:var(--bg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-lg);position:relative}.lead-info-compact{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm)}.lead-avatar-compact{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-lg);box-shadow:0 4px 8px rgba(var(--primary-rgb),.3);color:var(--text-primary-color);display:flex;font-size:1rem;font-weight:700;height:44px;justify-content:center;position:relative;width:44px}.lead-basic-info-compact{flex:1 1}.lead-name-compact{color:var(--text-primary-color);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:4px}.lead-meta-compact{align-items:center;display:flex;gap:var(--spacing-xs)}.lead-state-compact{align-items:center;border-radius:6px;display:inline-flex;font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:3px 8px;text-transform:uppercase}.lead-state-compact.lead-state-new{background:#3b82f626;color:#3b82f6}.lead-state-compact.lead-state-follow-up{background:#f59e0b26;color:#f59e0b}.lead-state-compact.lead-state-application{background:#9333ea26;color:#9333ea}.lead-state-compact.lead-state-student{background:#22c55e26;color:#22c55e}.dark .lead-state-compact.lead-state-new{background:#3b82f640;color:#60a5fa}.dark .lead-state-compact.lead-state-follow-up{background:#f59e0b40;color:#fbbf24}.dark .lead-state-compact.lead-state-application{background:#9333ea40;color:#c084fc}.dark .lead-state-compact.lead-state-student{background:#22c55e40;color:#4ade80}.lead-state-badge.lead-state-new{background:#3b82f626;color:#3b82f6}.lead-state-badge.lead-state-follow-up{background:#f59e0b26;color:#f59e0b}.lead-state-badge.lead-state-application{background:#9333ea26;color:#9333ea}.lead-state-badge.lead-state-student{background:#22c55e26;color:#22c55e}.dark .lead-state-badge.lead-state-new{background:#3b82f640;color:#60a5fa}.dark .lead-state-badge.lead-state-follow-up{background:#f59e0b40;color:#fbbf24}.dark .lead-state-badge.lead-state-application{background:#9333ea40;color:#c084fc}.dark .lead-state-badge.lead-state-student{background:#22c55e40;color:#4ade80}.lead-id-compact{color:var(--text-tertiary-color);font-size:.625rem;font-weight:500}.lead-actions-compact{align-items:center;display:flex;gap:var(--spacing-xs)}.action-menu-wrapper{position:relative;z-index:100}.action-menu-trigger{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary-color);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-menu-trigger:hover{background:var(--hover-bg);color:var(--text-primary-color)}.action-menu-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1999}.action-menu-dropdown{animation:dropdownSlideIn .2s ease-out;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;min-width:180px;padding:var(--spacing-xs);position:absolute;right:0;top:calc(100% + 4px);z-index:2000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.action-menu-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-primary-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);padding:10px 12px;text-align:left;transition:all .15s ease;width:100%}.action-menu-item:hover{background:var(--hover-bg)}.action-menu-item svg{color:var(--text-secondary-color);flex-shrink:0}.action-menu-item:hover svg{color:var(--text-primary-color)}.action-menu-item-danger,.action-menu-item-danger svg{color:var(--error)}.action-menu-item-danger:hover{background:#ef44441a;color:var(--error-dark)}.action-menu-item-danger:hover svg{color:var(--error-dark)}.lead-checkbox-compact{background:var(--card-bg);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;height:16px;width:16px}.lead-checkbox-compact:checked{background:var(--primary-color);border-color:var(--primary-color)}.lead-card-footer-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:flex-start;padding:var(--spacing-md) 0 0 0}.footer-action-btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;height:36px;justify-content:center;min-width:36px;padding:8px;transition:all .2s ease;width:36px}.footer-action-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.more-actions-btn-compact{border-radius:var(--radius-sm);padding:var(--spacing-xs)}.more-actions-btn-compact:hover{background:var(--gray-100)}.lead-details-compact{background:var(--card);padding:var(--spacing-lg)}.lead-detail-row{align-items:center;background:var(--bg);border:1px solid #0000;border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);margin-bottom:12px;padding:10px;transition:all .2s ease}.lead-detail-row:hover{background:var(--hover-bg);border-color:var(--border)}.lead-detail-row:last-child{margin-bottom:0}.lead-detail-item-compact{align-items:center;color:var(--text-secondary-color);display:flex;flex:1 1;font-size:.8rem;font-weight:500;gap:8px;min-width:0}.lead-detail-item-compact .text-truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-detail-item-compact svg{color:var(--text-tertiary-color);flex-shrink:0;height:16px;width:16px}.lead-detail-item-compact.payment,.lead-detail-item-compact.payment svg{color:var(--success-color)}.lead-detail-item-compact.sales,.lead-detail-item-compact.sales svg{color:var(--primary-color)}.lead-detail-item-compact.cs,.lead-detail-item-compact.cs svg{color:var(--purple-color)}.lead-campaign-compact{align-items:center;background:linear-gradient(135deg,rgba(var(--primary-rgb),.08),rgba(var(--primary-rgb),.04));border:1px solid rgba(var(--primary-rgb),.15);border-radius:var(--radius-md);display:flex;gap:8px;margin-top:12px;padding:10px 12px}.campaign-label-compact{color:var(--primary);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.campaign-value-compact{color:var(--text-primary-color);flex:1 1;font-size:.8rem;font-weight:600;min-width:0}.campaign-value-compact.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-card-footer-compact{background:var(--bg);border-top:1px solid var(--border);justify-content:space-between;padding:12px var(--spacing-lg)}.lead-card-footer-compact,.lead-timestamp-compact{align-items:center;display:flex}.timestamp-value-compact{color:var(--text-tertiary-color);font-size:.7rem}.lead-action-buttons-compact{align-items:center;display:flex;gap:var(--spacing-xs)}.action-btn-compact{border-radius:var(--radius-md);display:inline-flex;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.action-btn-compact:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.lead-card-skeleton{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-lg)}.skeleton-header{height:60px}.skeleton-body,.skeleton-header{animation:pulse 2s infinite;background:var(--skeleton-bg);border-radius:var(--radius);margin-bottom:var(--spacing-md)}.skeleton-body{height:120px}.skeleton-footer{animation:pulse 2s infinite;background:var(--skeleton-bg);border-radius:var(--radius);height:40px}.filter-panel{margin-top:var(--spacing-md)}.filter-panel .grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.active-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.filter-tag{background:var(--primary-light);border-radius:var(--radius-sm);color:var(--primary-color);font-size:.875rem;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.filter-tag,.filter-tag button{align-items:center;display:flex}.filter-tag button{background:none;border:none;color:inherit;cursor:pointer;padding:0}.filter-tag button:hover{opacity:.7}.bulk-actions{background:var(--primary-light);border:1px solid var(--primary-color);border-radius:var(--radius);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.bulk-actions-left{align-items:center;display:flex;gap:var(--spacing-md)}.bulk-actions-right{align-items:center;display:flex;gap:var(--spacing-sm)}.empty-state{padding:var(--spacing-xxl)}.empty-state-icon{color:var(--text-tertiary-color);height:64px;margin:0 auto var(--spacing-lg);width:64px}.empty-state-title{color:var(--text-primary-color);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.empty-state-description{color:var(--text-secondary-color);margin-bottom:var(--spacing-lg)}.lead-card .card-header{border-bottom:1px solid var(--border);padding-bottom:var(--spacing-md)}.lead-card .card-body{padding:var(--spacing-md) 0}.lead-card .card-footer{border-top:1px solid var(--border);padding-top:0}.lead-avatar{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:1.125rem;font-weight:600;height:40px;justify-content:center;width:40px}.lead-info{flex:1 1}.lead-name{color:var(--text-primary-color);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-xs)}.lead-state{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.lead-state.new{background:#3b82f61a;color:#3b82f6}.lead-state.follow_up{background:#f59e0b1a;color:#f59e0b}.lead-state.application{background:#9333ea1a;color:#9333ea}.lead-state.student{background:#22c55e1a;color:#22c55e}.lead-details{flex-direction:column}.lead-detail,.lead-details{display:flex;gap:var(--spacing-sm)}.lead-detail{align-items:center;color:var(--text-secondary-color);font-size:.875rem}.lead-detail svg{flex-shrink:0;height:14px;width:14px}.lead-detail.payment{color:var(--success-color)}.lead-detail.sales{color:var(--primary-color)}.lead-detail.cs{color:var(--purple-color)}.lead-notes{background:var(--gray-50);border-radius:var(--radius-sm);color:var(--text-secondary-color);font-size:.875rem;margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.lead-actions{align-items:center;display:flex;justify-content:space-between}.lead-meta{color:var(--text-tertiary-color);font-size:.75rem}.lead-action-buttons{align-items:center;display:flex;gap:var(--spacing-xs)}@media (max-width:768px){.lead-management{max-width:100vw;overflow-x:hidden;padding:var(--spacing-md)}.page-title{font-size:1.25rem}.page-subtitle{font-size:.875rem}.section-title{font-size:1.125rem}.leads-tabs{gap:var(--spacing-xs)}.leads-tab{font-size:.85rem;min-width:100px;padding:var(--spacing-sm) var(--spacing-md)}.leads-tab .tab-count{font-size:.7rem;height:20px;min-width:20px;padding:0 6px}.search-filter-row{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.search-container{max-width:none}.filter-container{display:flex;justify-content:center}.stats-grid{gap:var(--spacing-md);grid-template-columns:1fr}.stats-grid-single-row{-webkit-overflow-scrolling:touch;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:var(--spacing-sm);scroll-snap-type:x mandatory;scrollbar-width:thin}.stats-grid-single-row>.stats-card{flex:0 0 calc(50% - var(--spacing-md)/2);max-width:200px;min-width:160px;scroll-snap-align:start}.leads-grid{gap:var(--spacing-md)}.filter-panel .grid,.leads-grid{grid-template-columns:1fr}.lead-card-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.lead-actions-section,.lead-info-section{justify-content:center}.lead-card-footer{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.lead-action-buttons{justify-content:center}.bulk-actions-content{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.bulk-actions-left,.bulk-actions-right{justify-content:center}}@media (max-width:480px){.lead-management{max-width:100vw;overflow-x:hidden;padding:var(--spacing-sm)}.page-title{font-size:1.125rem}.page-subtitle{font-size:.8125rem}.section-title{font-size:1rem}.stats-grid-single-row>.stats-card{flex:0 0 calc(50% - var(--spacing-sm)/2);max-width:180px;min-width:145px}.lead-card{margin:0}.filter-panel{max-width:95vw;min-width:min(300px,95vw)}.lead-card-footer-actions{justify-content:center}.lead-actions{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.lead-action-buttons{justify-content:center}}.modal-tabs{border-bottom:2px solid var(--border);display:flex;gap:var(--spacing-xs);margin:calc(var(--spacing-xl)*-1) calc(var(--spacing-xl)*-1) var(--spacing-xl);padding:0 var(--spacing-xl)}.modal-tab{background:#0000;border:none;border-bottom:3px solid #0000;bottom:-2px;color:var(--text-secondary-color);cursor:pointer;font-size:.95rem;font-weight:600;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .2s ease}.modal-tab:hover{background:var(--hover-bg);color:var(--text-primary-color)}.modal-tab.active{border-bottom-color:var(--primary);color:var(--primary)}.modal-tab-content{padding-top:var(--spacing-md)}.file-upload-wrapper{position:relative}.file-input{background:var(--bg);border:2px dashed var(--border);border-radius:var(--radius-md);color:var(--text-primary-color);cursor:pointer;display:block;font-size:.9rem;padding:var(--spacing-md);transition:all .2s ease;width:100%}.file-input:hover{background:var(--hover-bg);border-color:var(--primary)}.file-input::-webkit-file-upload-button{background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:600;margin-right:var(--spacing-md);padding:8px 16px;-webkit-transition:all .2s ease;transition:all .2s ease}.file-input::file-selector-button{background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:600;margin-right:var(--spacing-md);padding:8px 16px;transition:all .2s ease}.file-input::-webkit-file-upload-button:hover{background:var(--primary-dark)}.file-input::file-selector-button:hover{background:var(--primary-dark)}.file-info{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.file-name{color:var(--text-primary-color);flex:1 1;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-link{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.file-link:hover{color:var(--primary-dark);text-decoration:underline}.file-remove-btn{align-items:center;background:var(--error);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:24px;justify-content:center;line-height:1;margin-left:var(--spacing-sm);transition:all .2s ease;width:24px}.file-remove-btn:hover{background:var(--error-dark);transform:scale(1.1)}.dark .lead-card{background:var(--card);border-color:var(--border);box-shadow:0 1px 3px #0000004d}.dark .lead-card:hover{box-shadow:0 12px 24px #0006,0 0 0 1px var(--primary)}.dark .lead-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.25),0 4px 12px #0000004d}.dark .action-menu-trigger{color:var(--dark-text-secondary)}.dark .action-menu-trigger:hover{background:#ffffff0d;color:var(--dark-text-primary)}.dark .action-menu-dropdown{background:var(--dark-card-bg);border-color:var(--dark-border-color);box-shadow:0 8px 24px #00000080}.dark .action-menu-item{color:var(--dark-text-primary)}.dark .action-menu-item:hover{background:#ffffff0d}.dark .action-menu-item svg{color:var(--dark-text-secondary)}.dark .action-menu-item:hover svg{color:var(--dark-text-primary)}.dark .action-menu-item-danger:hover{background:#ef444426}.dark .lead-card-footer-actions{border-top-color:var(--border)}.dark .modal-tabs{border-bottom-color:var(--border)}.dark .modal-tab{color:var(--text-secondary-color)}.dark .modal-tab:hover{background:#ffffff0d;color:var(--text-primary-color)}.dark .modal-tab.active{color:var(--primary)}.dark .file-input{background:var(--bg);border-color:var(--border);color:var(--text-primary-color)}.dark .file-input:hover{background:#ffffff08;border-color:var(--primary)}.dark .file-info{background:var(--card);border-color:var(--border)}.dark .file-name{color:var(--text-primary-color)}.dark .lead-card-header-compact{background:linear-gradient(to bottom,var(--card),rgba(var(--bg-rgb),.5))}.dark .lead-card-footer-compact{background:var(--bg)}.dark .lead-detail-row{background:#ffffff08}.dark .lead-detail-row:hover{background:#ffffff0d;border-color:var(--border)}.dark .lead-notes{background:var(--dark-gray-800)}.dark .filter-tag{background:rgba(var(--primary-rgb),.2);color:var(--primary-color)}.dark .bulk-actions{background:rgba(var(--primary-rgb),.1);border-color:var(--primary-color)}.dark .skeleton-body,.dark .skeleton-footer,.dark .skeleton-header,.dark .skeleton-icon,.dark .skeleton-title,.dark .skeleton-value{background:var(--dark-skeleton-bg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.followup-q-label{align-items:center;color:var(--text-primary-color);display:flex;font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.followup-q-type{background:var(--gray-100);border-radius:999px;color:var(--text-tertiary-color);font-size:.75rem;font-weight:600;padding:2px 6px;text-transform:capitalize}.file-upload{align-items:center;display:flex;gap:var(--spacing-sm)}.file-upload-button{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary-color);cursor:pointer;display:inline-flex;justify-content:center;padding:8px 12px;transition:background .15s ease,border-color .15s ease}.file-upload-button:hover{border-color:var(--primary-color)}.file-upload-info{color:var(--text-secondary-color);font-size:.875rem}.dark .followup-q-type{background:#ffffff14}.followup-form{padding-top:var(--spacing-sm)}.followup-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md)}.followup-section+.followup-section{margin-top:var(--spacing-sm)}.followup-section-title{color:var(--text-primary-color);font-size:.95rem;font-weight:700;margin-bottom:var(--spacing-sm)}.followup-actions{padding-top:var(--spacing-sm)}.dark .followup-section{background:var(--dark-card-bg);border-color:var(--dark-border)}.question-block{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md)}.question-block+.question-block{margin-top:var(--spacing-sm)}.question-label-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.question-label{align-items:center;color:var(--text-primary-color);display:flex;font-weight:600;gap:var(--spacing-sm)}.question-type-badge{background:var(--gray-100);border-radius:999px;color:var(--text-secondary-color);font-size:.75rem;font-weight:600;padding:2px 8px;text-transform:capitalize}.dark .question-block{background:var(--dark-card-bg);border-color:var(--dark-border)}.dark .question-type-badge{background:#ffffff14}.option-list{display:flex;flex-direction:column;gap:8px}.option-item{gap:var(--spacing-sm)}.form-checkbox,.form-radio,.option-item input[type=checkbox],.option-item input[type=radio]{accent-color:var(--primary-color);height:16px;width:16px}.file-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.file-input-button{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary-color);display:inline-flex;gap:var(--spacing-xs);padding:8px 12px}.file-input-button:hover{border-color:var(--primary-color)}.file-input-hint{color:var(--text-secondary-color);font-size:.85rem}.uploaded-files-list{border-top:1px dashed var(--border);padding-top:var(--spacing-sm)}.uploaded-file-item{padding:6px 0}.uploaded-file-link{color:var(--primary-color);text-decoration:none}.uploaded-file-link:hover{text-decoration:underline}.dark .file-input-button{background:var(--dark-card-bg);border-color:var(--dark-border)}.lead-view-modal{padding:0}.lead-view-header{align-items:center;background:linear-gradient(135deg,rgba(var(--primary-rgb),.08),rgba(var(--primary-rgb),.02));border-bottom:1px solid var(--border);display:flex;gap:var(--spacing-lg);margin:calc(var(--spacing-xl)*-1) calc(var(--spacing-xl)*-1) 0;padding:var(--spacing-xl)}.lead-view-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-lg);box-shadow:0 8px 16px rgba(var(--primary-rgb),.3);color:var(--text-primary-color);display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:64px;justify-content:center;width:64px}.lead-view-info{flex:1 1;min-width:0}.lead-view-name{color:var(--text-primary-color);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 var(--spacing-sm) 0}.lead-view-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.lead-state-badge{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.08em;padding:6px 12px;text-transform:uppercase}.lead-view-id{color:var(--text-tertiary-color);font-size:.875rem;font-weight:600}.lead-view-section{border-bottom:1px solid var(--border);padding:var(--spacing-xl)}.lead-view-section:last-of-type{border-bottom:none}.lead-view-section-title{border-bottom:2px solid var(--primary);color:var(--text-primary-color);display:inline-block;font-size:1.125rem;font-weight:700;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm)}.lead-view-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.lead-view-field,.lead-view-field-full{display:flex;flex-direction:column;gap:var(--spacing-xs)}.lead-view-field-full{margin-bottom:var(--spacing-md)}.lead-view-field-full:last-child{margin-bottom:0}.lead-view-label{align-items:center;color:var(--text-tertiary-color);display:flex;font-size:.75rem;font-weight:700;gap:var(--spacing-xs);letter-spacing:.05em;text-transform:uppercase}.lead-view-label svg{height:16px;opacity:.7;width:16px}.lead-view-value{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary-color);font-size:.95rem;font-weight:500;padding:var(--spacing-sm);word-break:break-word}.lead-view-notes{line-height:1.6;min-height:60px;white-space:pre-wrap}.lead-view-actions{background:var(--bg);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:0 calc(var(--spacing-xl)*-1) calc(var(--spacing-xl)*-1);padding:var(--spacing-xl)}.lead-view-actions button{flex:1 1;min-width:140px}.dark .lead-view-header{background:linear-gradient(135deg,rgba(var(--primary-rgb),.15),rgba(var(--primary-rgb),.05))}.dark .lead-view-header,.dark .lead-view-section{border-bottom-color:var(--border)}.dark .lead-view-value{border-color:var(--border)}.dark .lead-view-actions{background:var(--card);border-top-color:var(--border)}.dark .lead-view-value{background:#ffffff08}@media (max-width:768px){.lead-view-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.lead-view-grid{grid-template-columns:1fr}.lead-view-actions{flex-direction:column}.lead-view-actions button{min-width:100%;width:100%}}.loading-overlay{position:relative}.loading-overlay:after{align-items:center;background:#fffc;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.dark .loading-overlay:after{background:#000c}.lead-card:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.lead-management{padding:0}.bulk-actions,.lead-actions,.page-header,.section-title{display:none}.leads-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.lead-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.page-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;width:100%}.page-header-title{flex:1 1;min-width:250px}.page-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.header-action-link{text-decoration:none}.header-action-btn{align-items:center;display:flex;gap:var(--spacing-xs);white-space:nowrap}.leads-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);width:100%}@media (max-width:1024px){.leads-grid{grid-template-columns:1fr}}.lead-card-accordion{border-radius:var(--radius-lg);overflow:visible;position:relative;transition:all .3s ease;width:100%}.lead-card-accordion.selected{border:2px solid var(--primary-color);box-shadow:0 0 0 3px #e66f4b1a}.lead-card-collapsed-header{align-items:center;background:var(--card-bg);border-bottom:1px solid var(--border-color);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);overflow:visible;padding:var(--spacing-sm) var(--spacing-md);position:relative;z-index:1}.dark .lead-card-collapsed-header{background:var(--dark-card-bg);border-bottom-color:var(--dark-border-color)}.lead-card-accordion.expanded .lead-card-collapsed-header{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.lead-card-accordion.collapsed .lead-card-collapsed-header{border-bottom:none;border-radius:var(--radius-lg)}.lead-checkbox-wrapper{flex-shrink:0}.lead-checkbox{border-radius:var(--radius-sm);cursor:pointer;height:18px;width:18px}.lead-header-info{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm);min-width:180px}.lead-avatar-small{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.lead-name-section{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow:hidden}.lead-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.lead-name-accordion{color:var(--text-primary-color);font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .lead-name-accordion{color:var(--dark-text-primary)}.lead-state-badge-small{border-radius:var(--radius-full);display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:600;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.lead-date-compact{align-items:center;color:var(--text-secondary-color);display:flex;font-size:.8rem;gap:4px}.dark .lead-date-compact{color:var(--dark-text-secondary)}.lead-date-compact svg{flex-shrink:0;opacity:.7}.date-label-compact{font-weight:500;opacity:.9}.date-value-compact{color:var(--text-primary-color);font-weight:600}.dark .date-value-compact{color:var(--dark-text-primary)}.lead-header-actions{flex-shrink:0;flex-wrap:wrap;position:relative;z-index:10}.lead-header-actions,.quick-action-btn{align-items:center;display:flex;gap:var(--spacing-xs)}.quick-action-btn{white-space:nowrap}.quick-action-btn.icon-only{justify-content:center;margin:2px;min-width:36px;padding:8px}.expand-collapse-btn{align-items:center;background:var(--gray-100);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary-color);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.expand-collapse-btn:hover{background:var(--gray-200);transform:translateY(-1px)}.dark .expand-collapse-btn{background:var(--dark-surface);border-color:var(--dark-border-color);color:var(--dark-text-primary)}.dark .expand-collapse-btn:hover{background:var(--dark-hover)}.lead-card-expanded-content{animation:slideDown .3s ease-out;background:var(--card-bg);border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:visible;padding:0}.dark .lead-card-expanded-content{background:var(--dark-card-bg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.expanded-section{border-bottom:1px solid var(--border-color);overflow:visible;padding:var(--spacing-md);position:relative}.dark .expanded-section{border-bottom-color:var(--dark-border-color)}.expanded-section:last-child{border-bottom:none}.expanded-section .section-title{align-items:center;color:var(--text-primary-color);display:flex;font-size:.85rem;font-weight:600;gap:var(--spacing-xs);letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.dark .expanded-section .section-title{color:var(--dark-text-primary)}.info-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{align-items:flex-start;background:#ffffff80;border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.dark .info-item{background:#0003;border-color:var(--dark-border-color)}.info-item svg{color:var(--primary-color);flex-shrink:0;margin-top:2px}.info-content{display:flex;flex-direction:column;gap:4px;overflow:hidden}.info-label{color:var(--text-secondary-color);font-size:.75rem;font-weight:500}.dark .info-label{color:var(--dark-text-secondary)}.info-value{color:var(--text-primary-color);font-size:.9rem;font-weight:600;word-break:break-word}.dark .info-value{color:var(--dark-text-primary)}.info-item-full{background:#ffffff80;border:1px solid var(--border-color);border-radius:var(--radius-md);grid-column:1/-1;padding:var(--spacing-xs) var(--spacing-sm)}.dark .info-item-full{background:#0003;border-color:var(--dark-border-color)}.notes-text{line-height:1.6;white-space:pre-wrap}.expanded-actions-section{background:#e66f4b08!important;border-bottom:none!important}.dark .expanded-actions-section{background:#e66f4b0d!important}.expanded-actions-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.expanded-action-btn{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:center;white-space:nowrap}.expanded-actions-section{display:none}@media (max-width:768px){.expanded-actions-section{display:block}.lead-card-collapsed-header{gap:var(--spacing-sm);padding:var(--spacing-sm)}.lead-header-info{min-width:140px}.lead-avatar-small{font-size:.9rem;height:36px;width:36px}.lead-name-accordion{font-size:.9rem}.lead-date-compact{font-size:.75rem}.lead-header-actions{gap:6px}.lead-header-actions .quick-action-btn{display:none}.lead-header-actions .action-menu-wrapper,.lead-header-actions .expand-collapse-btn{display:flex}.info-grid{grid-template-columns:1fr}.expanded-section{padding:var(--spacing-sm)}.expanded-actions-grid{grid-template-columns:1fr}.page-header-actions{width:100%}.btn-text-responsive{display:none}.header-action-btn{flex:1 1;justify-content:center}}@media (max-width:480px){.page-header-content{gap:var(--spacing-md)}.page-title{font-size:1.5rem}.lead-name-accordion{font-size:.85rem}.lead-date-compact{font-size:.7rem}.lead-state-badge-small{font-size:.7rem;padding:1px 6px}.expanded-action-btn{font-size:.85rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root{min-height:100vh}.btn.btn-loading{cursor:not-allowed;pointer-events:none;position:relative}.btn-spinner{animation:btn-spin .8s linear infinite;display:inline-block;flex-shrink:0;margin-right:8px}@keyframes btn-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn,.btn-content{align-items:center;display:inline-flex;justify-content:center}.btn.btn-disabled{cursor:not-allowed;opacity:.6}.btn.btn-loading{opacity:.8}.login-page{background:var(--bg);min-height:100vh;padding:var(--spacing-lg)}.login-container,.login-page{align-items:center;display:flex;justify-content:center}.login-container{max-width:450px;width:100%}.login-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);width:100%}.login-header{margin-bottom:var(--spacing-lg);text-align:center}.login-logo{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:50%;box-shadow:var(--shadow-primary);color:#fff;display:flex;height:48px;justify-content:center;margin:0 auto var(--spacing-md);width:48px}.login-title-section{margin-top:var(--spacing-sm)}.login-title{color:var(--text-primary-color);font-size:1.5rem;font-weight:var(--font-weight-bold);line-height:1.2;margin:0 0 var(--spacing-xs) 0}.login-subtitle{color:var(--text-secondary-color);font-size:var(--font-size-sm);line-height:1.3;margin:0}.login-alert{margin-bottom:var(--spacing-md)}.login-form-section{margin-bottom:var(--spacing-sm)}.login-form{gap:var(--spacing-sm)}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-xs)}.form-options{justify-content:flex-start;margin:var(--spacing-sm) 0}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:var(--text-secondary-color);cursor:pointer;font-size:var(--font-size-sm);gap:var(--spacing-xs);transition:color .2s ease}.remember-me:hover{color:var(--text-primary-color)}.remember-me input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:14px;width:14px}.remember-text{-webkit-user-select:none;user-select:none}.form-actions{margin-top:0!important;padding-top:0!important}.login-button{border-radius:var(--radius);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);height:48px;transition:all .3s ease;width:100%}@media (max-width:768px){.login-page{padding:var(--spacing-md)}.login-card{padding:var(--spacing-lg)}.login-title{font-size:1.25rem}.login-logo{height:40px;width:40px}.login-form{gap:var(--spacing-sm)}.login-header{margin-bottom:var(--spacing-md)}}@media (max-width:480px){.login-page{padding:var(--spacing-sm)}.login-card{padding:var(--spacing-md)}.login-title{font-size:1.125rem}.login-logo{height:36px;width:36px}.login-header{margin-bottom:var(--spacing-sm)}.login-form{gap:var(--spacing-xs)}}@media (prefers-reduced-motion:reduce){.login-button,.login-logo{transition:none}}.login-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast:high){.login-card{border:2px solid var(--text-primary-color)}.login-logo{border:2px solid #fff}}.dark .login-page{background:var(--bg)}.dark .login-card{background:var(--card);border-color:var(--border)}.login-card{animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{animation:fadeInDown .8s ease-out .2s both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-form{animation:fadeInUp .8s ease-out .4s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.public-lead-form-container{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:1rem}.public-lead-form-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:600px;overflow:hidden}.public-lead-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.25rem 1.5rem;text-align:center}.public-lead-title{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;justify-content:center;margin:0}.alert{align-items:flex-start;border-radius:8px;display:flex;font-size:.9375rem;gap:.75rem;line-height:1.5;margin:1rem 1.5rem 0;padding:.875rem 1rem}.alert-success{background-color:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.alert-error{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.alert strong{font-weight:600}.public-lead-form{padding:1.5rem}.form-field{margin-bottom:1.25rem}.form-label{align-items:center;color:var(--text-primary-color);display:flex;font-size:.875rem;font-weight:600;gap:.375rem;margin-bottom:.375rem}.required{color:#dc2626;font-weight:700}.form-input{background:var(--bg);border:1.5px solid var(--border);border-radius:6px;color:var(--text-primary-color);font-family:inherit;font-size:.9375rem;outline:none;padding:.625rem .75rem;transition:all .2s;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error{border-color:#dc2626}.form-input::placeholder{color:#9ca3af}select.form-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%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 .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:2.5rem}textarea.form-input{max-height:200px;min-height:80px;resize:vertical}.phone-input-container{position:relative}.phone-input-container input.checking{padding-right:2.5rem}.input-spinner{align-items:center;display:flex;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.spinner-small{animation:spin .6s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:16px;width:16px}.phone-status{align-items:center;border-radius:4px;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;margin-top:.375rem;padding:.25rem .5rem}.phone-status.available{background:#d1fae5;color:#065f46}.phone-status.unavailable{background:#fee2e2;color:#991b1b}.error-text{color:#dc2626;display:block;font-size:.8125rem;font-weight:500;margin-top:.25rem}.btn-submit{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.75rem 1.5rem;transition:all .2s;width:100%}.btn-submit:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.public-lead-form-container{padding:.5rem}.public-lead-form-wrapper{border-radius:8px}.public-lead-header{padding:1rem}.public-lead-title{font-size:1.25rem}.public-lead-form{padding:1rem}.form-field{margin-bottom:1rem}.alert{font-size:.875rem;margin:.75rem 1rem 0;padding:.75rem}}@media (max-width:400px){.public-lead-form-container{padding:.25rem}.public-lead-header{padding:.75rem}.public-lead-title{font-size:1.125rem}.public-lead-form{padding:.75rem}.form-label{font-size:.8125rem}.form-input{font-size:.875rem;padding:.5rem .625rem}}.btn-submit:focus-visible,.form-input:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media print{.public-lead-form-container{background:#fff;padding:0}.public-lead-form-wrapper{box-shadow:none}.btn-submit{display:none}}.user-management-page{background-color:var(--background-color);color:var(--text-primary);margin:0 auto;max-width:1400px;padding:var(--spacing-lg)}.action-btn{border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;gap:var(--spacing-sm);overflow:hidden;padding:10px 20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.action-btn.primary{background:linear-gradient(135deg,var(--primary),#0018a0);box-shadow:0 4px 12px #1629ff4d}.action-btn.primary:before{background:linear-gradient(135deg,#ffffff1a,#0000);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.action-btn.primary:hover{box-shadow:0 8px 20px #1629ff66;transform:translateY(-2px)}.action-btn.primary:hover:before{opacity:1}.action-btn.primary:active{box-shadow:0 2px 8px #1629ff4d}.action-btn.primary svg{height:18px;width:18px}.stats-grid,.stats-section{margin-bottom:var(--spacing-xl)}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(6,1fr)}.stats-grid::-webkit-scrollbar{height:6px}.stats-grid::-webkit-scrollbar-track{background:var(--bg);border-radius:3px}.stats-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.stats-grid::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.dark .stats-grid::-webkit-scrollbar-track{background:#ffffff0d}.dark .stats-grid::-webkit-scrollbar-thumb{background:#fff3}.dark .stats-grid::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.users-grid,.users-section{margin-bottom:var(--spacing-xl)}.users-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.user-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);position:relative;transition:all .2s ease;z-index:1}.user-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.user-card.inactive{background:var(--gray-50);opacity:.7}.user-card-header-compact{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-md)}.user-info-compact{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md)}.user-avatar-compact{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:700;height:48px;justify-content:center;width:48px}.user-basic-info-compact{flex:1 1;min-width:0}.user-name-compact{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta-compact{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.user-role-compact{align-items:center;border-radius:var(--border-radius-sm);display:flex;font-size:.75rem;font-weight:600;gap:var(--spacing-xs);letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.user-role-compact.super_admin{background:var(--red-100);color:var(--red-600)}.user-role-compact.admin{background:var(--purple-100);color:var(--purple-600)}.user-role-compact.sales{background:var(--blue-100);color:var(--blue-600)}.user-role-compact.customer_service{background:var(--green-100);color:var(--green-600)}.user-role-super-admin{background:var(--red-100);color:var(--red-600)}.user-role-admin{background:var(--purple-100);color:var(--purple-600)}.user-role-sales{background:var(--blue-100);color:var(--blue-600)}.user-role-customer-service{background:var(--green-100);color:var(--green-600)}.user-role-default{background:var(--gray-100);color:var(--gray-600)}.dark .user-role-super-admin{background:#ef444433;color:var(--red-400)}.dark .user-role-admin{background:#9333ea33;color:var(--purple-400)}.dark .user-role-sales{background:#3b82f633;color:var(--blue-400)}.dark .user-role-customer-service{background:#22c55e33;color:var(--green-400)}.dark .user-role-default{background:#6b728033;color:var(--gray-400)}.user-id-compact{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.user-actions-compact{align-items:center;display:flex;gap:var(--spacing-sm)}.user-checkbox-compact{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.user-details-compact{padding:var(--spacing-md)}.user-detail-row{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.user-detail-row:last-child{margin-bottom:0}.user-detail-item-compact{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-sm)}.user-detail-item-compact svg{color:var(--text-tertiary);flex-shrink:0}.status-indicator{align-items:center;display:flex;gap:var(--spacing-xs)}.status-dot{border-radius:50%;height:8px;width:8px}.status-indicator.active .status-dot{background:var(--green-500)}.status-indicator.inactive .status-dot{background:var(--red-500)}.user-card-footer-compact{align-items:center;background:var(--gray-50);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-md)}.user-timestamp-compact{color:var(--text-tertiary);font-size:.75rem}.timestamp-value-compact{font-weight:500}.user-action-buttons-compact{display:flex;gap:var(--spacing-xs)}.action-btn-compact{align-items:center;display:flex;height:32px;justify-content:center;min-width:32px;padding:var(--spacing-xs)}.user-card-skeleton{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius-lg)}.user-skeleton{align-items:center;display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.user-avatar-skeleton{animation:pulse 2s infinite;background:var(--skeleton-color);border-radius:50%;height:48px;width:48px}.user-info-skeleton{flex:1 1}.user-name-skeleton{height:20px;margin-bottom:var(--spacing-xs);width:120px}.user-email-skeleton,.user-name-skeleton{animation:pulse 2s infinite;background:var(--skeleton-color);border-radius:var(--border-radius-sm)}.user-email-skeleton{height:16px;width:180px}.user-details-view{align-items:center;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.user-avatar-large{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.user-info-large{flex:1 1}.user-name-large{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 var(--spacing-xs) 0}.user-email-large{color:var(--text-secondary);font-size:1rem;margin:0 0 var(--spacing-sm) 0}.user-role-large{border-radius:var(--border-radius-sm);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.user-role-large.super_admin{background:var(--red-100);color:var(--red-600)}.user-role-large.admin{background:var(--purple-100);color:var(--purple-600)}.user-role-large.sales{background:var(--blue-100);color:var(--blue-600)}.user-role-large.customer_service{background:var(--green-100);color:var(--green-600)}.user-details-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.dark .user-management-page{background-color:var(--dark-bg);color:var(--dark-text-primary)}.dark .user-card{background:var(--dark-card);border-color:var(--dark-border)}.dark .user-card:hover{box-shadow:var(--shadow-md)}.dark .user-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.dark .user-card.inactive{background:var(--dark-bg);opacity:.7}.dark .user-avatar-compact{background:var(--primary);color:#fff}.dark .user-name-compact{color:var(--dark-text-primary)}.dark .user-subtitle{color:var(--dark-text-secondary)}.dark .user-id-compact{color:var(--dark-text-tertiary)}.dark .user-detail-item-compact{color:var(--dark-text-secondary)}.dark .user-detail-item-compact svg{color:var(--dark-text-tertiary)}.dark .user-card-footer-compact{background:var(--dark-bg);border-color:var(--dark-border)}.dark .user-timestamp-compact{color:var(--dark-text-tertiary)}.dark .user-avatar-large{background:var(--primary);color:#fff}.dark .user-name-large{color:var(--dark-text-primary)}.dark .user-email-large{color:var(--dark-text-secondary)}.dark .user-avatar-skeleton,.dark .user-email-skeleton,.dark .user-name-skeleton{background:var(--dark-border)}.dark .space-y-4 h1,.dark .space-y-4 h2,.dark .space-y-4 h3,.dark .space-y-4 h4,.dark .space-y-4 h5,.dark .space-y-4 h6{color:var(--dark-text-primary)}.dark .space-y-4 label,.dark .space-y-4 p,.dark .space-y-4 span{color:var(--dark-text-secondary)}.dark input[type=checkbox]{accent-color:var(--primary)}.dark .rounded.border-gray-300{background-color:var(--dark-bg);border-color:var(--dark-border)}.dark .text-sm.font-medium.text-gray-700{color:var(--dark-text-secondary)}.dark .text-green-600{color:var(--green-400)}.dark .text-red-600{color:var(--red-400)}.dark .user-management-page .text-gray-600,.dark .user-management-page .text-gray-700{color:var(--dark-text-secondary)}.dark .user-management-page .text-gray-500{color:var(--dark-text-tertiary)}.dark .user-management-page h1,.dark .user-management-page h2,.dark .user-management-page h3,.dark .user-management-page h4,.dark .user-management-page h5,.dark .user-management-page h6{color:var(--dark-text-primary)}.dark .user-management-page label,.dark .user-management-page p{color:var(--dark-text-secondary)}.dark .action-btn.primary{background:linear-gradient(135deg,var(--primary),#0018a0);box-shadow:0 4px 12px #1629ff66}.dark .action-btn.primary:hover{box-shadow:0 8px 20px #1629ff80}@media (max-width:768px){.user-management-page{padding:var(--spacing-md)}.page-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.page-actions{justify-content:stretch}.action-btn{flex:1 1;justify-content:center}.stats-grid{-webkit-overflow-scrolling:touch;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:var(--spacing-sm);scroll-snap-type:x mandatory;scrollbar-width:thin}.stats-grid>.stats-card{flex:0 0 calc(50% - var(--spacing-md)/2);max-width:200px;min-width:160px;scroll-snap-align:start}.users-grid{gap:var(--spacing-md);grid-template-columns:1fr}.bulk-actions-content{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.bulk-actions-buttons{justify-content:center}.user-details-view{flex-direction:column;text-align:center}.user-details-grid{grid-template-columns:1fr}}.password-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.copy-password-btn,.generate-password-btn{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:8px 14px;transition:all .2s ease;white-space:nowrap}.generate-password-btn{background:var(--primary);border:none;box-shadow:0 2px 4px #0000001a;color:#fff}.generate-password-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.copy-password-btn{background:var(--card-bg);border:1px solid var(--border);color:var(--text-primary-color)}.copy-password-btn:hover{background:var(--hover-bg);border-color:var(--primary-color)}.copy-password-btn svg{transition:transform .2s ease}.copy-password-btn:hover svg{transform:scale(1.1)}.dark .generate-password-btn{box-shadow:0 2px 4px #0000004d}.dark .generate-password-btn:hover{box-shadow:0 4px 8px #0006}.dark .copy-password-btn{background:#ffffff0d;border-color:#ffffff1a}.dark .copy-password-btn:hover{background:#ffffff14;border-color:var(--primary-color)}@media (max-width:480px){.user-card-header-compact{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.user-info-compact{align-items:center;flex-direction:column;text-align:center}.user-action-buttons-compact,.user-meta-compact{justify-content:center}.password-actions{flex-direction:column}.copy-password-btn,.generate-password-btn{justify-content:center;width:100%}}.flow-management{background-color:var(--background-color);min-height:100vh;padding:var(--spacing-lg)}.page-title{color:var(--text-primary-color)}.page-subtitle{color:var(--text-secondary-color)}.action-btn{border:1px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-weight:500;padding:var(--spacing-sm) var(--spacing-md)}.flows-grid,.flows-section,.search-filter-section{margin-bottom:var(--spacing-xl)}.flows-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}@media (max-width:1400px){.flows-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.flows-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.flows-grid{grid-template-columns:1fr}}.flow-card{background:var(--card-background);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s ease}.flow-card:hover{border-color:var(--primary);border-width:2px;box-shadow:var(--shadow-md);transform:translateY(-2px)}.flow-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:var(--spacing-md)}.flow-card-header,.flow-info{align-items:center;display:flex}.flow-info{flex:1 1;gap:var(--spacing-sm)}.flow-icon{align-items:center;background:var(--primary);border-radius:var(--border-radius-md);color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.flow-basic-info{flex:1 1;min-width:0}.flow-name{color:var(--text-primary-color);font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-meta{flex-wrap:wrap}.flow-id{background:var(--background-secondary);border-radius:var(--border-radius-sm);color:var(--text-tertiary-color);font-size:.875rem;padding:2px var(--spacing-xs)}.flow-stats{color:var(--text-secondary-color);font-size:.875rem}.flow-actions{align-items:center;display:flex;gap:var(--spacing-xs)}.expand-btn{height:32px;min-width:32px;padding:var(--spacing-xs)}.flow-details{padding:var(--spacing-md)}.flow-description{margin-bottom:var(--spacing-sm)}.flow-description p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary-color);display:-webkit-box;font-size:.875rem;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.flow-card .flow-meta{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.flow-majors{border-top:1px solid var(--border);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.flow-majors-title{color:var(--text-secondary-color);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-sm);text-transform:uppercase}.flow-majors-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:120px;overflow-y:auto;scrollbar-width:thin}.flow-majors-list::-webkit-scrollbar{width:4px}.flow-majors-list::-webkit-scrollbar-track{background:var(--bg);border-radius:2px}.flow-majors-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.flow-major-item{background:var(--card);border-left:3px solid var(--primary);border-radius:var(--radius-sm);padding:var(--spacing-xs)}.flow-major-name{color:var(--text-primary-color);font-size:.875rem;font-weight:600;margin-bottom:2px}.flow-major-details{align-items:center;color:var(--text-secondary-color);display:flex;flex-wrap:wrap;font-size:.75rem;gap:4px}.flow-major-university{font-weight:500}.flow-major-country{color:var(--text-tertiary-color)}.flow-stats-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:var(--spacing-md)}.flow-stat-item{background:var(--background-secondary);gap:var(--spacing-xs);padding:var(--spacing-xs)}.flow-stat-item,.flow-stat-item .stat-icon{align-items:center;border-radius:var(--border-radius-sm);display:flex}.flow-stat-item .stat-icon{background:var(--primary);color:#fff;height:20px;justify-content:center;width:20px}.flow-stat-item span{color:var(--text-secondary-color);font-size:.875rem;font-weight:500}.flow-detail-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.flow-detail-item{align-items:center;color:var(--text-secondary-color);display:flex;font-size:.875rem;gap:var(--spacing-xs)}.flow-detail-item svg{color:var(--text-tertiary-color)}.flow-card-footer{align-items:center;background:var(--background-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.flow-timestamp{color:var(--text-tertiary-color);font-size:.875rem}.flow-action-buttons{align-items:center;display:flex;gap:var(--spacing-xs)}.action-btn{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary-color);transition:all .2s ease}.action-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.action-btn[title*=Delete]:hover{background:var(--error-color);border-color:var(--error-color)}.flow-card-skeleton{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.skeleton-content{padding:var(--spacing-lg)}.skeleton-line{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--background-secondary) 25%,var(--background-tertiary) 50%,var(--background-secondary) 75%);background-size:200% 100%;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm)}.skeleton-title{height:20px;width:60%}.skeleton-subtitle{height:16px;width:40%}.skeleton-text{height:14px;width:80%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.space-y-4>*+*{margin-top:var(--spacing-md)}.warning-icon{color:var(--warning-color);display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.warning-content{text-align:center}.warning-title{color:var(--text-primary-color);font-size:1.25rem;margin:0 0 var(--spacing-sm) 0}.warning-text{color:var(--text-secondary-color)}.flow-hierarchy{display:flex;flex-direction:column;padding:var(--spacing-lg);width:100%}.hierarchy-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.flow-header-info{flex:1 1}.flow-header-info h3{color:var(--text-primary-color);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.flow-header-info .flow-description{color:var(--text-secondary-color);font-size:.9rem;line-height:1.4;margin:0 0 var(--spacing-sm) 0}.flow-meta{align-items:center;display:flex;gap:var(--spacing-sm)}.flow-type{background:var(--blue-100);border-radius:var(--border-radius-sm);color:var(--blue-600);font-size:.75rem;font-weight:600;padding:2px var(--spacing-xs);text-transform:uppercase}.flow-type.major{background:var(--purple-100);color:var(--purple-600)}.flow-status{border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;padding:2px var(--spacing-xs);text-transform:uppercase}.flow-status.active{background:var(--green-100);color:var(--green-600)}.flow-status.inactive{background:var(--gray-100);color:var(--gray-600)}.hierarchy-header-actions{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.add-question-btn{align-items:center;background:var(--primary);border:none;color:#fff;display:inline-flex;gap:var(--spacing-xs)}.add-question-btn:hover{background:var(--primary-hover)}.create-first-question-btn{align-items:center;background:var(--primary);border:none;color:#fff;display:inline-flex;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.create-first-question-btn:hover{background:var(--primary-hover)}.hierarchy-legend{flex-wrap:wrap;gap:var(--spacing-md)}.hierarchy-legend,.legend-item{align-items:center;display:flex}.legend-item{color:var(--text-secondary-color);font-size:.875rem;gap:var(--spacing-xs)}.legend-item svg{color:var(--text-tertiary-color)}.hierarchy-content{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:100%;padding:var(--spacing-md) 0;width:100%}.hierarchy-node{margin-bottom:var(--spacing-sm);position:relative;width:100%}.hierarchy-item{align-items:center;border:1px solid #0000;border-radius:var(--border-radius-md);display:flex;flex-wrap:nowrap;justify-content:space-between;margin-left:var(--spacing-lg);min-width:0;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .2s ease;width:calc(100% - var(--spacing-lg))}.hierarchy-item.question-item,.hierarchy-item:hover{background:var(--background-secondary);border-color:var(--border-color)}.hierarchy-item.option-item{background:var(--card-background);border-color:var(--border-color);margin-left:calc(var(--spacing-lg) + var(--spacing-md))}.hierarchy-item:before{height:1px;top:50%;width:var(--spacing-lg)}.hierarchy-item:after,.hierarchy-item:before{background:var(--border-color);content:"";left:calc(var(--spacing-lg)*-1);position:absolute}.hierarchy-item:after{height:50%;top:0;width:1px}.hierarchy-item:last-child:after{height:50%}.hierarchy-item:first-child:after{height:50%;top:50%}.hierarchy-item:only-child:after{display:none}.hierarchy-item-content{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm)}.hierarchy-toggle{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.toggle-btn{background:#0000;border:none;color:var(--text-tertiary-color);height:24px;min-width:24px;padding:0}.toggle-btn:hover{background:var(--background-tertiary);color:var(--text-secondary-color)}.toggle-spacer{height:24px;width:24px}.hierarchy-icon{flex-shrink:0;height:32px;width:32px}.hierarchy-icon,.question-icon{align-items:center;border-radius:var(--border-radius-sm);display:flex;justify-content:center}.question-icon{color:#fff;height:100%;width:100%}.question-type-single{background:var(--blue-500)}.question-type-multiple{background:var(--purple-500)}.question-type-text{background:var(--green-500)}.question-type-number{background:var(--orange-500)}.question-type-date{background:var(--blue-600)}.question-type-file{background:var(--purple-600)}.question-type-default{background:var(--gray-500)}.option-icon{align-items:center;background:var(--gray-200);border-radius:var(--border-radius-sm);color:var(--gray-600);display:flex;height:100%;justify-content:center;width:100%}.hierarchy-text{flex:1 1;min-width:0}.hierarchy-title{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.option-text,.question-text{color:var(--text-primary-color);font-weight:500;line-height:1.4}.question-type-single{background:var(--blue-100);color:var(--blue-600)}.question-type-multiple{background:var(--purple-100);color:var(--purple-600)}.question-type-text{background:var(--green-100);color:var(--green-600)}.question-type-number{background:var(--orange-100);color:var(--orange-600)}.question-type-date{background:var(--blue-100);color:var(--blue-600)}.question-type-file{background:var(--purple-100);color:var(--purple-600)}.question-type-default{background:var(--gray-100);color:var(--gray-600)}.next-questions-indicator{color:var(--primary);font-size:.75rem;font-weight:500}.hierarchy-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.option-id,.question-id{background:var(--background-tertiary);border-radius:var(--border-radius-sm);color:var(--text-tertiary-color);font-size:.75rem;padding:2px var(--spacing-xs)}.option-order,.question-order{color:var(--text-primary-color);font-size:.75rem}.option-questions-count,.question-options-count{color:var(--text-secondary-color);font-size:.75rem}.hierarchy-actions{align-items:center;display:flex;gap:var(--spacing-xs)}.hierarchy-children{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);position:relative}.flow-hierarchy-empty{align-items:center;display:flex;justify-content:center;min-height:300px}.empty-state{color:var(--text-secondary-color)}.empty-state svg{color:var(--text-tertiary-color);margin-bottom:var(--spacing-md)}.empty-state h3{color:var(--text-primary-color);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.empty-state p{margin:0}.dark .flow-management{background-color:var(--dark-bg);color:var(--dark-text-primary)}.dark .action-btn.primary{border:none;box-shadow:var(--shadow-primary)}.dark .action-btn.primary:active{box-shadow:0 0 0 2px #e66f4b33;transform:translateY(0)}.dark .flow-card{background:var(--dark-card-bg);border-color:var(--dark-border);border-width:2px}.dark .flow-card:hover{border-color:var(--primary);border-width:2px}.dark .flow-card-header{border-color:var(--dark-border)}.dark .flow-name{color:var(--dark-text-primary)}.dark .flow-id{background:var(--dark-bg-secondary);color:var(--dark-text-tertiary)}.dark .flow-stats{color:var(--dark-text-secondary)}.dark .flow-details{background:var(--dark-card-bg)}.dark .flow-description p{color:var(--dark-text-secondary)}.dark .flow-stat-item{background:var(--dark-bg-secondary)}.dark .flow-detail-item,.dark .flow-stat-item span{color:var(--dark-text-secondary)}.dark .flow-detail-item svg{color:var(--dark-text-tertiary)}.dark .flow-card-footer{background:var(--dark-bg-secondary);border-color:var(--dark-border)}.dark .flow-timestamp{color:var(--dark-text-tertiary)}.dark .action-btn{background:var(--dark-card-bg);border-color:var(--dark-border);color:var(--dark-text-secondary)}.dark .action-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.dark .action-btn[title*=Delete]:hover{background:var(--error-color);border-color:var(--error-color)}.dark .warning-title{color:var(--dark-text-primary)}.dark .warning-text{color:var(--dark-text-secondary)}.dark .hierarchy-header{border-color:var(--dark-border)}.dark .flow-header-info h3{color:var(--dark-text-primary)}.dark .flow-header-info .flow-description{color:var(--dark-text-secondary)}.dark .flow-type{background:var(--blue-100);color:var(--blue-400)}.dark .flow-type.major{background:var(--purple-100);color:var(--purple-400)}.dark .flow-status.active{background:var(--green-100);color:var(--green-400)}.dark .flow-status.inactive{background:var(--gray-100);color:var(--gray-400)}.dark .add-question-btn{background:var(--primary);color:#fff}.dark .add-question-btn:hover{background:var(--primary-hover)}.dark .create-first-question-btn{background:var(--primary);color:#fff}.dark .create-first-question-btn:hover{background:var(--primary-hover)}.dark .legend-item{color:var(--dark-text-secondary)}.dark .legend-item svg{color:var(--dark-text-tertiary)}.dark .hierarchy-item.question-item,.dark .hierarchy-item:hover{background:var(--dark-bg-secondary);border-color:var(--dark-border)}.dark .hierarchy-item.option-item{background:var(--dark-card-bg);border-color:var(--dark-border)}.dark .toggle-btn:hover{background:var(--dark-bg-tertiary);color:var(--dark-text-secondary)}.dark .option-text,.dark .question-text{color:var(--dark-text-primary)}.dark .question-type-single{background:#3b82f633;color:var(--blue-400)}.dark .question-type-multiple{background:#9333ea33;color:var(--purple-400)}.dark .question-type-text{background:#22c55e33;color:var(--green-400)}.dark .question-type-number{background:#f9731633;color:var(--orange-400)}.dark .question-type-date{background:#1629ff33;color:var(--blue-400)}.dark .question-type-file{background:#9333ea33;color:var(--purple-400)}.dark .question-type-default{background:#6b728033;color:var(--gray-400)}.dark .next-questions-indicator{color:var(--primary)}.dark .option-id,.dark .question-id{background:var(--dark-bg-tertiary);color:var(--dark-text-tertiary)}.dark .option-order,.dark .question-order{color:var(--dark-text-tertiary)}.dark .option-questions-count,.dark .question-options-count{color:var(--dark-text-secondary)}.dark .hierarchy-item:after,.dark .hierarchy-item:before{background:var(--dark-border)}.dark .empty-state{color:var(--dark-text-secondary)}.dark .empty-state svg{color:var(--dark-text-tertiary)}.dark .empty-state h3{color:var(--dark-text-primary)}.dark .empty-state p{color:var(--dark-text-secondary)}.form-section{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.form-section:last-child{border-bottom:none;margin-bottom:0}.section-title{color:var(--text-primary-color);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.section-description{color:var(--text-secondary-color);font-size:.875rem;line-height:1.5;margin:0 0 var(--spacing-md) 0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.add-option-btn{align-items:center;display:inline-flex;gap:var(--spacing-xs)}.options-list{flex-direction:column}.option-item,.options-list{display:flex;gap:var(--spacing-md)}.option-item{align-items:center;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);transition:all .2s ease}.option-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.option-content{flex:1 1;gap:var(--spacing-md)}.option-content,.option-order{align-items:center;display:flex}.option-order{border-radius:var(--border-radius-sm);flex-shrink:0;font-size:.875rem;font-weight:600;justify-content:center}.option-actions{align-items:center;display:flex;gap:var(--spacing-xs)}.option-actions .action-btn{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary-color);height:32px;min-width:32px;padding:var(--spacing-xs);transition:all .2s ease}.option-actions .action-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.option-actions .action-btn[title*=Remove]:hover{background:var(--error-color);border-color:var(--error-color)}.option-actions .action-btn:disabled{cursor:not-allowed;opacity:.5}.no-options{border:2px dashed var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary-color);padding:var(--spacing-xl);text-align:center}.info-box,.no-options{background:var(--background-secondary)}.info-box{border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.info-box h4{color:var(--text-primary-color);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.info-box p{color:var(--text-secondary-color);font-size:.875rem;line-height:1.5;margin:0}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.submit-btn{background:var(--primary);border:none;color:#fff}.submit-btn:hover{background:var(--primary-hover)}.submit-btn:disabled{background:var(--text-tertiary-color);cursor:not-allowed}.next-questions-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:300px;overflow-y:auto}.next-question-item{border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all .2s ease}.next-question-item:hover{border-color:var(--primary)}.next-question-label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all .2s ease}.next-question-label:hover{background:var(--background-secondary)}.next-question-checkbox{accent-color:var(--primary);height:18px;width:18px}.next-question-content{flex:1 1}.next-question-text{color:var(--text-primary-color);font-weight:500;line-height:1.4;margin-bottom:var(--spacing-xs)}.next-question-meta{align-items:center;display:flex;gap:var(--spacing-sm)}.question-type{color:var(--primary);font-weight:600;text-transform:uppercase}.question-id,.question-type{border-radius:var(--border-radius-sm);font-size:.75rem;padding:2px var(--spacing-xs)}.question-id{background:var(--background-tertiary);color:var(--text-tertiary-color)}.no-next-questions{background:var(--background-secondary);border:2px dashed var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary-color);padding:var(--spacing-lg);text-align:center}.dark .form-section{border-color:var(--dark-border)}.dark .section-title{color:var(--dark-text-primary)}.dark .section-description{color:var(--dark-text-secondary)}.dark .option-item{background:var(--dark-bg-secondary);border-color:var(--dark-border)}.dark .option-item:hover{border-color:var(--primary)}.dark .option-actions .action-btn{background:var(--dark-card-bg);border-color:var(--dark-border);color:var(--dark-text-secondary)}.dark .option-actions .action-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.dark .option-actions .action-btn[title*=Remove]:hover{background:var(--error-color);border-color:var(--error-color)}.dark .no-options{color:var(--dark-text-secondary)}.dark .info-box,.dark .no-options{background:var(--dark-bg-secondary);border-color:var(--dark-border)}.dark .info-box h4{color:var(--dark-text-primary)}.dark .info-box p{color:var(--dark-text-secondary)}.dark .form-actions,.dark .next-question-item{border-color:var(--dark-border)}.dark .next-question-item:hover{border-color:var(--primary)}.dark .next-question-label:hover{background:var(--dark-bg-secondary)}.dark .next-question-text{color:var(--dark-text-primary)}.dark .question-id{background:var(--dark-bg-tertiary);color:var(--dark-text-tertiary)}.dark .no-next-questions{background:var(--dark-bg-secondary);border-color:var(--dark-border);color:var(--dark-text-secondary)}.academics-management-page{background-color:var(--background-color);color:var(--text-primary);margin:0 auto;max-width:1400px;padding:var(--spacing-lg)}.page-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.page-title-section{flex:1 1}.page-title{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;font-weight:700;gap:var(--spacing-sm);margin:0 0 var(--spacing-xs) 0}.page-title-icon{color:var(--primary-color)}.page-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.page-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.action-btn{gap:var(--spacing-xs)}.action-btn.primary{background-color:var(--primary-color);border-color:var(--primary-color)}.action-btn.primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.bulk-actions-section,.search-filter-section{margin-bottom:var(--spacing-lg)}.bulk-actions-card{background:var(--warning-light);border:1px solid var(--warning-color);border-radius:var(--border-radius-md)}.bulk-actions-content{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-sm)}.bulk-actions-info{align-items:center;display:flex;gap:var(--spacing-xs)}.bulk-count{font-size:1.125rem;font-weight:700}.bulk-count,.bulk-text{color:var(--warning-dark)}.bulk-text{font-weight:500}.bulk-actions-buttons{display:flex;gap:var(--spacing-sm)}.academics-grid,.academics-section{margin-bottom:var(--spacing-xl)}.academics-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.academics-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);position:relative;transition:all .2s ease;z-index:1}.academics-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.academics-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.academics-card-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-md)}.academics-info{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md)}.academics-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:700;height:48px;justify-content:center;width:48px}.academics-basic-info{flex:1 1;min-width:0}.academics-name{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.academics-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.academics-subtitle{color:var(--text-secondary);font-size:.875rem;font-weight:500}.academics-id{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.academics-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.academics-checkbox{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.academics-details{padding:var(--spacing-md)}.academics-detail-row{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.academics-detail-row:last-child{margin-bottom:0}.academics-detail-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-sm)}.academics-detail-item svg{color:var(--text-tertiary);flex-shrink:0}.academics-card-footer{align-items:center;background:var(--gray-50);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-md)}.academics-timestamp{color:var(--text-tertiary);font-size:.75rem}.timestamp-value{font-weight:500}.academics-action-buttons{display:flex;gap:var(--spacing-xs)}.action-btn{align-items:center;display:flex;height:32px;justify-content:center;min-width:32px;padding:var(--spacing-xs)}.academics-card-skeleton{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius-lg)}.academics-skeleton{align-items:center;display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.academics-icon-skeleton{animation:pulse 2s infinite;background:var(--skeleton-color);border-radius:50%;height:48px;width:48px}.academics-info-skeleton{flex:1 1}.academics-name-skeleton{height:20px;margin-bottom:var(--spacing-xs);width:120px}.academics-name-skeleton,.academics-subtitle-skeleton{animation:pulse 2s infinite;background:var(--skeleton-color);border-radius:var(--border-radius-sm)}.academics-subtitle-skeleton{height:16px;width:180px}.empty-state-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius-lg)}.empty-state{padding:var(--spacing-xl);text-align:center}.empty-icon{color:var(--text-tertiary);margin-bottom:var(--spacing-md)}.empty-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.empty-description{color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;margin-left:auto;margin-right:auto;max-width:400px}.pagination-section{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.academics-details-view{align-items:center;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.academics-icon-large{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.academics-info-large{flex:1 1}.academics-name-large{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 var(--spacing-xs) 0}.academics-code-large{color:var(--text-secondary);font-size:1rem;margin:0 0 var(--spacing-sm) 0}.academics-details-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-item label{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-item span{color:var(--text-primary);font-size:1rem;font-weight:500}.delete-warning{align-items:flex-start;background:var(--error-light);border:1px solid var(--error-color);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.warning-icon{color:var(--error-color);flex-shrink:0}.warning-content{flex:1 1}.warning-title{color:var(--error-dark);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.warning-text{color:var(--error-dark);line-height:1.5;margin:0}.action-btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));border:none;box-shadow:var(--shadow-primary);color:#fff}.action-btn.primary:hover{box-shadow:0 4px 12px #e66f4b33;transform:translateY(-1px)}.action-btn.primary:active{box-shadow:0 0 0 2px #e66f4b33;transform:translateY(0)}.dark .action-btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff}.dark .action-btn.primary:hover{box-shadow:0 4px 12px #e66f4b33;transform:translateY(-1px)}.dark .academics-management-page{background-color:var(--dark-bg);color:var(--dark-text-primary)}.dark .page-title{color:var(--dark-text-primary)}.dark .page-subtitle{color:var(--dark-text-secondary)}.dark .stat-card{background:var(--dark-card);border-color:var(--dark-border)}.dark .stat-card:hover{box-shadow:var(--shadow-md)}.dark .stat-icon{background-color:var(--primary);color:#fff}.dark .stat-value{color:var(--dark-text-primary)}.dark .stat-label{color:var(--dark-text-secondary)}.dark .bulk-actions-card{background:var(--warning-light);border-color:var(--warning)}.dark .bulk-count,.dark .bulk-text{color:var(--warning-dark)}.dark .academics-card{background:var(--dark-card);border-color:var(--dark-border)}.dark .academics-card:hover{box-shadow:var(--shadow-md)}.dark .academics-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.dark .academics-icon{background-color:var(--primary);color:#fff}.dark .academics-name{color:var(--dark-text-primary)}.dark .academics-subtitle{color:var(--dark-text-secondary)}.dark .academics-id{color:var(--dark-text-tertiary)}.dark .academics-detail-item{color:var(--dark-text-secondary)}.dark .academics-detail-item svg{color:var(--dark-text-tertiary)}.dark .academics-card-footer{background:var(--dark-bg);border-color:var(--dark-border)}.dark .academics-timestamp{color:var(--dark-text-tertiary)}.dark .empty-state-card{background:var(--dark-card);border-color:var(--dark-border)}.dark .empty-icon{color:var(--dark-text-tertiary)}.dark .empty-title{color:var(--dark-text-primary)}.dark .empty-description{color:var(--dark-text-secondary)}.dark .academics-icon-large{background:var(--primary);color:#fff}.dark .academics-name-large{color:var(--dark-text-primary)}.dark .academics-code-large,.dark .detail-item label{color:var(--dark-text-secondary)}.dark .detail-item span{color:var(--dark-text-primary)}.dark .delete-warning{background:var(--error-light);border-color:var(--error)}.dark .warning-text,.dark .warning-title{color:var(--error-dark)}.dark .warning-icon{color:var(--error)}.dark .academics-icon-skeleton,.dark .academics-name-skeleton,.dark .academics-subtitle-skeleton,.dark .stat-icon-skeleton,.dark .stat-label-skeleton,.dark .stat-value-skeleton{background:var(--dark-border)}.dark .page-actions .action-btn{background:var(--primary);border-color:var(--primary);color:#fff}.dark .page-actions .action-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.dark .academics-management-page h1,.dark .academics-management-page h2,.dark .academics-management-page h3,.dark .academics-management-page h4,.dark .academics-management-page h5,.dark .academics-management-page h6{color:var(--dark-text-primary)}.dark .academics-management-page label,.dark .academics-management-page p{color:var(--dark-text-secondary)}@media (max-width:768px){.academics-management-page{padding:var(--spacing-md)}.page-header{align-items:stretch;flex-direction:column;gap:var(--spacing-md)}.page-actions{justify-content:stretch}.action-btn{flex:1 1;justify-content:center}.academics-grid{gap:var(--spacing-md);grid-template-columns:1fr}.bulk-actions-content{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.bulk-actions-buttons{justify-content:center}.academics-details-view{flex-direction:column;text-align:center}.academics-details-grid{grid-template-columns:1fr}}@media (max-width:480px){.academics-card-header{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.academics-info{align-items:center;flex-direction:column;text-align:center}.academics-action-buttons,.academics-meta{justify-content:center}}
/*# sourceMappingURL=main.4799bf15.css.map*/