:root{--color-primary-blue:#4176ba;--color-primary-green:#349b94;--color-accent-orange:#ff914d;--color-accent-yellow:#ffde59;--color-support-light-blue:#71c8dc;--color-support-aqua-green:#b1dfdd;--color-neutral-light-gray:#e2e3e7;--color-neutral-graphite:#363640;--color-neutral-white:#fff;--color-bg-light:#d9d9d9;--color-bg-white:#fff;--font-headline:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--shadow-sm:0px 2px 4px #36364014;--shadow-md:0px 4px 8px #3636401f;--shadow-lg:0px 8px 16px #36364029;--transition-fast:.15s ease-in-out;--transition-normal:.2s ease-in-out;--transition-slow:.3s ease-in-out}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;height:-webkit-fill-available;font-size:16px}body{font-family:var(--font-body);color:var(--color-neutral-graphite);background-color:var(--color-bg-white);min-height:100vh;overscroll-behavior:none;-webkit-overflow-scrolling:touch;min-height:-webkit-fill-available;padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);margin:0;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);color:var(--color-neutral-graphite);margin-top:0;margin-bottom:1rem;font-weight:800;line-height:1.2}h1{letter-spacing:-.02em;font-size:3rem}h2{letter-spacing:-.01em;font-size:2.5rem}h3{letter-spacing:-.01em;font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.25rem}}a:not([data-component=footer] a){color:var(--color-primary-blue);transition:color var(--transition-fast);text-decoration:none}a:not([data-component=footer] a):hover{color:#2d5082;text-decoration:underline}:focus{outline:2px solid var(--color-primary-blue);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}::selection{background-color:var(--color-support-light-blue);color:var(--color-neutral-graphite)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-neutral-light-gray)}::-webkit-scrollbar-thumb{background:var(--color-primary-blue);border:2px solid var(--color-neutral-light-gray);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#2d5082}.text-primary{color:var(--color-primary-blue)}.text-secondary{color:var(--color-primary-green)}.bg-light{background-color:var(--color-bg-light)}img,video{max-width:100%;height:auto}@supports (-webkit-touch-callout:none){input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],textarea,select{-webkit-appearance:none;border-radius:0;font-size:16px!important}button,input[type=submit],input[type=button]{-webkit-appearance:none;border-radius:0}button,a,input,select,textarea{min-width:44px;min-height:44px}*{-webkit-tap-highlight-color:#0000}button:active,a:active{-webkit-tap-highlight-color:#4176ba33}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}p,span,div[contenteditable],input,textarea,h1,h2,h3,h4,h5,h6{-webkit-user-select:text;user-select:text}.sticky{position:sticky}.animated{backface-visibility:hidden;transform:translateZ(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-header{border-bottom:2px solid var(--color-neutral-light-gray);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.page-header h1{color:var(--color-neutral-graphite);margin:0}.filters{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-group{flex-direction:column;min-width:200px;display:flex}.filter-group label{color:var(--color-neutral-graphite);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.card{background:var(--color-bg-white);box-shadow:var(--shadow-md);border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.card-header{border-bottom:1px solid var(--color-neutral-light-gray);background:var(--color-bg-light);padding:1.5rem}.card-body{padding:1.5rem}.table-container{max-width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th{background:var(--color-bg-light);text-align:left;color:var(--color-neutral-graphite);border-bottom:2px solid var(--color-neutral-light-gray);white-space:nowrap;padding:1rem;font-weight:600}.table td{border-bottom:1px solid var(--color-neutral-light-gray);vertical-align:top;padding:1rem}.table tr:hover{background:#4176ba0d}.table tr.selected{background:#4176ba1a}.table tr.deleted-row{opacity:.6;background:#dc35450d}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);position:relative}.table th.sortable:hover{background:#4176ba1a}.th-content{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sort-icon{opacity:.6;transition:opacity var(--transition-fast);text-align:center;min-width:12px;font-size:.75rem}.table th.sortable:hover .sort-icon{opacity:1}.table th.sortable .sort-icon{color:var(--color-primary-blue)}.search-input-container{max-width:400px;position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input{border:2px solid var(--color-neutral-light-gray);width:100%;font-size:1rem;font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:var(--color-bg-white);border-radius:4px;padding:.75rem 3rem .75rem 1rem}.search-input:focus{border-color:var(--color-primary-blue);outline:none;box-shadow:0 0 0 3px #4176ba1a}.search-input-icons{pointer-events:none;align-items:center;gap:.5rem;display:flex;position:absolute;right:.75rem}.search-clear-btn{color:#6c757d;cursor:pointer;width:1.5rem;height:1.5rem;transition:all var(--transition-fast);pointer-events:auto;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;font-size:.75rem;display:flex}.search-clear-btn:hover{background:var(--color-neutral-light-gray);color:var(--color-neutral-graphite)}.search-icon{color:#6c757d;font-size:1rem}.search-input:focus+.search-input-icons .search-icon{color:var(--color-primary-blue)}.form{max-width:100%}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{color:var(--color-neutral-graphite);margin-bottom:1rem;font-size:1.25rem}.form-group{flex-direction:column;display:flex}.form-group label{color:var(--color-neutral-graphite);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.form-control{border:2px solid var(--color-neutral-light-gray);font-size:1rem;font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:var(--color-bg-white);border-radius:4px;padding:.75rem}.form-control:disabled{background:var(--color-bg-light);color:#6c757d;cursor:not-allowed}.form-help{color:#6c757d;margin-top:.25rem;font-size:.75rem}.error-message{color:#dc3545;margin-top:.25rem;font-size:.75rem}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;font-weight:600;display:flex}.checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;margin:0}.btn{font-size:.875rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary-blue);color:var(--color-neutral-white);border-color:var(--color-primary-blue)}.btn-primary:hover:not(:disabled){background:#2d5082;border-color:#2d5082}.btn-secondary{background:var(--color-neutral-light-gray);color:var(--color-neutral-graphite);border-color:var(--color-neutral-light-gray)}.btn-secondary:hover:not(:disabled){background:#d1d2d6;border-color:#d1d2d6}.btn-danger{color:var(--color-neutral-white);background:#dc3545;border-color:#dc3545}.btn-danger:hover:not(:disabled){background:#c82333;border-color:#c82333}.btn-warning{color:var(--color-neutral-graphite);background:#ffc107;border-color:#ffc107}.btn-warning:hover:not(:disabled){background:#e0a800;border-color:#e0a800}.btn-sm{min-height:36px;padding:.5rem 1rem;font-size:.75rem}.action-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.025em;border-radius:12px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#155724;background:#d4edda}.badge-danger{color:#721c24;background:#f8d7da}.badge-warning{color:#856404;background:#fff3cd}.badge-info{color:#0c5460;background:#d1ecf1}.loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.spinner{border:4px solid var(--color-neutral-light-gray);border-top:4px solid var(--color-primary-blue);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{border:1px solid #0000;border-radius:4px;margin-bottom:1rem;padding:1rem}.alert-error{color:#721c24;background:#f8d7da;border-color:#f5c6cb}.alert-success{color:#155724;background:#d4edda;border-color:#c3e6cb}.alert-warning{color:#856404;background:#fff3cd;border-color:#ffeaa7}.alert-info{color:#0c5460;background:#d1ecf1;border-color:#bee5eb}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.info-item{flex-direction:column;gap:.25rem;display:flex}.info-item label{color:var(--color-neutral-graphite);font-size:.875rem;font-weight:600}.info-item span{color:#6c757d;font-size:.875rem}.pagination{border-top:1px solid var(--color-neutral-light-gray);background:var(--color-bg-light);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.pagination-info{color:var(--color-neutral-graphite);font-size:.875rem}@media (max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters{flex-direction:column;align-items:stretch}.filter-group{min-width:auto}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.action-buttons{justify-content:center}.table-container{font-size:.75rem}.table th,.table td{padding:.5rem}.pagination{flex-direction:column;gap:1rem}}@media (max-width:480px){.btn{justify-content:center;width:100%}.btn-sm{width:auto}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}}.contract-period-selector{width:100%;margin:1rem 0}.period-buttons-container{flex-wrap:wrap;justify-content:flex-start;gap:.75rem;display:flex}.period-button{border:2px solid var(--color-neutral-light-gray);cursor:pointer;max-width:200px;min-height:80px;transition:all var(--transition-normal);font-family:var(--font-body);color:var(--color-neutral-graphite);background-color:#fff;border-radius:8px;flex-direction:column;flex:150px;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative}.period-button:hover{border-color:var(--color-primary-blue);background-color:#4176ba0d}.period-button.active{border-color:var(--color-primary-blue);box-shadow:var(--shadow-sm);background-color:#4176ba1a}.period-text{margin-bottom:.5rem;font-size:1rem;font-weight:500}.savings-tag{background-color:var(--color-accent-yellow);color:var(--color-neutral-graphite);border-radius:12px;padding:4px 8px;font-size:.75rem;font-weight:600;line-height:1;position:absolute;top:8px;right:8px}@media (max-width:768px){.period-buttons-container{flex-direction:column;gap:.5rem}.period-button{flex:auto;width:100%;max-width:none}}.bg-white{background-color:var(--color-neutral-white)!important}.bg-gray-50{background-color:var(--color-bg-light)!important}.bg-gray-100{background-color:var(--color-neutral-light-gray)!important}.bg-blue-50{opacity:.3;background-color:var(--color-support-light-blue)!important}.bg-green-50{background-color:var(--color-support-aqua-green)!important}.bg-blue-600,.bg-blue-700{background-color:var(--color-primary-blue)!important}.bg-green-600,.bg-green-700{background-color:var(--color-primary-green)!important}.bg-gray-600,.bg-gray-700{background-color:var(--color-neutral-graphite)!important}.bg-yellow-600,.bg-yellow-700{background-color:var(--color-accent-yellow)!important}.bg-purple-600,.bg-purple-700{background-color:var(--color-primary-blue)!important}.bg-red-600,.bg-red-700{background-color:#e74c3c!important}.text-gray-600,.text-gray-700{opacity:.8;color:var(--color-neutral-graphite)!important}.text-gray-900{color:var(--color-neutral-graphite)!important}.text-blue-600,.text-blue-800,.text-blue-900{color:var(--color-primary-blue)!important}.text-green-600,.text-green-800{color:var(--color-primary-green)!important}.text-red-600,.text-red-800{color:#e74c3c!important}.text-yellow-600{color:var(--color-accent-orange)!important}.text-white{color:var(--color-neutral-white)!important}.text-indigo-600{color:var(--color-primary-blue)!important}.border-gray-200,.border-gray-300{border-color:var(--color-neutral-light-gray)!important}.border-blue-500{border-color:var(--color-primary-blue)!important}.p-4{padding:20px!important}.p-6{padding:30px!important}.px-4{padding-left:20px!important;padding-right:20px!important}.py-2{padding-top:10px!important;padding-bottom:10px!important}.px-6{padding-left:30px!important;padding-right:30px!important}.py-3{padding-top:15px!important;padding-bottom:15px!important}.py-4{padding-top:20px!important;padding-bottom:20px!important}.mb-4{margin-bottom:20px!important}.mb-6{margin-bottom:30px!important}.mt-4{margin-top:20px!important}.mt-6{margin-top:30px!important}.flex{display:flex!important}.gap-2{gap:10px!important}.gap-4{gap:20px!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.flex-wrap{flex-wrap:wrap!important}.grid{display:grid!important}.grid-cols-1{grid-template-columns:1fr!important}.grid-cols-2{grid-template-columns:repeat(2,1fr)!important}.grid-cols-3{grid-template-columns:repeat(3,1fr)!important}.rounded-lg,.rounded-md,.rounded{border-radius:8px!important}.rounded-full{border-radius:50%!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow{box-shadow:var(--shadow-sm)!important}.w-full{width:100%!important}.h-screen{height:100vh!important}.max-w-md{max-width:600px!important}.mx-4{margin-left:20px!important;margin-right:20px!important}.text-lg{font-size:1.2rem!important;font-weight:800!important;font-family:var(--font-headline)!important}.text-xl{font-size:1.5rem!important;font-weight:800!important;font-family:var(--font-headline)!important}.text-2xl{font-size:2rem!important;font-weight:800!important;font-family:var(--font-headline)!important}.text-3xl{font-size:2.5rem!important;font-weight:800!important;font-family:var(--font-headline)!important}.text-sm{font-size:14px!important}.text-xs{font-size:12px!important}.font-bold{font-weight:800!important;font-family:var(--font-headline)!important}.font-semibold{font-weight:600!important;font-family:var(--font-headline)!important}.font-medium{font-weight:500!important}.fixed{position:fixed!important}.inset-0{inset:0!important}.z-50{z-index:1000!important}.bg-opacity-50{background-color:#36364080!important}.disabled\:opacity-50:disabled{opacity:.5!important;cursor:not-allowed!important}.hover\:bg-blue-700:hover{background-color:#2d5082!important}.hover\:bg-green-700:hover{background-color:#247066!important}.hover\:bg-gray-700:hover{background-color:#363640cc!important}.hover\:bg-yellow-700:hover{background-color:var(--color-accent-orange)!important}.hover\:bg-purple-700:hover{background-color:#2d5082!important}.hover\:text-blue-800:hover,.hover\:text-blue-900:hover{color:#2d5082!important}.hover\:text-red-800:hover,.hover\:text-red-900:hover{color:#c0392b!important}.hover\:bg-gray-50:hover{background-color:var(--color-bg-light)!important}.space-y-1>*+*{margin-top:5px!important}.space-y-4>*+*{margin-top:20px!important}.list-disc{list-style-type:disc!important}.list-inside{list-style-position:inside!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.whitespace-nowrap{white-space:nowrap!important}.overflow-x-auto{overflow-x:auto!important}.overflow-hidden{overflow:hidden!important}.divide-y>*+*{border-top:1px solid var(--color-neutral-light-gray)!important}.divide-gray-200>*+*{border-color:var(--color-neutral-light-gray)!important}.min-w-full{min-width:100%!important}.uppercase{text-transform:uppercase!important}.tracking-wider{letter-spacing:.05em!important}.flex-shrink-0{flex-shrink:0!important}button.px-4.py-2{cursor:pointer!important;font-size:1rem!important;font-weight:500!important;font-family:var(--font-body)!important;transition:all var(--transition-fast)!important;box-shadow:var(--shadow-sm)!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:.5rem!important;padding:.75rem 1.5rem!important;text-decoration:none!important;display:inline-flex!important}button.px-4.py-2:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}button.px-4.py-2:focus-visible{outline:2px solid var(--color-primary-blue)!important;outline-offset:2px!important}input.w-full.p-2,select.w-full.p-2{border:1px solid var(--color-neutral-light-gray)!important;width:100%!important;font-family:var(--font-body)!important;color:var(--color-neutral-graphite)!important;background-color:var(--color-neutral-white)!important;transition:all var(--transition-fast)!important;border-radius:8px!important;padding:.75rem 1rem!important;font-size:1rem!important;line-height:1.5!important}input.w-full.p-2:focus,select.w-full.p-2:focus{border-color:var(--color-primary-blue)!important;outline:none!important;box-shadow:0 0 0 3px #4176ba1a!important}table.min-w-full{border-collapse:collapse!important;background:var(--color-neutral-white)!important;width:100%!important}table.min-w-full th,table.min-w-full td{text-align:left!important;border-bottom:1px solid var(--color-neutral-light-gray)!important;padding:12px!important}table.min-w-full th{background-color:var(--color-bg-light)!important;font-weight:600!important;font-family:var(--font-body)!important;color:var(--color-neutral-graphite)!important}table.min-w-full tbody tr:hover{background-color:var(--color-bg-light)!important}.bg-white.rounded-lg.shadow-md,.bg-white.p-4.rounded-lg.shadow-md,.bg-white.p-6.rounded-lg.shadow-md{background:var(--color-neutral-white)!important;box-shadow:var(--shadow-sm)!important;transition:all var(--transition-normal)!important;border-radius:8px!important;margin-bottom:20px!important;padding:20px!important}.bg-white.rounded-lg.shadow-md:hover,.bg-white.p-4.rounded-lg.shadow-md:hover,.bg-white.p-6.rounded-lg.shadow-md:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-2px)!important}.fixed.inset-0.bg-black.bg-opacity-50{z-index:1000!important;background-color:#36364080!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important}.bg-white.p-6.rounded-lg.max-w-md{background:var(--color-neutral-white)!important;width:90%!important;max-width:600px!important;max-height:90vh!important;box-shadow:var(--shadow-lg)!important;border-radius:8px!important;padding:20px!important;overflow-y:auto!important}.inline-flex.px-2.py-1.text-xs.font-semibold.rounded-full{text-transform:uppercase!important;border-radius:12px!important;padding:4px 8px!important;font-size:12px!important;font-weight:500!important}.bg-green-100.text-green-800{background-color:var(--color-support-aqua-green)!important;color:var(--color-primary-green)!important}.bg-gray-100.text-gray-800{background-color:var(--color-neutral-light-gray)!important;color:var(--color-neutral-graphite)!important}.bg-red-100.text-red-800{color:#721c24!important;background-color:#f8d7da!important}.bg-blue-100.text-blue-800{background-color:var(--color-support-light-blue)!important;color:var(--color-primary-blue)!important}.container.mx-auto{max-width:1200px!important;margin:0 auto!important;padding:0 20px!important}.max-w-7xl.mx-auto{max-width:1200px!important;margin:0 auto!important}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)!important}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)!important}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)!important}}@media (min-width:1280px){.xl\:grid-cols-6{grid-template-columns:repeat(6,1fr)!important}}.text-center.py-3,.text-center.text-gray-500{text-align:center!important;color:var(--color-neutral-graphite)!important;opacity:.7!important;padding:20px!important}.bg-red-100.border.border-red-400.text-red-700{color:#721c24!important;background-color:#f8d7da!important;border:1px solid #f5c6cb!important;border-radius:8px!important;margin-bottom:15px!important;padding:12px 16px!important;font-size:14px!important}.bg-blue-100.border-l-4.border-blue-500.text-blue-700{background-color:var(--color-support-light-blue)!important;color:var(--color-primary-blue)!important;border-left:4px solid var(--color-primary-blue)!important;opacity:.9!important;border-radius:8px!important;margin-bottom:15px!important;padding:12px 16px!important}.w-4.h-4,.w-5.h-5,.w-8.h-8{color:var(--color-neutral-graphite)!important;opacity:.7!important}.text-blue-500,.text-blue-600{color:var(--color-primary-blue)!important}.text-red-500,.text-red-600{color:#e74c3c!important}.text-orange-500,.text-orange-600{color:var(--color-accent-orange)!important}.text-yellow-500,.text-yellow-600{color:var(--color-accent-yellow)!important}.text-gray-500,.text-gray-600{color:var(--color-neutral-graphite)!important;opacity:.7!important}.block.text-sm.font-medium.text-gray-700{color:var(--color-neutral-graphite)!important;margin-bottom:.5rem!important;font-size:14px!important;font-weight:500!important;display:block!important}.bg-gray-900.text-gray-100{background-color:var(--color-neutral-graphite)!important;color:var(--color-neutral-white)!important;border-radius:8px!important;padding:20px!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;font-size:12px!important;overflow-x:auto!important}.font-mono.bg-gray-100{background-color:var(--color-neutral-light-gray)!important;border-radius:4px!important;padding:4px 8px!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;font-size:12px!important}.border-t.border-gray-200{border-top:1px solid var(--color-neutral-light-gray)!important}.border-b.border-gray-200{border-bottom:1px solid var(--color-neutral-light-gray)!important}@media (max-width:768px){.md\:grid-cols-2,.md\:grid-cols-3{grid-template-columns:1fr!important}.flex.gap-2,.flex.gap-4{flex-direction:column!important;gap:10px!important}.px-4,.px-6{padding-left:15px!important;padding-right:15px!important}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-white)}.App{min-height:100vh}.layout{min-height:100vh;display:flex}.sidebar{background-color:var(--color-neutral-graphite);width:250px;color:var(--color-neutral-white);height:100vh;padding:20px 0;position:fixed;overflow-y:auto}.sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding:0 20px 20px}.sidebar-header h2{font-size:1.5rem;font-weight:800;font-family:var(--font-headline)}.sidebar-nav{list-style:none}.sidebar-nav li{margin-bottom:5px}.sidebar-nav a{color:var(--color-neutral-white);transition:all var(--transition-normal);padding:12px 20px;text-decoration:none;display:block}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--color-primary-blue);background-color:#ffffff1a}.main-container{flex-direction:column;flex:1;min-height:100vh;margin-left:250px;display:flex}.top-nav{background:var(--color-neutral-white);border-bottom:1px solid var(--color-neutral-light-gray);height:60px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.nav-left{flex:1}.page-title{font-size:1.5rem;font-weight:800;font-family:var(--font-headline);color:var(--color-neutral-graphite);margin:0}.nav-right{align-items:center;gap:15px;display:flex}.user-menu{position:relative}.user-button{cursor:pointer;color:var(--color-neutral-graphite);transition:all var(--transition-normal);background:0 0;border:none;border-radius:50%;align-items:center;padding:8px;display:flex}.user-button:hover{background-color:var(--color-neutral-light-gray);color:var(--color-neutral-graphite)}.user-dropdown{background:var(--color-neutral-white);border:1px solid var(--color-neutral-light-gray);box-shadow:var(--shadow-md);z-index:1000;opacity:0;visibility:hidden;min-width:120px;transition:all var(--transition-normal);border-radius:8px;position:absolute;top:100%;right:0;transform:translateY(-10px)}.user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.logout-button{text-align:left;cursor:pointer;width:100%;color:var(--color-neutral-graphite);transition:all var(--transition-normal);background:0 0;border:none;align-items:center;gap:8px;padding:12px 16px;font-size:14px;display:flex}.logout-button:hover{background-color:var(--color-neutral-light-gray);color:var(--color-neutral-graphite)}.main-content{background-color:var(--color-bg-light);flex:1;padding:20px;overflow-y:auto}.page-header{background:var(--color-neutral-white);box-shadow:var(--shadow-sm);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;display:flex}.page-header h1{color:var(--color-neutral-graphite);font-size:1.8rem;font-weight:800;font-family:var(--font-headline)}.card{background:var(--color-neutral-white);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border-radius:8px;margin-bottom:20px;padding:20px}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--color-neutral-light-gray);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.card-title{font-size:1.2rem;font-weight:800;font-family:var(--font-headline);color:var(--color-neutral-graphite)}.btn{cursor:pointer;font-size:1rem;font-weight:500;font-family:var(--font-body);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-primary-blue);outline-offset:2px}.btn-primary{background-color:var(--color-primary-blue);color:var(--color-neutral-white)}.btn-primary:hover{box-shadow:var(--shadow-md);background-color:#2d5082;transform:translateY(-1px)}.btn-secondary{background-color:var(--color-primary-green);color:var(--color-neutral-white)}.btn-secondary:hover{box-shadow:var(--shadow-md);background-color:#247066;transform:translateY(-1px)}.btn-success{background-color:var(--color-primary-green);color:var(--color-neutral-white)}.btn-success:hover{box-shadow:var(--shadow-md);background-color:#247066;transform:translateY(-1px)}.btn-danger{color:var(--color-neutral-white);background-color:#e74c3c}.btn-danger:hover{box-shadow:var(--shadow-md);background-color:#c0392b;transform:translateY(-1px)}.btn-outline{border:1px solid var(--color-primary-blue);color:var(--color-primary-blue);box-shadow:none;background-color:#0000}.btn-outline:hover{background-color:var(--color-primary-blue);color:var(--color-neutral-white);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-sm{padding:6px 12px;font-size:12px}.table{border-collapse:collapse;background:var(--color-neutral-white);width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-neutral-light-gray);padding:12px}.table th{background-color:var(--color-bg-light);font-weight:600;font-family:var(--font-body);color:var(--color-neutral-graphite)}.table tbody tr:hover{background-color:var(--color-bg-light)}.form-group{margin-bottom:1.5rem}.form-label{color:var(--color-neutral-graphite);margin-bottom:.5rem;font-weight:500;display:block}.form-control{border:1px solid var(--color-neutral-light-gray);width:100%;font-family:var(--font-body);color:var(--color-neutral-graphite);background-color:var(--color-neutral-white);transition:all var(--transition-fast);border-radius:8px;padding:.75rem 1rem;font-size:1rem;line-height:1.5}.form-control:focus{border-color:var(--color-primary-blue);outline:none;box-shadow:0 0 0 3px #4176ba1a}.form-control::placeholder{color:#36364080}.form-control.error{border-color:#e74c3c}.form-error{color:#e74c3c;margin-top:5px;font-size:12px}.form-row{gap:20px;display:flex}.form-col{flex:1}.modal-overlay{z-index:1000;background-color:#36364080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay-full-page{justify-content:stretch;align-items:stretch}.modal{background:var(--color-neutral-white);width:90%;max-width:1400px;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:8px;padding:20px;overflow-y:auto}.modal-full-page{border-radius:0;height:100vh;width:100%!important;max-width:100%!important;max-height:100vh!important}.modal-sm{max-width:400px}.modal-md{max-width:90%}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.modal-header{border-bottom:1px solid var(--color-neutral-light-gray);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.modal-title{font-size:1.3rem;font-weight:800;font-family:var(--font-headline);color:var(--color-neutral-graphite)}.modal-close{cursor:pointer;color:var(--color-neutral-graphite);transition:color var(--transition-fast);background:0 0;border:none;font-size:24px}.modal-close:hover{color:var(--color-primary-blue)}.modal-footer{border-top:1px solid var(--color-neutral-light-gray);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:15px;display:flex}.badge{text-transform:uppercase;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500}.badge-success{background-color:var(--color-support-aqua-green);color:var(--color-primary-green)}.badge-warning{background-color:var(--color-primary-green);color:var(--color-neutral-white)}.badge-info{background-color:var(--color-support-light-blue);color:var(--color-primary-blue)}.loading{justify-content:center;align-items:center;padding:40px;display:flex}.spinner{border:3px solid var(--color-neutral-light-gray);border-top:3px solid var(--color-primary-blue);border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}.pagination{justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.pagination button{border:1px solid var(--color-neutral-light-gray);background:var(--color-neutral-white);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;padding:8px 12px}.pagination button:hover:not(:disabled){background-color:var(--color-bg-light);border-color:var(--color-primary-blue)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination .active{background-color:var(--color-primary-blue);color:var(--color-neutral-white);border-color:var(--color-primary-blue)}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background:var(--color-neutral-white);box-shadow:var(--shadow-sm);text-align:center;transition:all var(--transition-normal);border-radius:8px;padding:20px}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-number{font-size:2rem;font-weight:800;font-family:var(--font-headline);color:var(--color-primary-blue);margin-bottom:5px}.stat-label{color:var(--color-neutral-graphite);opacity:.7;font-size:14px}.feature-list{padding:0;list-style:none}.feature-item{border-bottom:1px solid var(--color-neutral-light-gray);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.feature-item:last-child{border-bottom:none}.feature-info{flex:1}.feature-name{color:var(--color-neutral-graphite);font-weight:500}.feature-description{color:var(--color-neutral-graphite);opacity:.7;margin-top:2px;font-size:14px}.feature-type{background-color:var(--color-neutral-light-gray);color:var(--color-neutral-graphite);border-radius:10px;margin-left:10px;padding:2px 6px;font-size:12px}.filter-toggle{align-items:center;gap:10px;display:flex}.filter-label{color:var(--color-neutral-graphite);font-weight:500}.filter-buttons{gap:5px;display:flex}.filter-button{border:1px solid var(--color-neutral-light-gray);background:var(--color-neutral-white);color:var(--color-neutral-graphite);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;padding:6px 12px;font-size:14px}.filter-button:hover{background-color:var(--color-bg-light);border-color:var(--color-primary-blue)}.filter-button.active{background-color:var(--color-primary-blue);color:var(--color-neutral-white);border-color:var(--color-primary-blue)}.deleted-row{opacity:.6;background-color:var(--color-bg-light)}.deleted-row:hover{background-color:var(--color-neutral-light-gray)}.badge-secondary{background-color:var(--color-neutral-light-gray);color:var(--color-neutral-graphite)}.price-list-form{max-width:800px}.required{color:#e74c3c;font-weight:400}.optional{color:var(--color-neutral-graphite);opacity:.6;font-size:.85em;font-weight:400}.form-help{color:var(--color-neutral-graphite);opacity:.7;margin-top:5px;font-size:.85em}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.checkbox-input{cursor:pointer;width:16px;height:16px;margin-right:8px}.checkbox-text{color:var(--color-neutral-graphite);font-weight:500}.contract-assignment{margin-top:10px}.assignment-info{align-items:center;gap:10px;display:flex}.assignment-status{font-size:14px;font-weight:500}.assignment-status.text-primary{color:var(--color-primary-blue)}.assignment-status.text-success{color:var(--color-primary-green)}.assignment-status.text-warning{color:var(--color-accent-orange)}.assignment-status.text-muted{color:var(--color-neutral-graphite);opacity:.6}.assignment-modal .modal-info{background-color:var(--color-bg-light);border-radius:8px;margin-bottom:20px;padding:15px}.assignment-modal .modal-info p{margin:5px 0;font-size:14px}.assignment-modal .modal-info strong{color:var(--color-neutral-graphite)}.form-divider{text-align:center;color:var(--color-neutral-graphite);opacity:.6;margin:20px 0;font-weight:500;position:relative}.form-divider:before,.form-divider:after{content:"";background-color:var(--color-neutral-light-gray);width:45%;height:1px;position:absolute;top:50%}.form-divider:before{left:0}.form-divider:after{right:0}.btn-outline-primary{border:1px solid var(--color-primary-blue);color:var(--color-primary-blue);background-color:#0000}.btn-outline-primary:hover{background-color:var(--color-primary-blue);color:var(--color-neutral-white)}.btn-outline-primary:disabled{opacity:.5;cursor:not-allowed}.ml-2{margin-left:.5rem}.alert{border-radius:8px;margin-bottom:15px;padding:12px 16px;font-size:14px}.alert-danger{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.mt-2{margin-top:.5rem}.btn-link{color:var(--color-primary-blue);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:4px 8px;text-decoration:none}.btn-link:hover{color:#2d5082}.controller-dropdown{background-color:var(--color-bg-light);border-top:2px solid var(--color-neutral-light-gray);padding:10px 20px}.controller-dropdown .table{margin-bottom:0;font-size:.9em}.controller-dropdown .table th{background-color:var(--color-neutral-light-gray);padding:8px;font-weight:500}.controller-dropdown .table td{padding:8px}.controller-dropdown .text-center{text-align:center;color:var(--color-neutral-graphite);opacity:.7;padding:20px}.controller-dropdown .text-muted{color:var(--color-neutral-graphite);opacity:.7}.tabs{border-bottom:1px solid var(--color-neutral-light-gray);margin-bottom:20px}.tab-list{gap:0;margin:0;padding:0;display:flex}.tab{cursor:pointer;color:var(--color-neutral-graphite);opacity:.7;transition:all var(--transition-normal);background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 24px;font-size:14px;font-weight:500;position:relative}.tab:hover{color:var(--color-neutral-graphite);opacity:1;background-color:var(--color-bg-light)}.tab.active{color:var(--color-primary-blue);opacity:1;border-bottom-color:var(--color-primary-blue)}.tab.active:after{content:"";background-color:var(--color-primary-blue);height:2px;position:absolute;bottom:-1px;left:0;right:0}.form-section{border-bottom:1px solid var(--color-neutral-light-gray);margin-bottom:30px;padding-bottom:20px}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{font-size:1.1rem;font-weight:800;font-family:var(--font-headline);color:var(--color-neutral-graphite);margin-bottom:15px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.form-actions{border-top:1px solid var(--color-neutral-light-gray);justify-content:flex-end;gap:10px;margin-top:30px;padding-top:20px;display:flex}@media (max-width:768px){.sidebar{transition:transform .3s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.form-row{flex-direction:column}.dashboard-stats{grid-template-columns:1fr}.assignment-info{flex-direction:column;align-items:flex-start}}.stripe-payments-tab{padding:20px}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:#495057;background-color:#f8f9fa;border-bottom:2px solid #dee2e6;padding:12px;font-weight:600}.table td{vertical-align:middle;border-bottom:1px solid #dee2e6;padding:12px}.table tr:hover{background-color:#f8f9fa}.badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-success{color:#fff;background-color:#28a745}.badge-danger{color:#fff;background-color:#dc3545}.badge-info{color:#fff;background-color:#17a2b8}.badge-warning{color:#212529;background-color:#ffc107}.badge-secondary{color:#fff;background-color:#6c757d}.badge-primary{color:#fff;background-color:#007bff}.badge-dark{color:#fff;background-color:#343a40}