.profile-dropdown{position:relative}.profile-trigger{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:1px solid var(--color-border, #e0e0e0);border-radius:var(--radius-lg, 8px);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all .2s ease;background-color:var(--color-white)}.profile-trigger:hover{background-color:var(--color-background, #f5f5f5);border-color:var(--color-primary, #036463)}.profile-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary, #036463),var(--color-primary-dark, #024342));display:flex;align-items:center;justify-content:center;color:var(--color-white)}.profile-name{font-weight:500;color:var(--color-text, #333);font-size:.9rem}.chevron{transition:transform .2s ease;color:var(--color-text-light, #666)}.chevron.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + var(--spacing-sm, 8px));right:0;background:var(--color-white);border:1px solid var(--color-border, #e0e0e0);border-radius:var(--radius-lg, 8px);box-shadow:var(--shadow-lg, 0 10px 25px rgba(0, 0, 0, .15));min-width:280px;z-index:1000;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:var(--spacing-lg)}.user-info{display:flex;align-items:center;gap:var(--spacing-md)}.user-avatar-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary, #036463),var(--color-primary-dark, #024342));display:flex;align-items:center;justify-content:center;color:var(--color-white);flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-weight:600;color:var(--color-text, #333);font-size:1rem;margin-bottom:2px}.user-email{font-size:.85rem;color:var(--color-text-light, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background-color:var(--color-border, #e0e0e0);margin:0}.dropdown-items{padding:var(--spacing-sm)}.dropdown-item{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;color:var(--color-text, #333);cursor:pointer;border-radius:var(--radius-md, 6px);transition:background-color .2s ease;font-size:.9rem;text-align:left}.dropdown-item:hover{background-color:var(--color-background, #f5f5f5)}.dropdown-item.logout{color:var(--color-danger, #dc3545)}.dropdown-item.logout:hover{background-color:#dc35451a}@media (max-width: 768px){.profile-name{display:none}.dropdown-menu{min-width:260px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg, 16px);animation:fadeIn .2s ease}.modal-content{background:var(--color-white);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-xl, 0 20px 50px rgba(0, 0, 0, .3));width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl, 24px);border-bottom:1px solid var(--color-border, #e0e0e0)}.modal-title-wrapper{display:flex;align-items:center;gap:var(--spacing-md, 12px)}.modal-icon{color:var(--color-primary, #036463)}.modal-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text, #333)}.modal-close{background:none;border:none;cursor:pointer;padding:var(--spacing-sm, 8px);border-radius:var(--radius-md, 6px);display:flex;align-items:center;justify-content:center;color:var(--color-text-light, #666);transition:all .2s ease}.modal-close:hover{background-color:var(--color-background, #f5f5f5);color:var(--color-text, #333)}.modal-body{padding:var(--spacing-xl, 24px)}.alert{padding:var(--spacing-md, 12px);border-radius:var(--radius-md, 6px);margin-bottom:var(--spacing-lg, 16px);font-size:.9rem}.alert-error{background-color:#fee;color:#c33;border:1px solid #fcc}.alert-success{background-color:#efe;color:#3c3;border:1px solid #cfc}.form-group{margin-bottom:var(--spacing-lg, 20px)}.form-label{display:block;margin-bottom:var(--spacing-sm, 8px);font-weight:500;color:var(--color-text, #333);font-size:.9rem}.password-input-wrapper{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:var(--spacing-md, 12px);padding-right:45px;border:1px solid var(--color-border, #e0e0e0);border-radius:var(--radius-md, 6px);font-size:1rem;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary, #036463);box-shadow:0 0 0 3px #0364631a}.form-input:disabled{background-color:var(--color-background, #f5f5f5);cursor:not-allowed}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:var(--spacing-xs, 4px);display:flex;align-items:center;justify-content:center;color:var(--color-text-light, #666);transition:color .2s ease}.password-toggle:hover{color:var(--color-primary, #036463)}.modal-footer{display:flex;gap:var(--spacing-md, 12px);justify-content:flex-end;margin-top:var(--spacing-xl, 24px)}.btn{padding:var(--spacing-md, 12px) var(--spacing-lg, 20px);border:none;border-radius:var(--radius-md, 6px);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary, #036463);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark, #024342)}.btn-secondary{background-color:var(--color-background, #f5f5f5);color:var(--color-text, #333)}.btn-secondary:hover:not(:disabled){background-color:#e0e0e0}@media (max-width: 600px){.modal-content{max-width:100%;margin:var(--spacing-md, 12px)}.modal-header,.modal-body{padding:var(--spacing-lg, 16px)}.modal-footer{flex-direction:column}.btn{width:100%}}.spotlight-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spotlight-container{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;width:90%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;animation:slideDown .2s ease-out}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.spotlight-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.spotlight-search-icon{color:var(--color-text-secondary);flex-shrink:0}.spotlight-input{flex:1;border:none;outline:none;font-size:1.125rem;color:var(--color-text);background:transparent}.spotlight-input::placeholder{color:var(--color-text-secondary)}.spotlight-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.spotlight-close:hover{background-color:var(--color-background)}.spotlight-results{overflow-y:auto;max-height:400px;padding:var(--spacing-sm)}.spotlight-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease;color:var(--color-text)}.spotlight-item:hover,.spotlight-item.selected{background-color:#0364631a}.spotlight-item svg{color:var(--color-primary);flex-shrink:0}.spotlight-item-label{font-weight:500;flex:1}.spotlight-item-path{font-size:.875rem;color:var(--color-text-secondary)}.spotlight-no-results{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary)}.spotlight-footer{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background-color:var(--color-background);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.spotlight-hint{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--color-text-secondary)}.spotlight-hint kbd{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px;font-family:inherit;font-size:.7rem;box-shadow:0 1px 2px #0000001a}@media (max-width: 768px){.spotlight-overlay{padding-top:10vh}.spotlight-container{width:95%}.spotlight-footer{flex-wrap:wrap;gap:var(--spacing-sm)}}.layout{display:flex;flex-direction:column;min-height:100vh}.top-bar{background-color:var(--color-white);padding:var(--spacing-md) var(--spacing-xl);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;border-bottom:2px solid var(--color-primary);height:60px}.top-bar-left,.top-bar-right{display:flex;align-items:center;gap:var(--spacing-lg)}.logo{font-size:1.5rem;font-weight:700;color:var(--color-primary);white-space:nowrap;margin:0;line-height:1}.content-container{display:flex;flex:1;overflow:hidden;position:relative}.sidebar{background-color:var(--color-primary);color:var(--color-white);transition:transform .3s ease,width .3s ease;overflow-y:auto;overflow-x:hidden;position:fixed;left:0;top:60px;bottom:0;z-index:90;box-shadow:2px 0 8px #00000026}.sidebar.open{width:250px;transform:translate(0)}.sidebar.closed{width:250px;transform:translate(-100%)}.sidebar-toggle{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.sidebar-toggle:hover{background-color:#0364631a}.sidebar-nav{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);color:var(--color-white);text-decoration:none;border-radius:var(--radius-md);transition:background-color .2s ease;white-space:nowrap}.nav-item:hover{background-color:#ffffff1a}.nav-item.active{background-color:#fff3;font-weight:600}.sidebar.closed .nav-item{justify-content:center;padding:var(--spacing-sm);position:relative}.sidebar.closed .nav-item span{display:none}.sidebar.closed .nav-item:after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary-dark);color:var(--color-white);border-radius:var(--radius-md);white-space:nowrap;font-size:.875rem;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000;box-shadow:var(--shadow-md)}.sidebar.closed .nav-item:hover:after{opacity:1}.main-content{flex:1;width:100%;overflow-y:auto;padding:var(--spacing-xl);background-color:var(--color-background)}@media (max-width: 768px){.top-bar{padding:var(--spacing-md) var(--spacing-lg)}.logo{font-size:1.5rem}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#036463,#025352);padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;padding:40px}.login-header{text-align:center;margin-bottom:32px}.login-title{font-size:2rem;font-weight:700;color:#036463;margin:0 0 8px}.login-subtitle{font-size:.95rem;color:#6b7280;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.9rem;text-align:center}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container .input{padding-right:45px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .15s}.password-toggle:hover{color:#036463}.password-toggle:focus{outline:none;color:#036463}.login-button{width:100%;padding:12px;font-size:1rem;font-weight:600;margin-top:8px}.login-footer{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.default-credentials{text-align:center;font-size:.85rem;color:#6b7280;margin:0;padding:12px;background:#f9fafb;border-radius:6px}.default-credentials strong{color:#036463;display:block;margin-bottom:4px}@media (max-width: 480px){.login-box{padding:30px 24px}.login-title{font-size:1.75rem}}.dashboard{max-width:1400px;margin:0 auto}.page-title{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xl);margin-top:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg)}.stat-icon{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-content{flex:1}.stat-label{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-text)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg)}.card-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-primary)}.placeholder-text{color:var(--color-text-secondary);text-align:center;padding:var(--spacing-xl)}@media (max-width: 768px){.stats-grid,.dashboard-grid{grid-template-columns:1fr}}.simple-select{position:relative;min-width:80px}.simple-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm, 8px);padding:var(--spacing-xs, 6px) var(--spacing-sm, 8px);border:1px solid var(--color-border, #e0e0e0);border-radius:var(--radius-md, 6px);background-color:var(--color-white, #ffffff);cursor:pointer;transition:all .2s ease;font-size:.9rem;-webkit-user-select:none;user-select:none}.simple-select-trigger:hover{border-color:var(--color-primary, #036463);background-color:#03646305}.simple-select.open .simple-select-trigger{border-color:var(--color-primary, #036463);box-shadow:0 0 0 3px #0364631a}.simple-select-value{color:var(--color-text, #333);font-weight:500}.simple-select-icon{color:var(--color-text-light, #666);transition:transform .2s ease;flex-shrink:0}.simple-select.open .simple-select-icon{transform:rotate(180deg)}.simple-select-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;right:0;background-color:var(--color-white, #ffffff);border:1px solid var(--color-border, #e0e0e0);border-radius:var(--radius-md, 6px);box-shadow:0 4px 12px #0000001a;z-index:1000;overflow:hidden;max-height:300px;overflow-y:auto;animation:slideUp .15s ease-out}.simple-select.open-down .simple-select-dropdown{bottom:auto;top:calc(100% + 4px);animation:slideDown .15s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.simple-select-option{padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);cursor:pointer;transition:all .15s ease;font-size:.9rem;color:var(--color-text, #333)}.simple-select-option:hover{background-color:#03646314}.simple-select-option.selected{background-color:#0364631f;color:var(--color-primary, #036463);font-weight:600}.simple-select-option:not(:last-child){border-bottom:1px solid var(--color-border, #e0e0e0)}.simple-select-dropdown::-webkit-scrollbar{width:6px}.simple-select-dropdown::-webkit-scrollbar-track{background:transparent}.simple-select-dropdown::-webkit-scrollbar-thumb{background:var(--color-border, #e0e0e0);border-radius:3px}.simple-select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-text-light, #666)}.table-container{background-color:var(--color-white);border-radius:var(--radius-lg, 8px);overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid var(--color-border, #e0e0e0)}.table-controls{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid var(--color-border, #e0e0e0);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-md, 12px);padding:var(--spacing-lg, 16px)}.view-toggle{display:flex;gap:var(--spacing-xs, 4px)}.view-toggle-btn{min-width:40px;height:40px;padding:var(--spacing-sm, 8px);border:1px solid var(--color-border, #e0e0e0);background-color:var(--color-white, #ffffff);color:var(--color-text-light, #666);border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.view-toggle-btn:hover{background-color:#03646314;border-color:var(--color-primary, #036463);color:var(--color-primary, #036463)}.view-toggle-btn.active{background-color:var(--color-primary, #036463);color:var(--color-white, #ffffff);border-color:var(--color-primary, #036463)}.filters-section{flex:1}.filters-header{display:flex;align-items:center;gap:var(--spacing-sm, 8px);color:var(--color-primary, #036463);cursor:pointer;padding:var(--spacing-sm, 8px);border-radius:var(--radius-md, 6px);transition:all .2s ease;-webkit-user-select:none;user-select:none}.filters-header:hover{background-color:#03646314}.filters-header:active{background-color:#0364631f}.filters-title{font-weight:600;font-size:1rem;flex:1;display:flex;align-items:center;gap:var(--spacing-sm, 8px)}.filter-count-badge{background-color:var(--color-primary, #036463);color:var(--color-white, #ffffff);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:12px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.filters-header svg:last-of-type{transition:transform .2s ease}.filters-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-md, 12px);max-height:0;overflow:hidden;opacity:0;transition:all .3s ease;margin-top:0}.filters-grid.show{max-height:500px;opacity:1;margin-top:var(--spacing-md, 12px)}.filter-item{display:flex;flex-direction:column;gap:var(--spacing-xs, 6px);min-width:200px;flex:1}.filter-label{font-size:.85rem;font-weight:500;color:var(--color-text, #333)}.filter-input{padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);border:1px solid var(--color-border, #e0e0e0);border-radius:var(--radius-md, 6px);font-size:.9rem;background-color:var(--color-white, #ffffff);color:var(--color-text, #333);transition:all .2s ease}.filter-input:focus{outline:none;border-color:var(--color-primary, #036463);box-shadow:0 0 0 3px #0364631a}.btn-sm{padding:var(--spacing-xs, 6px) var(--spacing-sm, 8px);font-size:.85rem;display:flex;align-items:center;gap:var(--spacing-xs, 6px)}.table-wrapper{overflow-x:auto;display:none}.table-wrapper.show-desktop{display:block}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem;table-layout:fixed}.table thead{background-color:#036463;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:10}.table th{padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);text-align:left;font-weight:600;color:var(--color-white, #ffffff);font-size:.85rem;text-transform:uppercase;letter-spacing:.8px;position:relative;-webkit-user-select:none;user-select:none;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;min-width:0;vertical-align:top;line-height:1.4}.table th:after{content:"";position:absolute;right:0;top:20px;bottom:20px;width:1px;background-color:#ffffff1a}.table th:last-child:after{display:none}.resize-handle{position:absolute;right:-2px;top:20px;bottom:20px;width:2px;cursor:col-resize;background:transparent;transition:background-color .2s ease;z-index:10;border-radius:2px}.resize-handle:hover{background-color:#fff6;box-shadow:0 0 4px #fff9}.resize-handle.resizing{background-color:#fff9;box-shadow:0 0 8px #fffc}.table th.resizing{background-color:#036463}.th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs, 6px);flex-wrap:wrap;min-width:0}.sortable-header{cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs, 6px);transition:opacity .2s ease;flex-wrap:wrap;min-width:0;flex:1}.sortable-header:hover{opacity:.8}.sort-icons{display:inline-flex;align-items:center;margin-left:var(--spacing-xs, 6px)}.table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease;background-color:var(--color-white)}.table tbody tr:nth-child(2n){background-color:#fafafa}.table tbody tr:last-child{border-bottom:none}.table tbody tr:hover{background-color:#0364630a;transform:scale(1.001);box-shadow:0 2px 8px #0000000f}.table tbody tr.clickable-row{cursor:pointer}.table tbody tr.clickable-row:hover{background-color:#03646314}.table td{padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);color:var(--color-text, #333);vertical-align:top;font-size:.9rem;border-right:1px solid #f5f5f5;min-width:0;line-height:1.5;max-width:0;max-height:5em;overflow:hidden;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;text-overflow:ellipsis}@media (max-width: 1200px){.table td{max-height:3em}}.table td:last-child{border-right:none}.table td .badge{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block}.table td .btn-link,.table td button{white-space:nowrap}.empty-table{text-align:center;padding:var(--spacing-xl, 48px)!important;color:var(--color-text-light, #666);font-style:italic;font-size:1rem;background:linear-gradient(135deg,#f8f9fa,#fff)}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg, 16px);border-top:1px solid var(--color-border, #e0e0e0);background-color:var(--color-background, #f8f9fa);gap:var(--spacing-md, 12px);flex-wrap:wrap}.pagination-info{color:var(--color-text-light, #666);font-size:.9rem}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-lg, 16px);flex-wrap:wrap}.items-per-page{display:flex;align-items:center;gap:var(--spacing-sm, 8px)}.items-per-page label{font-size:.9rem;color:var(--color-text, #333);font-weight:500}.pagination-buttons{display:flex;gap:var(--spacing-xs, 4px)}.pagination-btn{min-width:36px;height:36px;padding:var(--spacing-xs, 6px) var(--spacing-sm, 8px);border:1px solid var(--color-border, #e0e0e0);background-color:var(--color-white, #ffffff);color:var(--color-text, #333);border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:500}.pagination-btn:hover:not(:disabled){background-color:#03646314;border-color:var(--color-primary, #036463);color:var(--color-primary, #036463)}.pagination-btn.active{background-color:var(--color-primary, #036463);color:var(--color-white, #ffffff);border-color:var(--color-primary, #036463)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.ellipsis{cursor:default;border:none;background:transparent}.pagination-btn.ellipsis:hover{background:transparent;border:none}.card-view{display:none;padding:var(--spacing-lg, 16px);gap:var(--spacing-md, 12px)}.card-view.show-desktop{display:block}.table-card{background:var(--color-white, #ffffff);border:1px solid var(--color-border, #e0e0e0);border-radius:var(--radius-md, 6px);padding:var(--spacing-lg, 16px);margin-bottom:var(--spacing-md, 12px);box-shadow:0 1px 3px #0000000f;transition:all .2s ease}.table-card:hover{box-shadow:0 4px 8px #0000001a}.table-card.clickable-card{cursor:pointer}.table-card.clickable-card:hover{border-color:var(--color-primary, #036463);transform:translateY(-2px)}.card-field{display:flex;justify-content:space-between;padding:var(--spacing-sm, 8px) 0;border-bottom:1px solid #f5f5f5;gap:var(--spacing-md, 12px)}.card-field:last-child{border-bottom:none}.card-label{font-weight:600;color:var(--color-text-light, #666);font-size:.85rem;flex-shrink:0}.card-value{color:var(--color-text, #333);font-size:.9rem;text-align:right;word-break:break-word}.empty-card-view{text-align:center;padding:var(--spacing-xl, 48px);color:var(--color-text-light, #666);font-style:italic}@media (max-width: 1024px){.filter-item{min-width:180px}.view-toggle{display:none!important}.card-view{display:block!important}.table-wrapper{display:none!important}.table-pagination{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center}}@media (max-width: 768px){.filter-item{min-width:150px}.pagination-buttons{flex-wrap:wrap;justify-content:center}.pagination-info{text-align:center}}.custom-fields-container{margin-bottom:16px}.custom-fields-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.no-custom-fields{padding:16px;text-align:center;color:#9ca3af;font-style:italic;background:#f9fafb;border-radius:4px;border:1px dashed #e5e7eb}.custom-field-item,.add-custom-field{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.custom-field-key,.custom-field-value{padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;transition:all .2s ease}.custom-field-key:focus,.custom-field-value:focus{outline:none;border-color:#036463;box-shadow:0 0 0 3px #0364631a}.custom-field-key:disabled,.custom-field-value:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.remove-field-btn,.add-field-btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #e0e0e0;background-color:#fff;cursor:pointer;transition:all .2s ease}.remove-field-btn{color:#ef4444}.remove-field-btn:hover{background-color:#fef2f2;border-color:#ef4444}.add-field-btn{color:#036463}.add-field-btn:hover:not(:disabled){background-color:#f0f9f9;border-color:#036463}.add-field-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.custom-field-item,.add-custom-field{grid-template-columns:1fr;gap:6px}.remove-field-btn,.add-field-btn{width:100%;height:36px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:var(--spacing-lg)}.modal-container{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;margin:auto}.lead-form-modal{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border);position:sticky;top:0;background-color:var(--color-white);z-index:10}.modal-title{font-size:1.5rem;font-weight:600;color:var(--color-primary);margin:0}.modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.modal-close:hover{background-color:var(--color-background)}.lead-form{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:"var(--spacing-sm)"}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-weight:500;color:var(--color-text);font-size:.9rem}.phone-input-wrapper{display:flex;gap:var(--spacing-sm);align-items:stretch}.country-code-select{min-width:120px}.phone-input{flex:1}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.radio-option,.checkbox-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.radio-option:hover,.checkbox-option:hover{border-color:var(--color-primary);background-color:#0364630d}.radio-option input[type=radio],.checkbox-option input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.radio-option span,.checkbox-option span{flex:1;font-size:.9rem}.checkbox-option input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox-option:has(input:disabled){opacity:.6;cursor:not-allowed}.checkbox-option:has(input:disabled):hover{border-color:var(--color-border);background-color:transparent}.form-hint{font-size:.85rem;color:var(--color-text-secondary);font-style:italic}.journey-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.journey-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.journey-card:hover{border-color:var(--color-primary);background-color:#0364630d}.journey-card input[type=radio]{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary);margin-top:4px;flex-shrink:0}.journey-content{flex:1}.journey-content h4{margin:0 0 var(--spacing-xs) 0;font-size:1.1rem;color:var(--color-primary);font-weight:600}.journey-subtitle{margin:0 0 var(--spacing-sm) 0;font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.journey-description{margin:0;font-size:.9rem;color:var(--color-text);line-height:1.5}.offerings-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.offering-option-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.offering-option-card:hover{border-color:var(--color-primary);background-color:#0364630d;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.offering-option-card input[type=radio]{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary);margin-top:4px;flex-shrink:0}.offering-option-card input[type=radio]:checked~.offering-option-content{color:var(--color-primary)}.offering-option-card input[type=radio]:checked~.offering-option-content .offering-option-title{color:var(--color-primary)}.offering-option-content{flex:1}.offering-option-title{margin:0 0 var(--spacing-xs) 0;font-size:1.1rem;color:var(--color-text);font-weight:600;transition:color .2s ease}.offering-option-meta{margin:0 0 var(--spacing-sm) 0;font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.offering-option-description{margin:0 0 var(--spacing-sm) 0;font-size:.9rem;color:var(--color-text);line-height:1.5}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);margin-top:var(--spacing-lg)}@media (max-width: 768px){.modal-overlay{padding:0}.modal-container{max-height:100vh;border-radius:0}.lead-form{padding:var(--spacing-lg)}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.custom-select{position:relative;width:100%}.select-trigger{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;min-height:42px}.select-trigger:hover{border-color:var(--color-primary)}.select-trigger.open{border-color:var(--color-primary);box-shadow:0 0 0 3px #0364631a}.select-trigger .placeholder{color:var(--color-text-secondary)}.select-trigger .selected{color:var(--color-text)}.chevron{transition:transform .2s ease;color:var(--color-text-secondary);flex-shrink:0}.chevron.rotate{transform:rotate(180deg)}.select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.select-search{padding:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.select-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;outline:none}.select-search-input:focus{border-color:var(--color-primary)}.select-options{overflow-y:auto;max-height:240px}.select-option{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color .2s ease}.select-option:hover{background-color:#0364630d}.select-option.selected{background-color:#0364631a;color:var(--color-primary);font-weight:500}.select-create-option{display:flex;align-items:center;gap:var(--spacing-sm, 8px);color:var(--color-primary, #036463);font-weight:500;border-top:1px solid var(--color-border, #e0e0e0)}.select-create-option:hover{background-color:#03646314}.select-create-option svg{flex-shrink:0}.select-no-results{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);font-size:.9rem}.select-options::-webkit-scrollbar{width:6px}.select-options::-webkit-scrollbar-track{background:transparent}.select-options::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.select-options::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.task-form-modal{max-width:800px!important;width:90vw!important}.task-form-modal .modal-content{max-width:none!important;width:100%!important;padding:var(--spacing-xl)!important}.task-form-modal .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.task-form-modal .form-full{grid-column:1 / -1}.task-form-modal .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.task-form-modal .form-label.required:after{content:" *";color:#dc2626}.task-form-modal textarea.input{resize:vertical;min-height:100px;font-family:inherit}.task-form-modal .form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}@media (max-width: 768px){.task-form-modal .form-grid{grid-template-columns:1fr}}.customer-view-modal{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.view-modal-header{background:#036463;color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid #024948}.header-content{display:flex;gap:16px;align-items:center;flex:1}.header-icon{width:56px;height:56px;background:#ffffff26;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.customer-name{margin:0;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.customer-company{margin:4px 0 0;font-size:.95rem;color:#ffffffd9;font-weight:500}.close-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-button:hover{background:#fff3;transform:scale(1.05)}.view-modal-body{flex:1;overflow-y:auto;padding:24px;background:#f8f9fa}.info-section{margin-bottom:24px}.info-section:last-child{margin-bottom:0}.section-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#036463;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #036463;display:flex;align-items:center;gap:8px}.section-title-with-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title-with-actions .section-title{margin-bottom:0;border-bottom:none;padding-bottom:0;flex:1}.edit-fields-btn,.save-fields-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #036463;background:#fff;color:#036463;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.edit-fields-btn:hover{background:#f0f9f9}.save-fields-btn{background:#036463;color:#fff}.save-fields-btn:hover{background:#025352}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.info-card:hover{box-shadow:0 4px 12px #0364631a;border-color:#036463;transform:translateY(-2px)}.info-card.full-width{grid-column:1 / -1}.info-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.info-icon{color:#036463;flex-shrink:0}.info-label{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1rem;color:#1f2937;font-weight:500;word-break:break-word;line-height:1.5}.view-modal-footer{padding:16px 24px;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.view-modal-body::-webkit-scrollbar{width:8px}.view-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.view-modal-body::-webkit-scrollbar-thumb{background:#036463;border-radius:4px}.view-modal-body::-webkit-scrollbar-thumb:hover{background:#025352}.comments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding-right:8px}.no-comments{text-align:center;padding:32px;color:#9ca3af;font-style:italic;background:#f9fafb;border-radius:8px;border:2px dashed #e5e7eb}.auth-required-message{text-align:center;padding:32px;color:#036463;font-weight:500;background:#f0f9f9;border-radius:8px;border:2px solid #036463}.comment-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s ease}.comment-item:hover{box-shadow:0 2px 8px #0364631a;border-color:#036463}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.comment-author{display:flex;gap:12px;align-items:center}.author-avatar{width:40px;height:40px;background:#036463;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;flex-shrink:0}.author-name{font-weight:600;color:#1f2937;font-size:.95rem}.comment-time{font-size:.75rem;color:#9ca3af;margin-top:2px}.comment-content{color:#4b5563;line-height:1.6;white-space:pre-wrap;word-break:break-word}.comment-mentions{margin-top:8px;padding:8px 12px;background:#f0f9f9;border-left:3px solid #036463;border-radius:4px;font-size:.85rem;color:#036463}.add-comment-form{display:flex;flex-direction:column;gap:12px;margin-top:16px}.comment-textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical;min-height:80px;transition:all .2s ease}.comment-textarea:focus{outline:none;border-color:#036463;box-shadow:0 0 0 3px #0364631a}.mentions-dropdown{position:absolute;bottom:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 -4px 12px #00000026;margin-bottom:8px;max-height:200px;overflow-y:auto;z-index:10}.mention-option{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:background .2s ease}.mention-option:hover{background:#f0f9f9}.mention-avatar{width:32px;height:32px;background:#036463;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0}.mention-name{font-weight:600;color:#1f2937;font-size:.9rem}.mention-email{font-size:.75rem;color:#9ca3af}.comment-submit-btn{align-self:flex-end;display:flex;align-items:center;gap:8px}@media (max-width: 768px){.customer-view-modal{width:95%;max-height:90vh}.view-modal-header{padding:20px}.header-icon{width:48px;height:48px}.customer-name{font-size:1.25rem}.customer-company{font-size:.9rem}.view-modal-body{padding:20px}.info-grid{grid-template-columns:1fr}.info-card{padding:14px}.comments-list{max-height:300px}.comment-item{padding:12px}.author-avatar{width:36px;height:36px;font-size:.8rem}}@media (max-width: 480px){.header-content{gap:12px}.header-icon{width:40px;height:40px}.customer-name{font-size:1.1rem}.view-modal-body{padding:16px}.info-section{margin-bottom:20px}.comment-textarea{font-size:.9rem}.comment-submit-btn{width:100%;justify-content:center}}.page{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.page-actions{margin-bottom:var(--spacing-lg);display:flex;gap:var(--spacing-md);align-items:center;width:100%}.search-box{position:relative;display:flex;align-items:center;flex:1;min-width:200px}.actions-right{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.actions-right>.btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.collapse-controls{display:flex;gap:var(--spacing-xs)}.collapse-controls .btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;white-space:nowrap}.search-box svg{position:absolute;left:var(--spacing-md);color:var(--color-text-secondary)}.search-box input{padding-left:calc(var(--spacing-md) * 3);width:100%}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color .2s ease}.btn-link:hover{background-color:#0364631a}.view-toggle{display:flex;gap:var(--spacing-xs);background-color:var(--color-background);padding:4px;border-radius:var(--radius-md)}.view-toggle .btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}.loading-state{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-light);font-size:1.1rem}.balance-sheet-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-primary)}.subsection-title{font-size:1rem;font-weight:500;margin-bottom:var(--spacing-sm);color:var(--color-text)}.balance-section{margin-bottom:var(--spacing-lg)}.balance-section:last-child{margin-bottom:0}.total-row{border-top:1px solid var(--color-border)}.grand-total{display:flex;justify-content:space-between;padding:var(--spacing-md);background-color:var(--color-primary-light);border-radius:var(--radius-md);font-size:1.125rem;margin-top:var(--spacing-md)}.balance-check{background-color:#0364630d;border:2px solid var(--color-primary)}.text-right{text-align:right}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.settings-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.section-heading{display:flex;align-items:center;gap:var(--spacing-md);font-size:1.25rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-lg)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.settings-grid .full-width{grid-column:1 / -1}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:var(--spacing-md);color:var(--color-text-secondary);pointer-events:none}.input-with-icon .input,.input-with-icon textarea.input{padding-left:calc(var(--spacing-md) * 3)}.color-input-group{display:flex;gap:var(--spacing-sm);align-items:center}.color-input{width:60px;height:42px;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.color-input-group .input{flex:1}.settings-actions{display:flex;justify-content:flex-end;padding-top:var(--spacing-lg)}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.page-actions{flex-direction:column;align-items:stretch}.search-box{width:100%}.actions-right{flex-wrap:wrap}.collapse-controls{width:100%}.collapse-controls .btn{flex:1}.settings-grid{grid-template-columns:1fr}}.custom-checkbox{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease;-webkit-user-select:none;user-select:none}.custom-checkbox:hover{border-color:var(--color-primary);background-color:#0364630d}.custom-checkbox.disabled{opacity:.6;cursor:not-allowed}.custom-checkbox.disabled:hover{border-color:var(--color-border);background-color:transparent}.checkbox-input{position:absolute;opacity:0;pointer-events:none}.checkbox-box{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-white);transition:all .2s ease;flex-shrink:0}.checkbox-box.checked{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.checkbox-label{flex:1;font-size:.9rem;color:var(--color-text)}.custom-checkbox.disabled .checkbox-label{color:var(--color-text-secondary)}.custom-radio{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease;-webkit-user-select:none;user-select:none}.custom-radio:hover{border-color:var(--color-primary);background-color:#0364630d}.radio-input{position:absolute;opacity:0;pointer-events:none}.radio-box{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-border);border-radius:50%;background-color:var(--color-white);transition:all .2s ease;flex-shrink:0}.radio-box.checked{border-color:var(--color-primary)}.radio-dot{width:10px;height:10px;border-radius:50%;background-color:transparent;transition:background-color .2s ease}.radio-box.checked .radio-dot{background-color:var(--color-primary)}.radio-label{flex:1;font-size:.9rem;color:var(--color-text)}.lead-comments{display:flex;flex-direction:column;gap:var(--spacing-xl);height:100%}.comment-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-light-gray);border-radius:var(--radius-lg)}.comment-input-wrapper{position:relative}.comment-input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;line-height:1.5;resize:vertical;min-height:80px;background-color:var(--color-white)}.comment-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0364631a}.comment-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.comment-form .btn{align-self:flex-end;display:flex;align-items:center;gap:var(--spacing-sm)}.mention-dropdown{position:fixed;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto;z-index:1001;min-width:300px}.mention-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);width:100%;border:none;background:none;cursor:pointer;transition:background-color .2s ease;text-align:left}.mention-item:hover{background-color:#0364630d}.mention-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--color-primary);color:var(--color-white);font-size:.75rem;font-weight:600;flex-shrink:0}.mention-info{flex:1;min-width:0}.mention-name{font-size:.9rem;font-weight:500;color:var(--color-text)}.mention-email{font-size:.8rem;color:var(--color-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comments-list{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1;overflow-y:auto}.comments-loading,.comments-empty{text-align:center;padding:var(--spacing-xxl);color:var(--color-text-light)}.comment-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:box-shadow .2s ease}.comment-item:hover{box-shadow:0 2px 8px #00000014}.comment-item .comment-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--color-primary);color:var(--color-white);font-size:.85rem;font-weight:600;flex-shrink:0}.comment-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.comment-author{font-size:.95rem;font-weight:600;color:var(--color-text)}.comment-date{font-size:.85rem;color:var(--color-text-light)}.comment-text{font-size:1rem;color:var(--color-text);line-height:1.6;word-break:break-word;white-space:pre-wrap}@media (max-width: 768px){.comment-form{padding:var(--spacing-md)}.comment-input{min-height:60px}.mention-dropdown{min-width:250px}.comment-item{padding:var(--spacing-md)}.comment-item .comment-avatar{width:32px;height:32px;font-size:.75rem}}.lead-activity{height:100%;display:flex;flex-direction:column}.activity-loading{text-align:center;padding:var(--spacing-xxl);color:var(--color-text-light)}.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--color-text-light);text-align:center;gap:var(--spacing-md)}.activity-empty svg{color:var(--color-text-lighter)}.activity-empty p{margin:0;font-size:1rem}.activity-timeline{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;gap:var(--spacing-lg);position:relative;padding-bottom:var(--spacing-xl)}.activity-item:last-child{padding-bottom:0}.activity-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0;z-index:1}.activity-line{position:absolute;left:20px;top:40px;bottom:0;width:2px;background-color:var(--color-border)}.activity-content{flex:1;padding-top:var(--spacing-xs)}.activity-description{font-size:.95rem;color:var(--color-text);line-height:1.5;margin-bottom:var(--spacing-xs)}.activity-description strong{font-weight:600;color:var(--color-primary)}.activity-preview{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-light-gray);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);font-style:italic;font-size:.9rem;color:var(--color-text-light)}.activity-date{font-size:.85rem;color:var(--color-text-light)}.activity-changes{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-light-gray);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);font-size:.9rem}.change-item{margin-bottom:var(--spacing-xs);line-height:1.6}.change-item:last-child{margin-bottom:0}.change-item strong{color:var(--color-primary)}.old-value{color:#dc2626;text-decoration:line-through;opacity:.7}.new-value{color:#10b981;font-weight:500}@media (max-width: 768px){.activity-item{gap:var(--spacing-md);padding-bottom:var(--spacing-lg)}.activity-icon{width:32px;height:32px}.activity-icon svg{width:16px;height:16px}.activity-line{left:16px;top:32px}.activity-description{font-size:.9rem}.activity-date{font-size:.8rem}}.lead-view-modal{max-width:100%!important;width:95vw!important;max-height:90vh;display:flex;flex-direction:column}.lead-view-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.lead-view-modal .modal-header>div{display:flex;align-items:center;gap:var(--spacing-md)}.lead-view-modal .modal-title{margin-bottom:0}.modal-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.modal-actions .btn{display:flex;align-items:center;gap:var(--spacing-xs)}.section-divider{margin:var(--spacing-xxl) 0 var(--spacing-lg);padding-top:var(--spacing-xl);border-top:2px solid var(--color-border)}.section-divider:first-of-type{margin-top:var(--spacing-xl)}.section-divider .section-title{font-size:1.2rem;font-weight:600;color:var(--color-primary);margin:0;padding-bottom:0;border-bottom:none}.lead-view-modal .modal-content{flex:1;overflow-y:auto;padding:var(--spacing-xl);max-width:none!important;width:100%!important}.lead-details{display:flex;flex-direction:column;gap:var(--spacing-xl)}.details-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-title{font-size:1.1rem;font-weight:600;color:var(--color-primary);margin:0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.details-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.detail-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.detail-item-content{flex:1;min-width:0}.detail-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background-color:#0364631a;color:var(--color-primary);flex-shrink:0}.detail-label{font-size:.85rem;font-weight:500;color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.detail-value{font-size:1rem;color:var(--color-text);word-break:break-word}.detail-full{margin-bottom:var(--spacing-md)}.detail-full:last-child{margin-bottom:0}.detail-full .detail-label{margin-bottom:var(--spacing-sm)}.detail-full .detail-value{padding:var(--spacing-md);background-color:var(--color-light-gray);border-radius:var(--radius-md);line-height:1.6}.detail-input,.detail-textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;transition:border-color .2s ease}.detail-input:focus,.detail-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0364631a}.detail-textarea{resize:vertical;min-height:80px;line-height:1.5}.tasks-section{margin-top:var(--spacing-md)}.tasks-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.task-group{background:#f9fafb;border-radius:var(--radius-md);padding:var(--spacing-md)}.task-group-title{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.task-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);transition:all .2s ease}.task-card:last-child{margin-bottom:0}.task-card:hover{box-shadow:0 2px 4px #0000000d;border-color:#d1d5db}.task-card.completed{opacity:.8;background:#f9fafb}.task-header{display:flex;justify-content:space-between;align-items:start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.task-title{font-size:.95rem;font-weight:600;color:var(--color-text);margin:0;flex:1}.task-card.completed .task-title{text-decoration:line-through;color:#6b7280}.task-description{font-size:.9rem;color:#6b7280;margin:0 0 var(--spacing-sm);line-height:1.5}.task-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:.85rem;color:#6b7280;flex-wrap:wrap}.task-assignee,.task-due-date{display:flex;align-items:center;gap:4px}.task-actions{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid #e5e7eb;display:flex;gap:var(--spacing-sm)}.task-actions .btn-link{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:500;transition:all .2s ease;background:transparent;border:1px solid currentColor}.task-actions .btn-link:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.loading-text,.no-data-text{text-align:center;color:#9ca3af;padding:var(--spacing-lg);font-style:italic}@media (max-width: 768px){.lead-view-modal{max-width:100%;margin:0;border-radius:0}.lead-view-modal .modal-content{padding:var(--spacing-lg)}.section-divider{margin:var(--spacing-lg) 0 var(--spacing-md);padding-top:var(--spacing-md)}.section-divider .section-title{font-size:1.1rem}}.kanban-board{display:flex;gap:var(--spacing-lg, 16px);padding-bottom:var(--spacing-md, 12px);overflow-x:auto;height:calc(100vh - 250px);min-height:600px;flex-direction:column}.kanban-column{display:flex;flex-direction:column;background-color:var(--color-background, #f5f5f5);border-radius:var(--radius-lg, 8px);overflow:hidden;transition:all .3s ease;width:100%;flex-shrink:0}.kanban-column.collapsed{width:100%;height:auto}.kanban-column.collapsed .kanban-column-content{display:none}.kanban-column.drag-over{background-color:#3b82f61a;box-shadow:0 0 0 2px #3b82f666}.kanban-column-header{padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);background-color:var(--color-white);border-top:4px solid var(--color-primary);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex-shrink:0;gap:var(--spacing-sm, 8px)}.column-title{display:flex;align-items:center;gap:var(--spacing-sm, 8px);width:100%}.collapse-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-light, #666);transition:all .2s ease;border-radius:var(--radius-sm, 4px)}.collapse-btn:hover{color:var(--color-primary, #036463);background-color:#0364631a}.kanban-column.collapsed .column-title{flex-direction:row;align-items:center}.kanban-column.collapsed .column-title h3{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-title h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text, #333);flex:1}.lead-count{background-color:var(--color-background, #f5f5f5);color:var(--color-text-light, #666);padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.kanban-column-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md, 12px);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md, 12px);align-content:start;grid-auto-rows:min-content}.empty-column{display:flex;align-items:center;justify-content:center;grid-column:1 / -1;height:150px;border:2px dashed var(--color-border, #e0e0e0);border-radius:var(--radius-md, 6px);color:var(--color-text-light, #666);font-size:.9rem}.kanban-card{background-color:var(--color-white);border:1px solid var(--color-border, #e0e0e0);border-radius:var(--radius-md, 6px);padding:var(--spacing-md, 12px);cursor:grab;transition:all .2s ease;min-height:220px;height:fit-content;display:flex;flex-direction:column}.kanban-card:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .1));transform:translateY(-2px)}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.5;transform:rotate(2deg)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm, 8px);margin-bottom:var(--spacing-md, 12px)}.card-title{margin:0;font-size:.95rem;font-weight:600;color:var(--color-text, #333);flex:1}.card-details{display:flex;flex-direction:column;gap:var(--spacing-xs, 6px);margin-bottom:var(--spacing-md, 12px)}.card-detail-item{display:flex;align-items:center;gap:var(--spacing-sm, 8px);font-size:.85rem;color:var(--color-text-light, #666)}.card-detail-item svg{flex-shrink:0;color:var(--color-primary, #036463)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.card-meta{display:flex;flex-direction:column;gap:var(--spacing-xs, 4px);padding-top:var(--spacing-sm, 8px);border-top:1px solid var(--color-border, #e0e0e0);flex-shrink:0}.meta-item{display:flex;align-items:center;gap:var(--spacing-sm, 8px);font-size:.8rem}.meta-label{color:var(--color-text-light, #666);font-weight:500}.meta-value{color:var(--color-text, #333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.card-action-btn{margin-top:var(--spacing-sm, 8px);width:100%;padding:8px 12px;background-color:#036463;color:#fff;border:none;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.card-action-btn:hover{background-color:#025352;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.card-action-btn:active{transform:translateY(0)}.badge{padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;white-space:nowrap;flex-shrink:0}.badge-success{background-color:#d1fae5;color:#065f46}.badge-warning{background-color:#fed7aa;color:#92400e}.badge-info{background-color:#dbeafe;color:#1e40af}.btn-icon{background:none;border:none;cursor:pointer;padding:var(--spacing-xs, 4px);border-radius:var(--radius-sm, 4px);display:flex;align-items:center;justify-content:center;color:var(--color-text-light, #666);transition:all .2s ease}.btn-icon:hover{background-color:var(--color-background, #f5f5f5);color:var(--color-text, #333)}.kanban-column-content::-webkit-scrollbar{width:8px}.kanban-column-content::-webkit-scrollbar-track{background:transparent}.kanban-column-content::-webkit-scrollbar-thumb{background:var(--color-border, #e0e0e0);border-radius:4px}.kanban-column-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-light, #666)}.kanban-board::-webkit-scrollbar{height:8px}.kanban-board::-webkit-scrollbar-track{background:transparent}.kanban-board::-webkit-scrollbar-thumb{background:var(--color-border, #e0e0e0);border-radius:4px}.kanban-board::-webkit-scrollbar-thumb:hover{background:var(--color-text-light, #666)}@media (max-width: 1400px){.kanban-column-content{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.kanban-column-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.kanban-board{height:calc(100vh - 200px)}.kanban-column-content{grid-template-columns:1fr}}.task-view-modal{max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.task-view-header{background:#036463;color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.task-view-title{font-size:1.5rem;font-weight:600;margin:0;flex:1;padding-right:1rem}.task-view-content{padding:1.5rem}.task-details-section{background:#f9fafb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.detail-row:last-child{margin-bottom:0}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:.875rem;color:#6b7280;font-weight:500;display:flex;align-items:center;gap:.5rem}.detail-value{font-size:1rem;color:#111827}.detail-value.description{white-space:pre-wrap;line-height:1.6;color:#374151}.comments-section{border-top:1px solid #e5e7eb;padding-top:1.5rem}.section-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.auth-required-message{padding:1rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;text-align:center;font-size:.9rem}.comments-list{max-height:400px;overflow-y:auto;margin-bottom:1rem;padding-right:.5rem}.no-comments{text-align:center;color:#9ca3af;padding:2rem;font-style:italic}.comment{display:flex;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;margin-bottom:.75rem}.comment:last-child{margin-bottom:0}.comment-avatar{width:40px;height:40px;border-radius:50%;background:#036463;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.comment-content{flex:1;min-width:0}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:1rem}.comment-author{font-weight:600;color:#111827;font-size:.9rem}.comment-date{font-size:.75rem;color:#9ca3af;white-space:nowrap}.comment-text{color:#374151;line-height:1.5;margin:0;word-wrap:break-word}.comment-mentions{margin-top:.5rem;padding:.5rem;background:#e0f2f1;border-left:3px solid #036463;font-size:.85rem;color:#036463;border-radius:4px}.comment-input-container{position:relative}.comment-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;resize:vertical;font-family:inherit}.comment-input:focus{outline:none;border-color:#036463;box-shadow:0 0 0 3px #0364631a}.mentions-dropdown{position:absolute;bottom:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 -4px 6px -1px #0000001a;max-height:200px;overflow-y:auto;margin-bottom:.5rem;z-index:1000}.mention-item{padding:.75rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background .15s}.mention-item:hover{background:#f3f4f6}.mention-item svg{color:#6b7280;flex-shrink:0}.mention-email{margin-left:auto;font-size:.85rem;color:#9ca3af}.mention-item-empty{padding:.75rem;text-align:center;color:#9ca3af;font-style:italic}.comment-submit{margin-top:.75rem;display:flex;align-items:center;gap:.5rem}.comment-submit:disabled{opacity:.5;cursor:not-allowed}.comments-list::-webkit-scrollbar{width:8px}.comments-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.comments-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.comments-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.history-section{border-top:1px solid #e5e7eb;padding-top:1.5rem;margin-top:1.5rem}.no-history{text-align:center;color:#9ca3af;padding:2rem;font-style:italic}.history-list{max-height:300px;overflow-y:auto;padding-right:.5rem}.history-entry{padding:1rem;background:#f9fafb;border-left:3px solid #036463;border-radius:6px;margin-bottom:.75rem}.history-entry:last-child{margin-bottom:0}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem}.history-user{font-weight:600;color:#111827;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.history-user svg{color:#036463}.history-date{font-size:.75rem;color:#9ca3af;white-space:nowrap}.history-change{display:flex;flex-direction:column;gap:.5rem}.history-field{font-weight:600;color:#036463;font-size:.85rem}.history-values{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.old-value{padding:.25rem .75rem;background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;border-radius:4px;font-size:.85rem;font-weight:500}.arrow{color:#6b7280;font-weight:700}.new-value{padding:.25rem .75rem;background:#dcfce7;border:1px solid #86efac;color:#166534;border-radius:4px;font-size:.85rem;font-weight:500}.history-list::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.history-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.history-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 768px){.task-view-modal{max-width:100%;max-height:100vh;border-radius:0}.detail-row{grid-template-columns:1fr}.task-view-header{padding:1rem}.task-view-title{font-size:1.25rem}.task-view-content{padding:1rem}.comment-header,.history-header{flex-direction:column;align-items:flex-start;gap:.25rem}.history-values{flex-direction:column;align-items:flex-start;gap:.5rem}.arrow{transform:rotate(90deg)}}.offerings-manager{margin-top:var(--spacing-xl, 24px)}.offerings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg, 16px)}.offerings-list{display:flex;flex-direction:column;gap:var(--spacing-md, 12px)}.offering-card{background-color:var(--color-white, #ffffff);border:1px solid var(--color-border, #e0e0e0);border-radius:var(--radius-lg, 8px);padding:var(--spacing-lg, 16px);transition:all .2s ease}.offering-card.inactive{opacity:.6;background-color:#f5f5f5}.offering-card:hover{box-shadow:0 4px 12px #00000014}.offering-card-header{display:flex;align-items:flex-start;gap:var(--spacing-md, 12px);margin-bottom:var(--spacing-md, 12px)}.offering-drag-handle{cursor:grab;color:var(--color-text-light, #666);padding-top:var(--spacing-xs, 4px)}.offering-drag-handle:active{cursor:grabbing}.offering-title-section{flex:1}.offering-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text, #333)}.offering-meta{margin:var(--spacing-xs, 4px) 0 0;font-size:.9rem;color:var(--color-text-light, #666);font-weight:500}.offering-actions{display:flex;align-items:center;gap:var(--spacing-sm, 8px)}.offering-content{padding-left:32px}.offering-description{margin:0;color:var(--color-text, #333);line-height:1.6}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary, #036463)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.offering-form-card{background-color:var(--color-white, #ffffff);border:2px solid var(--color-primary, #036463);border-radius:var(--radius-lg, 8px);padding:var(--spacing-lg, 16px);margin-bottom:var(--spacing-lg, 16px)}.offering-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md, 12px);padding-bottom:var(--spacing-md, 12px);border-bottom:1px solid var(--color-border, #e0e0e0)}.offering-form-header h3{margin:0;font-size:1.2rem;color:var(--color-text, #333)}.offering-form{display:flex;flex-direction:column;gap:var(--spacing-md, 12px)}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md, 12px)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm, 8px);margin-top:var(--spacing-md, 12px);padding-top:var(--spacing-md, 12px);border-top:1px solid var(--color-border, #e0e0e0)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl, 48px);color:var(--color-text-light, #666);text-align:center}.empty-state svg{color:var(--color-text-lighter, #999);margin-bottom:var(--spacing-md, 12px)}.empty-state p{margin:0;font-size:1rem}@media (max-width: 768px){.offering-card-header{flex-wrap:wrap}.offering-drag-handle{order:-1}.offering-title-section{flex:1 1 100%}.offering-actions{flex:1 1 100%;justify-content:flex-end}.offering-content{padding-left:0}.form-row-3{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #036463;--color-primary-dark: #024645;--color-primary-light: #047a78;--color-white: #ffffff;--color-background: #f8f9fa;--color-text: #1a1a1a;--color-text-secondary: #6c757d;--color-border: #dee2e6;--color-success: #28a745;--color-warning: #ffc107;--color-danger: #dc3545;--color-info: #17a2b8;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px rgba(3, 100, 99, .05);--shadow-md: 0 4px 6px rgba(3, 100, 99, .07);--shadow-lg: 0 10px 15px rgba(3, 100, 99, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text);line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-white);color:var(--color-primary);border:1px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--color-primary)}.table{width:100%;border-collapse:collapse;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden}.table thead{background-color:var(--color-primary);color:var(--color-white)}.table th,.table td{padding:var(--spacing-md);text-align:left}.table tbody tr{border-bottom:1px solid var(--color-border)}.table tbody tr:hover{background-color:#0364630d}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.badge-success{background-color:#28a7451a;color:var(--color-success)}.badge-warning{background-color:#ffc1071a;color:#d39e00}.badge-danger{background-color:#dc35451a;color:var(--color-danger)}.badge-info{background-color:#0364631a;color:var(--color-primary)}