.base-container{border-radius:var(--radius-xl);background:var(--gradient-gray);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-md);transition:var(--transition-slow);overflow:hidden;position:relative}.base-container:hover{border-color:rgba(0,0,0,.08);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-container{padding:var(--spacing-xl);background:var(--gradient-white);border-radius:var(--radius-2xl);border:2px solid rgba(226,232,240,.6);backdrop-filter:blur(16px);box-shadow:var(--shadow-md),inset 0 1px 0 rgba(255,255,255,.6);transition:var(--transition-bounce)}.card-container:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),inset 0 1px 0 rgba(255,255,255,.8);border-color:rgba(203,213,225,.8)}.list-container{height:550px;max-width:100%;overflow:auto;background:rgba(255,255,255,.5);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}.list-container::-webkit-scrollbar{width:6px}.list-container::-webkit-scrollbar-track{background:transparent}.list-container::-webkit-scrollbar-thumb{background:rgba(156,163,175,.5);border-radius:3px}.list-container::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.7)}.filter-container{background:rgba(255,255,255,.7);padding:var(--spacing-base) var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);margin-bottom:var(--spacing-base);display:flex;align-items:center;gap:var(--spacing-base);flex-wrap:wrap}.filter-container .filter-label{font-weight:600;color:var(--color-gray-700);font-size:var(--text-base);flex-shrink:0}.form-container{background:rgba(255,255,255,.9);padding:var(--spacing-2xl);border-radius:var(--radius-xl);border:2px solid var(--color-gray-200);box-shadow:var(--shadow-md)}.form-container .form-section{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-container .form-field{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-container .form-label{font-size:var(--text-base);font-weight:600;color:var(--color-gray-700);display:flex;align-items:center;gap:var(--spacing-sm)}.form-container .form-select-wrapper{position:relative}.form-container .form-select{width:100%;padding:var(--spacing-md) var(--spacing-base);background:rgba(255,255,255,.9);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-gray-700);transition:var(--transition-slow);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem}.form-container .form-select:focus{outline:none;border-color:var(--color-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1);background:var(--color-white)}.form-container .form-input{width:100%;padding:var(--spacing-md) var(--spacing-base);background:rgba(255,255,255,.9);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-gray-700);transition:var(--transition-slow)}.form-container .form-input:focus{outline:none;border-color:var(--color-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1);background:var(--color-white)}.form-container .form-input::-moz-placeholder{color:var(--color-gray-400)}.form-container .form-input::placeholder{color:var(--color-gray-400)}.checkbox-group-container{display:flex;flex-direction:column;gap:var(--spacing-base);background:rgba(249,250,251,.8);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.checkbox-group-container .checkbox-item,.checkbox-group-container .checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-md)}.checkbox-group-container .checkbox-label{cursor:pointer;line-height:1.5;flex:1}.checkbox-group-container .checkbox{width:20px;height:20px;border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);background:var(--color-white);cursor:pointer;position:relative;flex-shrink:0;margin-top:2px;transition:var(--transition-slow)}.checkbox-group-container .checkbox:checked{background:var(--gradient-primary);border-color:var(--color-primary)}.checkbox-group-container .checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-white);font-weight:700;font-size:12px}.checkbox-group-container .checkbox:focus{outline:none;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.checkbox-group-container .checkbox-text{font-size:.95rem;color:var(--color-gray-700);font-weight:500}.footer-container{padding-bottom:var(--spacing-base);background:var(--gradient-footer);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (max-width:var(--breakpoint-desktop )){.base-container{margin:var(--spacing-sm);border-radius:var(--radius-lg)}.card-container{padding:var(--spacing-lg);border-radius:var(--radius-xl);margin:0 var(--spacing-sm)}.list-container{height:auto;max-height:500px}.form-container{padding:var(--spacing-xl);margin:0 var(--spacing-sm)}.checkbox-group-container{padding:var(--spacing-lg)}.filter-container{padding:var(--spacing-sm) var(--spacing-base);margin:0 var(--spacing-sm) var(--spacing-base);flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}@media (max-width:var(--breakpoint-mobile )){.base-container{margin:var(--spacing-xs);border-radius:var(--radius-md)}.card-container{padding:var(--spacing-base);border-radius:var(--radius-lg);margin:var(--spacing-sm)}.form-container{border-radius:var(--radius-md)}.checkbox-group-container,.form-container{padding:var(--spacing-base)}}:root{--breakpoint-mobile:480px;--breakpoint-tablet:640px;--breakpoint-desktop:768px;--breakpoint-large:1024px;--breakpoint-xl:1280px;--color-primary:#10b981;--color-primary-dark:#059669;--color-primary-darker:#047857;--color-blue:#3b82f6;--color-blue-dark:#2563eb;--color-blue-darker:#1d4ed8;--color-purple:#8b5cf6;--color-purple-dark:#7c3aed;--color-purple-darker:#6d28d9;--color-yellow:#f59e0b;--color-yellow-dark:#d97706;--color-yellow-darker:#b45309;--color-red:#ef4444;--color-red-dark:#dc2626;--color-red-darker:#b91c1c;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-white:#ffffff;--color-black:#000000;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-base:1rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);--gradient-blue:linear-gradient(135deg,var(--color-blue) 0%,var(--color-blue-dark) 100%);--gradient-purple:linear-gradient(135deg,var(--color-purple) 0%,var(--color-purple-dark) 100%);--gradient-red:linear-gradient(135deg,var(--color-red) 0%,var(--color-red-dark) 100%);--gradient-gray:linear-gradient(135deg,#f8fafc,#f1f5f9);--gradient-white:linear-gradient(135deg,rgba(255,255,255,0.9),rgba(248,250,252,0.8));--gradient-footer:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#cbd5e1);--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--transition-bounce:0.3s cubic-bezier(0.4,0,0.2,1);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--toast-border-radius:var(--radius-md);--toast-shadow:var(--shadow-lg);--toast-padding:var(--spacing-base);--toast-margin:var(--spacing-sm);--toast-max-width:400px;--toast-min-width:300px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-gray-500);padding:3rem 1.5rem;min-height:300px}.empty-state .empty-icon{margin-bottom:var(--spacing-base);opacity:.6;font-size:3rem;animation:pulse 2s ease-in-out infinite}.empty-state .empty-title{font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-gray-800);font-size:var(--text-xl)}.empty-state .empty-description{color:var(--color-gray-600);font-size:var(--text-base);line-height:1.5;max-width:400px;margin:0}.loading-state{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-gray-500)}.loading-state .loading-spinner{width:24px;height:24px;border-top:3px solid var(--color-gray-200);border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--spacing-md)}.loading-state .loading-text{font-size:var(--text-base);color:var(--color-gray-600)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);color:var(--color-red-dark)}.error-state .error-icon{font-size:2rem;margin-bottom:var(--spacing-md);color:var(--color-red-dark)}.error-state .error-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-red-dark)}.error-state .error-description{font-size:var(--text-sm);text-align:center;line-height:1.5;max-width:300px;margin:0 0 var(--spacing-md) 0}.error-state .error-actions{display:flex;gap:var(--spacing-sm)}.success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);color:var(--color-primary-dark)}.success-state .success-icon{font-size:2rem;margin-bottom:var(--spacing-md);color:var(--color-primary-dark)}.success-state .success-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-primary-dark)}.success-state .success-description{font-size:var(--text-sm);text-align:center;line-height:1.5;max-width:300px;margin:0}.warning-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-lg);color:var(--color-yellow-dark)}.warning-state .warning-icon{font-size:2rem;margin-bottom:var(--spacing-md);color:var(--color-yellow-dark)}.warning-state .warning-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-yellow-dark)}.warning-state .warning-description{font-size:var(--text-sm);text-align:center;line-height:1.5;max-width:300px;margin:0}.info-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);color:var(--color-blue-dark)}.info-state .info-icon{font-size:2rem;margin-bottom:var(--spacing-md);color:var(--color-blue-dark)}.info-state .info-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-blue-dark)}.info-state .info-description{font-size:var(--text-sm);text-align:center;line-height:1.5;max-width:300px;margin:0}.completed-state{opacity:.6;position:relative}.completed-state:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-gray-300),transparent);transform:translateY(-50%)}.completed-text{text-decoration:line-through!important;color:var(--color-gray-500)!important;opacity:.7!important}.hover-lift{transition:var(--transition-base)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.focus-ring{transition:var(--transition-base)}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.active-state{background:var(--gradient-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:0 2px 8px rgba(16,185,129,.3)}.disabled-state{opacity:.5;cursor:not-allowed;pointer-events:none}.hidden-state{display:none!important}.visible-state{display:block!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-out{animation:fadeOut .3s ease-in}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}@media (max-width:var(--breakpoint-tablet )){.empty-state{padding:2rem 1rem;min-height:250px}.empty-state .empty-icon{font-size:2.5rem}.empty-state .empty-title{font-size:var(--text-lg)}.empty-state .empty-description{font-size:var(--text-sm)}.loading-state{padding:var(--spacing-xl)}.loading-state .loading-spinner{width:20px;height:20px}.error-state,.info-state,.success-state,.warning-state{padding:var(--spacing-lg);margin:0 var(--spacing-sm)}.error-state .error-title,.info-state .info-title,.success-state .success-title,.warning-state .warning-title{font-size:var(--text-base)}}