.notification-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);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notification-modal{background:var(--background-white);border-radius:var(--radius-xl);box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a;max-width:500px;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-modal__header{display:flex;align-items:center;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-md)}.notification-modal__icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.notification-modal--success .notification-modal__icon{background-color:var(--success-color);color:#fff}.notification-modal--error .notification-modal__icon{background-color:var(--error-color);color:#fff}.notification-modal--warning .notification-modal__icon{background-color:var(--warning-color);color:#fff}.notification-modal--info .notification-modal__icon{background-color:var(--primary-color);color:#fff}.notification-modal__title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);flex:1}.notification-modal__close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.notification-modal__close:hover{background-color:var(--background-light);color:var(--text-primary)}.notification-modal__body{padding:0 var(--spacing-xl) var(--spacing-lg)}.notification-modal__message{margin:0;color:var(--text-secondary);line-height:1.6;font-size:var(--font-size-base)}.notification-modal__footer{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);display:flex;justify-content:flex-end;gap:var(--spacing-md);border-top:1px solid var(--border-light);background-color:var(--background-light)}@media (max-width: 768px){.notification-modal-overlay{padding:var(--spacing-md)}.notification-modal{max-width:100%}.notification-modal__header{padding:var(--spacing-lg)}.notification-modal__body{padding:0 var(--spacing-lg) var(--spacing-md)}.notification-modal__footer{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);flex-direction:column}.notification-modal__footer .btn{width:100%}}.auth-form{padding:var(--spacing-xl) var(--spacing-lg)}.auth-form h2{display:none}.auth-form form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:var(--spacing-md)}.link-button{background:none;border:none;color:var(--primary-color);text-decoration:underline;cursor:pointer;font-size:inherit;transition:color var(--transition-fast)}.link-button:hover{color:var(--primary-hover)}.password-strength{margin-top:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.strength-indicator{flex:1;height:4px;background-color:var(--border-light);border-radius:2px;overflow:hidden}.strength-bar{height:100%;transition:width var(--transition-normal) ease,background-color var(--transition-normal) ease}.strength-text{font-size:var(--font-size-sm);font-weight:500;min-width:50px}.password-requirements{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:#f8f9fa;border-radius:var(--radius-sm);border-left:3px solid var(--error-color)}.password-requirements ul{margin:0;padding-left:var(--spacing-md);list-style-type:none}.requirement-item{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs);position:relative}.requirement-item:before{content:"✗";color:var(--error-color);font-weight:700;position:absolute;left:-var(--spacing-md)}.access-denied-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-lg)}.access-denied-page__content{text-align:center;max-width:500px;background:var(--background-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 4px 8px var(--shadow-light)}.access-denied-page__icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.access-denied-page__content h1{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:600}.access-denied-page__content p{margin:0 0 var(--spacing-xl) 0;color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.5}.access-denied-page__actions{display:flex;justify-content:center;gap:var(--spacing-md)}@media (max-width: 768px){.access-denied-page{padding:var(--spacing-md)}.access-denied-page__content{padding:var(--spacing-lg)}.access-denied-page__icon{font-size:3rem}}.wizard-navigation{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.wizard-navigation button{padding:.75rem 1.5rem;border:1px solid var(--border-color);border-radius:50px;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.wizard-navigation button:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-hover)}.wizard-navigation button:disabled{opacity:.5;cursor:not-allowed}.wizard-navigation .primary-button{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.wizard-navigation .primary-button:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.step-indicator{display:flex;justify-content:center;margin-bottom:2rem;padding:0 1rem}.step-item{display:flex;align-items:center;position:relative;flex:1;max-width:200px}.step-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px solid var(--border-light);color:var(--text-secondary);font-weight:600;font-size:var(--font-size-sm);position:relative;z-index:2;transition:all .3s ease}.step-item.active .step-circle{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.step-item.completed .step-circle{background:var(--success-color);border-color:var(--success-color);color:#fff}.step-content{margin-left:1rem;flex:1}.step-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.step-description{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.form-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.form-section h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column}.form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.service-line-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1rem}.service-line-card{border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all .2s ease;background:var(--bg-primary)}.service-line-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.service-line-card.selected{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.05)}.service-line-card h4{margin:0 0 .5rem;color:var(--text-primary);font-size:var(--font-size-md);font-weight:600}.service-line-card p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.no-service-lines-message{margin-top:.5rem;color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.pricing-rules-grid{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;max-height:60vh;min-height:300px;overflow-y:scroll;overflow-x:hidden;padding-right:.5rem;flex-shrink:0}.pricing-rules-grid::-webkit-scrollbar{width:8px}.pricing-rules-grid::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.pricing-rules-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.pricing-rules-grid::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.scroll-hint{text-align:center;margin-top:.5rem;padding:.5rem;font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pricing-rule-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-primary);transition:all .2s ease;overflow:hidden;flex-shrink:0}.pricing-rule-card:hover{border-color:var(--border-hover);box-shadow:0 2px 8px #0000001a}.pricing-rule-card.selected{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb),.15)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-light)}.card-details{background:var(--bg-primary)}.card-title-section{display:flex;align-items:center;gap:1rem;flex:1}.rule-checkbox{width:18px;height:18px;accent-color:var(--primary-color)}.rule-title{margin:0;color:var(--text-primary);font-size:var(--font-size-md);font-weight:600}.card-actions{display:flex;align-items:center;gap:1rem}.price-quantity-section{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.price-quantity-row{display:flex;align-items:center;gap:.75rem;justify-content:flex-end}.quantity-display{display:flex;align-items:center;gap:.25rem;font-size:var(--font-size-sm);color:var(--text-secondary)}.quantity-label{font-weight:500}.quantity-input-container{display:flex;flex-direction:column;align-items:center;position:relative}.quantity-input-header{width:60px;padding:.25rem .5rem;padding-right:20px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;text-align:center;transition:all .2s ease}.quantity-input-header::-webkit-outer-spin-button,.quantity-input-header::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input-header[type=number]{-moz-appearance:textfield}.quantity-arrows{display:flex;flex-direction:column;position:absolute;right:2px;top:50%;transform:translateY(-50%);gap:1px}.quantity-arrow{width:14px;height:10px;border:none;background:var(--bg-secondary);color:var(--text-secondary);font-size:7px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:1px}.quantity-arrow:hover{background:var(--primary-color);color:#fff}.quantity-arrow:active{transform:scale(.95)}.quantity-input-header:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.quantity-input-header.invalid{border-color:var(--error-color);box-shadow:0 0 0 2px rgba(var(--error-rgb),.1)}.price-display{display:flex;align-items:center;gap:.25rem}.price-label{font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.validation-section{margin-top:.5rem;width:100%}.rule-price{font-size:var(--font-size-lg);font-weight:700;color:var(--primary-color)}.expand-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:all .2s ease}.expand-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.card-content{padding:1.5rem}.rule-description{margin:0 0 1rem;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.configuration-section{background:transparent;border-radius:var(--radius-md);padding:.75rem;margin-top:.75rem}.quantity-config{margin-bottom:.75rem}.quantity-config label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.quantity-input-group{display:flex;align-items:center;gap:.5rem}.quantity-input{width:100px;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);text-align:center}.quantity-input.invalid{border-color:var(--error-color)}.validation-icon{font-size:var(--font-size-sm)}.validation-icon.error{color:var(--error-color)}.validation-icon.warning{color:var(--warning-color)}.validation-icon.success{color:var(--success-color)}.validation-message{margin-top:.5rem;font-size:var(--font-size-xs);padding:.5rem;border-radius:var(--radius-sm)}.validation-message.error{background:rgba(var(--error-rgb),.1);color:var(--error-color);border:1px solid rgba(var(--error-rgb),.2)}.validation-message.warning{background:rgba(var(--warning-rgb),.1);color:var(--warning-color);border:1px solid rgba(var(--warning-rgb),.2)}.apply-suggestion-button{background:var(--primary-color);color:#fff;border:none;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;margin-top:.5rem;transition:background-color .2s ease}.apply-suggestion-button:hover{background:var(--primary-hover)}.notes-config label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.notes-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);resize:vertical;min-height:60px}.notes-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.tile-details{padding:1rem;border-top:1px solid var(--border-light);background:transparent}.pricing-info{display:flex;flex-direction:column;gap:.5rem}.billing-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.billing-info:last-child{margin-bottom:0}.billing-label{color:var(--text-secondary);font-weight:500}.billing-value{color:var(--text-primary);font-weight:600}.notes-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.notes-section label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.notes-section .notes-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;min-height:60px;transition:all .2s ease}.notes-section .notes-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.notes-section .notes-input::placeholder{color:var(--text-tertiary)}.quote-summary{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;margin-top:1rem}.quote-summary h4{margin:0 0 1.5rem;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.summary-section{margin-bottom:1.5rem}.summary-section:last-child{margin-bottom:0}.summary-section h5{margin:0 0 1rem;color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;border-bottom:1px solid var(--border-light);padding-bottom:.5rem}.summary-section p{margin:0 0 .5rem;color:var(--text-secondary);font-size:var(--font-size-sm)}.summary-section p:last-child{margin-bottom:0}.selected-rule-summary{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.selected-rule-summary:last-child{margin-bottom:0}.selected-rule-summary h6{margin:0 0 .5rem;color:var(--text-primary);font-size:var(--font-size-md);font-weight:600}.selected-rule-summary p{margin:0 0 .25rem;color:var(--text-secondary);font-size:var(--font-size-sm)}.selected-rule-summary p:last-child{margin-bottom:0}.quote-totals{background:var(--bg-primary);border:2px solid var(--primary-color);border-radius:var(--radius-lg);padding:1.5rem;margin-top:1.5rem}.quote-totals h5{margin:0 0 1rem;color:var(--primary-color);font-size:var(--font-size-lg);text-align:center}.total-line{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-light)}.total-line:last-child{border-bottom:none}.total-line.grand-total{border-top:2px solid var(--primary-color);margin-top:.5rem;padding-top:1rem;font-size:var(--font-size-lg);color:var(--primary-color)}.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}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;width:90%;animation:modalSlideIn .3s ease-out}.success-modal .modal-header{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;border-bottom:1px solid var(--border-light)}.success-icon{color:#10b981;font-size:24px}.success-modal .modal-header h3{margin:0;color:var(--text-primary);font-size:18px;font-weight:600}.success-modal .modal-body{padding:16px 24px 24px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.form-row,.service-line-grid{grid-template-columns:1fr}.pricing-rules-grid{gap:.75rem}.step-indicator{flex-direction:column;gap:1rem}.step-item{max-width:none}.step-item:not(:last-child):after{display:none}.step-content{margin-left:0;text-align:center}}.pricing-breakdown-section{margin-top:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-light)}.pricing-breakdown-section .billing-label{display:block;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.breakdown-details{display:flex;flex-direction:column;gap:.5rem}.breakdown-tier{display:grid;grid-template-columns:1fr auto auto auto;gap:.75rem;align-items:center;padding:.5rem;background:var(--bg-primary);border-radius:6px;font-size:var(--font-size-sm)}.tier-range{font-weight:500;color:var(--text-primary)}.tier-quantity,.tier-price{color:var(--text-secondary);font-weight:500}.tier-subtotal{font-weight:600;color:var(--text-primary);text-align:right}.breakdown-total{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-top:.5rem;background:var(--primary-color);color:#fff;border-radius:6px;font-weight:600}.total-label{font-size:var(--font-size-sm)}.total-amount{font-size:var(--font-size-base)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}@media (max-width: 768px){.breakdown-tier{grid-template-columns:1fr;gap:.25rem;text-align:center}.tier-subtotal{text-align:center}}.create-quote-form{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);width:95%;margin:0 auto}.create-quote-form__header{margin-bottom:var(--spacing-lg)}.create-quote-form__header h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:500}.create-quote-form__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.create-quote-form__empty{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary)}.create-quote-form__empty p{margin:0;font-size:var(--font-size-sm)}@media (max-width: 768px){.create-quote-form{padding:var(--spacing-md)}}.quote-filters{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.quote-filters-compact{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.filters-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.filter-item{display:flex;align-items:center;gap:var(--spacing-xs)}.filter-item input,.filter-item select{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-input);color:var(--text-primary);font-size:var(--font-size-sm);min-width:120px}.filter-item input{min-width:200px}.filter-item input:focus,.filter-item select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px var(--primary-color-light)}.advanced-filters{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.filters-header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.filters-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.filter-group input,.filter-group select{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-primary);color:var(--text-primary);font-size:var(--font-size-base);transition:border-color .2s ease}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-alpha)}.search-input-group{display:flex;gap:var(--spacing-xs)}.search-input-group input{flex:1}.search-input-group button{padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.filter-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.filter-actions .btn{display:flex;align-items:center;gap:var(--spacing-xs)}@media (min-width: 768px){.filters-content{grid-template-columns:2fr 1fr 1fr;align-items:end}.filter-actions{grid-column:1 / -1;justify-content:flex-start}}@media (min-width: 1024px){.filters-content{grid-template-columns:2fr 1fr 1fr 1fr}}[data-theme=dark] .quote-filters{background:var(--background-dark);border-color:var(--border-color-dark)}[data-theme=dark] .filters-header{border-bottom-color:var(--border-color-dark)}[data-theme=dark] .filter-actions{border-top-color:var(--border-color-dark)}@media (max-width: 768px){.filters-row{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.filter-item{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.filter-item input,.filter-item select{min-width:auto;width:100%}.advanced-filters{margin-top:var(--spacing-md)}}.quote-list{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden;width:95%;margin:0 auto}.quote-list-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-color)}.header-content h2{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.quote-count{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center}.loading-state .spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.empty-state{color:var(--text-secondary)}.empty-state p{margin:0 0 var(--spacing-lg) 0}.quote-list-error{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xxl);text-align:center;background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:var(--spacing-lg)}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--error-color);margin-bottom:var(--spacing-lg);font-weight:500;font-size:var(--font-size-lg)}.error-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.quotes-table-container{overflow-x:auto}.quotes-table{width:100%;border-collapse:collapse;background:var(--background-white)}.quotes-table th{background:var(--background-light);color:var(--text-primary);font-weight:600;text-align:left;padding:var(--spacing-md);border-top:1px solid var(--border-color);border-bottom:2px solid var(--border-color);border-left:none;border-right:none;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.quotes-table td{padding:var(--spacing-md);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-left:none;border-right:none;vertical-align:middle}.quotes-table tbody tr{border-bottom:1px solid var(--border-color)}.quotes-table tbody tr:hover{background:var(--background-light)}.quote-id{font-weight:600;color:var(--primary-color);font-family:Courier New,monospace}.customer-info{min-width:200px}.customer-name{font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.customer-email{font-size:var(--font-size-sm);color:var(--text-secondary)}.billing-entity,.creator-info{color:var(--text-primary);font-weight:500}.creator-name{font-weight:500;color:var(--text-primary)}.status-cell{text-align:center;vertical-align:middle;position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);border-top:none!important;border-bottom:none!important;height:100%}.quotes-table .status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;text-transform:capitalize}.status-badge.draft{background:var(--warning-bg);color:var(--warning-color)}.status-badge.sent{background:var(--info-bg);color:var(--info-color)}.status-badge.approved{background:var(--success-bg);color:var(--success-color)}.status-badge.rejected{background:var(--error-bg);color:var(--error-color)}.status-badge.expired{background:var(--warning-bg);color:var(--warning-color)}.status-icon{font-size:var(--font-size-xs)}.status-select{background:var(--background-white);border:1px solid var(--border-color);border-bottom:none;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;min-width:100px;transition:all .2s ease;vertical-align:middle;align-self:center}.status-select:hover:not(:disabled){border-color:var(--primary-color);border-bottom:none;background:var(--background-light)}.status-select:focus{outline:none;border-color:var(--primary-color);border-bottom:none;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.status-select:disabled{opacity:.6;cursor:not-allowed;background:var(--background-light)}.status-select option[value=draft]{background:var(--warning-bg);color:var(--warning-color)}.status-select option[value=sent]{background:var(--info-bg);color:var(--info-color)}.status-select option[value=approved]{background:var(--success-bg);color:var(--success-color)}.status-select option[value=rejected]{background:var(--error-bg);color:var(--error-color)}.status-select option[value=expired]{background:var(--warning-bg);color:var(--warning-color)}.status-updating{position:relative;display:inline-block;margin-left:var(--spacing-xs)}.spinner-small{width:16px;height:16px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.quotes-table .total-amount{font-weight:500;color:var(--text-primary);text-align:right;vertical-align:middle;font-size:var(--font-size-base);background:none!important}.created-date{color:var(--text-secondary);font-size:var(--font-size-sm)}.actions{text-align:center}.action-buttons{display:flex;gap:var(--spacing-xs);justify-content:center}.action-buttons .btn-secondary{background:transparent;border:none;color:var(--text-primary)}.action-buttons .btn-secondary:hover:not(:disabled){background:var(--background-light);color:var(--primary-color)}.action-buttons .btn-primary{background:var(--primary-color);border:none;color:#fff}.action-buttons .btn-primary:hover:not(:disabled){background:var(--primary-color-dark, #0056b3);color:#fff}.action-buttons .btn-primary:disabled{opacity:.6;cursor:not-allowed}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--background-light);border-top:1px solid var(--border-color);flex-wrap:wrap}.pagination-numbers{display:flex;align-items:center;gap:var(--spacing-xs);margin:0 var(--spacing-sm)}.pagination-ellipsis{color:var(--text-secondary);font-size:var(--font-size-sm);padding:0 var(--spacing-xs);-webkit-user-select:none;user-select:none}.pagination-info{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;margin-left:var(--spacing-md);white-space:nowrap}@media (max-width: 768px){.quote-list-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.quotes-table{font-size:var(--font-size-sm)}.quotes-table th,.quotes-table td{padding:var(--spacing-sm)}.customer-info{min-width:150px}.action-buttons{flex-direction:column;gap:var(--spacing-xs)}.pagination{flex-direction:column;gap:var(--spacing-sm)}.pagination-numbers{margin:var(--spacing-sm) 0}.pagination-info{margin-left:0;margin-top:var(--spacing-sm)}}@media (max-width: 480px){.quotes-table th:nth-child(3),.quotes-table td:nth-child(3){display:none}.quotes-table th:nth-child(6),.quotes-table td:nth-child(6){display:none}}[data-theme=dark] .quote-list-header,[data-theme=dark] .quotes-table th{background:var(--background-dark);border-bottom-color:var(--border-color-dark)}[data-theme=dark] .quotes-table tbody tr:hover{background:var(--background-dark)}[data-theme=dark] .pagination{background:var(--background-dark);border-top-color:var(--border-color-dark)}.quote-management{min-height:100vh;background:var(--background-secondary)}.management-header{background:var(--background-primary);border-bottom:1px solid var(--border-color);padding:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg)}.header-content h1{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700}.header-content p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.management-content{margin:0 auto}.btn{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.management-header{flex-direction:column;align-items:stretch;text-align:center}.header-actions{justify-content:center}}.api-test-component{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light)}.api-test-component h3{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-xl)}.api-test-component p{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);line-height:1.5}.api-test-component .btn{margin-bottom:var(--spacing-lg)}.api-test-component .alert{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md)}.api-test-component .alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.api-test-component .alert-success{background-color:#efe;border:1px solid #cfc;color:#363}.api-test-component .alert h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-base);font-weight:600}.api-test-component pre{margin:0;font-family:Courier New,monospace;font-size:var(--font-size-sm);white-space:pre-wrap;word-break:break-all}@media (max-width: 768px){.api-test-component{padding:var(--spacing-md)}}.user-list{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.user-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light)}.user-list__filters{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.custom-select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;padding:16px 40px 16px 16px!important;border:1px solid #ddd!important;border-radius:6px!important;background:#fff!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:16px!important;color:#333!important;font-size:16px!important;font-family:inherit!important;transition:all .2s ease!important;min-height:44px!important;line-height:1.5!important;width:100%!important;box-sizing:border-box!important;cursor:pointer!important}.filter-group select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.filter-group select{padding:16px 40px 16px 16px;border:1px solid #ddd;border-radius:6px;background:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;color:#333;font-size:16px;font-family:inherit;transition:all .2s ease;min-height:44px;line-height:1.5;width:100%;box-sizing:border-box;cursor:pointer}.filter-group select:hover:not(:disabled){border-color:var(--primary-hover)}.filter-group select:disabled{background:var(--background-light);cursor:not-allowed;opacity:.6}.filter-group select::-webkit-appearance{-webkit-appearance:none!important}.filter-group select::-moz-appearance{-moz-appearance:none!important}@supports (-webkit-appearance: none){.filter-group select{-webkit-appearance:none!important;background-color:#fff!important;border:1px solid #ddd!important;border-radius:6px!important}}@media screen and (-webkit-min-device-pixel-ratio: 0){.filter-group select{-webkit-appearance:none!important;background-color:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;padding:16px 40px 16px 16px!important;font-size:16px!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:16px!important}}@supports (-webkit-backdrop-filter: blur(1px)){.filter-group select{-webkit-appearance:none!important;background:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;padding:16px 40px 16px 16px!important}}.filter-group select:not([multiple]):not([size]){-webkit-appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:16px!important;padding-right:40px!important}.custom-select::-webkit-appearance{-webkit-appearance:none!important}.custom-select::-moz-appearance{-moz-appearance:none!important}@media screen and (-webkit-min-device-pixel-ratio: 0){.custom-select{-webkit-appearance:none!important;background:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;padding:16px 40px 16px 16px!important;font-size:16px!important}}.user-list__table-container{overflow-x:auto}.user-list__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.user-list__table th,.user-list__table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-light)}.user-list__table th{background:var(--background-light);font-weight:600;color:var(--text-primary);position:sticky;top:0;z-index:10}.user-list__table tbody tr:hover{background:var(--background-light)}.user-name{font-weight:500;color:var(--text-primary)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-height:32px;width:32px;display:flex;align-items:center;justify-content:center}.user-list__pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--background-light);border-top:1px solid var(--border-color)}.pagination-info{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.user-list__filters{flex-direction:column;gap:var(--spacing-md)}.filter-group{min-width:auto}.user-list__table{font-size:var(--font-size-xs)}.user-list__table th,.user-list__table td{padding:var(--spacing-sm)}.action-buttons{flex-direction:column;gap:var(--spacing-xs)}.user-list__pagination{flex-direction:column;gap:var(--spacing-md);text-align:center}}@media (max-width: 480px){.user-list__table-container{font-size:var(--font-size-xs)}.user-list__table th,.user-list__table td{padding:var(--spacing-xs)}.user-name{font-size:var(--font-size-xs)}.status-badge,.verified-badge,.role-badge{font-size:10px;padding:2px 4px}}.user-form{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.user-form__header{padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-color)}.user-form__header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.user-form__content{padding:var(--spacing-lg)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.form-input{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-white);color:var(--text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast);font-family:inherit}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer;pointer-events:auto}.checkbox-text{-webkit-user-select:none;user-select:none}.user-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);margin-top:var(--spacing-lg)}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:var(--spacing-md)}.user-form__header,.user-form__content{padding:var(--spacing-md)}.user-form__actions{flex-direction:column}.user-form__actions .btn{width:100%}}@media (max-width: 480px){.user-form__header h3{font-size:var(--font-size-lg)}.form-input{padding:var(--spacing-sm) var(--spacing-md)}.password-toggle{right:var(--spacing-sm)}}.billing-entity-checkbox .checkbox-label input[type=checkbox]{margin:2px 0 0;flex-shrink:0;pointer-events:auto;cursor:pointer}@media (max-width: 768px){.billing-entities-grid{grid-template-columns:1fr}.form-section{padding:var(--spacing-md)}}.password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.password-modal{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 10px 25px var(--shadow-medium);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.password-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--background-light);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.password-modal__header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.password-modal__close{background:none;border:none;font-size:var(--font-size-xxl);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color var(--transition-fast);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.password-modal__close:hover:not(:disabled){color:var(--text-primary);background:var(--background-white)}.password-modal__close:disabled{cursor:not-allowed;opacity:.5}.password-modal__content{padding:var(--spacing-lg)}.password-modal__user-info{margin:0 0 var(--spacing-lg) 0;padding:var(--spacing-md);background:var(--background-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.password-modal__user-info strong{color:var(--text-primary)}.password-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);margin-top:var(--spacing-lg)}@media (max-width: 768px){.password-modal-overlay{padding:var(--spacing-sm)}.password-modal__header,.password-modal__content{padding:var(--spacing-md)}.password-modal__actions{flex-direction:column}.password-modal__actions .btn{width:100%}}@media (max-width: 480px){.password-modal__header h3{font-size:var(--font-size-lg)}.form-input{padding:var(--spacing-sm) var(--spacing-md)}.password-toggle{right:var(--spacing-sm)}}.user-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.user-management__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.header-icon{font-size:var(--font-size-base);color:var(--primary-color);background:none!important;border:none!important;border-radius:0!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;transform:scale(.25)!important}.header-icon svg{transform:scale(.25)!important}.user-management .header-icon{transform:scale(.25)!important}.user-management .header-icon svg{transform:scale(.25)!important}.admin-header .header-icon{transform:scale(.25)!important}.admin-header .header-icon svg{transform:scale(.25)!important}.svg-inline--fa.fa-users.header-icon{transform:scale(.25)!important}.svg-inline--fa.fa-users.header-icon svg{transform:scale(.25)!important}.user-management .svg-inline--fa.fa-users.header-icon{transform:scale(.25)!important}.user-management .svg-inline--fa.fa-users.header-icon svg{transform:scale(.25)!important}.admin-header-title h2{white-space:nowrap}.admin-header{padding:0!important;margin:0!important}.admin-header-content,.admin-header-title{padding:0!important;margin:0!important;gap:0!important}.admin-header-title h2,.admin-header-title p{margin:0!important;padding:0!important}.user-management .admin-header{padding:0!important;margin:0!important}.user-management .admin-header-content{padding:0!important;margin:0!important;gap:0!important}.user-management__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);border-bottom:none}.user-management__header h1{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:600}.user-management__header p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.user-management__content{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.alert-success{background:#51cf661a;border:1px solid rgba(81,207,102,.2);color:var(--success-color);padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center;font-weight:500}@media (max-width: 768px){.user-management__header{padding:var(--spacing-md)}.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.header-title h1{font-size:var(--font-size-xl)}}@media (max-width: 480px){.header-icon{font-size:var(--font-size-base);transform:scale(.25)!important}.header-icon svg{transform:scale(.25)!important}.user-management .header-icon{transform:scale(.25)!important}.user-management .header-icon svg{transform:scale(.25)!important}.admin-header .header-icon{transform:scale(.25)!important}.admin-header .header-icon svg{transform:scale(.25)!important}.svg-inline--fa.fa-users.header-icon{transform:scale(.25)!important}.svg-inline--fa.fa-users.header-icon svg{transform:scale(.25)!important}.user-management .svg-inline--fa.fa-users.header-icon{transform:scale(.25)!important}.user-management .svg-inline--fa.fa-users.header-icon svg{transform:scale(.25)!important}}.service-line-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-line-list__filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:end;padding:var(--spacing-lg);background:var(--background-light);border-radius:var(--radius-md);border:1px solid var(--border-color)}.service-line-list__table-container{background:var(--background-white);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;box-shadow:0 2px 4px var(--shadow-light)}.service-line-list__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.service-line-list__table th{background:var(--background-light);padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.service-line-list__table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle}.service-line-list__table tbody tr:hover{background:var(--background-light)}.service-line-list__table tbody tr:last-child td{border-bottom:none}.service-line-name{font-weight:500;color:var(--text-primary)}.service-line-description{color:var(--text-secondary);max-width:300px;word-wrap:break-word}.service-line-list__actions{display:flex;gap:var(--spacing-xs);align-items:center}.service-line-list__empty{text-align:center;color:var(--text-secondary);font-style:italic;padding:var(--spacing-xl)!important}.service-line-list__pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--background-white);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:0 2px 4px var(--shadow-light)}.service-line-list__pagination span{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.billing-entities-cell{min-width:150px}.billing-entity-tag{display:inline-block;padding:2px 6px;background:var(--primary-light);color:var(--primary-dark);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.billing-entity-more{display:inline-block;padding:2px 6px;background:var(--background-light);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;border:1px solid var(--border-color)}@media (max-width: 768px){.service-line-list__filters{flex-direction:column;align-items:stretch}.search-group,.filter-group{min-width:auto}.service-line-list__table-container{overflow-x:auto}.service-line-list__table{min-width:600px}.service-line-description{max-width:200px}.service-line-list__pagination{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width: 480px){.service-line-list__filters{padding:var(--spacing-md)}.service-line-list__table th,.service-line-list__table td{padding:var(--spacing-sm)}.service-line-list__actions{flex-direction:column;gap:var(--spacing-xs)}}.service-line-form{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.service-line-form__header{padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-color)}.service-line-form__header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.service-line-form form{padding:var(--spacing-lg)}.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.service-line-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);margin-top:var(--spacing-lg)}@media (max-width: 768px){.service-line-form__header,.service-line-form form{padding:var(--spacing-md)}.service-line-form__actions{flex-direction:column}.service-line-form__actions .btn{width:100%}.billing-entities-grid{grid-template-columns:1fr}.form-section{padding:var(--spacing-md)}}@media (max-width: 480px){.service-line-form__header h3{font-size:var(--font-size-lg)}.form-input,.form-textarea{padding:var(--spacing-sm) var(--spacing-md)}}.service-line-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-line-management__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-line-management__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);border-bottom:none}.service-line-management__header p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.service-line-management__content{flex:1}.service-line-item-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-line-item-list__filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:end;padding:var(--spacing-lg);background:var(--background-light);border-radius:var(--radius-md);border:1px solid var(--border-color)}.search-input-container{display:flex;gap:var(--spacing-xs);align-items:center}.search-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--background-white);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #61dafb1a}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:120px}.filter-group label{font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-group select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--background-white);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #61dafb1a}.service-line-item-list__table-container{background:var(--background-white);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;box-shadow:0 2px 4px var(--shadow-light)}.service-line-item-list__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.service-line-item-list__table th{background:var(--background-light);padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.service-line-item-list__table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle}.service-line-item-list__table tbody tr:hover{background:var(--background-light)}.service-line-item-list__table tbody tr:last-child td{border-bottom:none}.item-name{font-weight:500;color:var(--text-primary);font-family:monospace;font-size:var(--font-size-xs)}.item-display-name{font-weight:500;color:var(--text-primary)}.item-description{color:var(--text-secondary);max-width:200px;word-wrap:break-word}.status-badge--inactive{background:#ffa7261a;color:var(--warning-color);border:1px solid rgba(255,167,38,.2)}.status-badge--archived{background:#ff6b6b1a;color:var(--error-color);border:1px solid rgba(255,107,107,.2)}.status-badge--unknown{background:#9e9e9e1a;color:var(--text-secondary);border:1px solid rgba(158,158,158,.2)}.visibility-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.visibility-badge--visible{background:#51cf661a;color:var(--success-color);border:1px solid rgba(81,207,102,.2)}.visibility-badge--hidden{background:#9e9e9e1a;color:var(--text-secondary);border:1px solid rgba(158,158,158,.2)}.service-line-item-list__actions{display:flex;gap:var(--spacing-xs);align-items:center}.service-line-item-list__empty{text-align:center;color:var(--text-secondary);font-style:italic;padding:var(--spacing-xl)!important}.service-line-item-list__pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--background-white);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:0 2px 4px var(--shadow-light)}.service-line-item-list__pagination span{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}@media (max-width: 768px){.service-line-item-list__filters{flex-direction:column;align-items:stretch}.search-group,.filter-group{min-width:auto}.service-line-item-list__table-container{overflow-x:auto}.service-line-item-list__table{min-width:800px}.item-description{max-width:150px}.service-line-item-list__pagination{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width: 480px){.service-line-item-list__filters{padding:var(--spacing-md)}.service-line-item-list__table th,.service-line-item-list__table td{padding:var(--spacing-sm)}.service-line-item-list__actions{flex-direction:column;gap:var(--spacing-xs)}}.service-line-item-form{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.service-line-item-form__header{padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-color)}.service-line-item-form__header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.service-line-item-form form{padding:var(--spacing-lg)}.form-input,.form-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-white);color:var(--text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast);font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #61dafb1a}.form-input:hover:not(:disabled),.form-textarea:hover:not(:disabled){border-color:var(--primary-hover)}.form-input:disabled,.form-textarea:disabled{background:var(--background-light);cursor:not-allowed;opacity:.6}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-base);color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.checkbox-text{font-weight:500}.service-line-item-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);margin-top:var(--spacing-lg)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500}@media (max-width: 768px){.service-line-item-form__header,.service-line-item-form form{padding:var(--spacing-md)}.form-row{grid-template-columns:1fr;gap:var(--spacing-md)}.service-line-item-form__actions{flex-direction:column}.service-line-item-form__actions .btn{width:100%}.billing-entities-grid{grid-template-columns:1fr}.form-section{padding:var(--spacing-md)}}@media (max-width: 480px){.service-line-item-form__header h3{font-size:var(--font-size-lg)}.form-input,.form-textarea{padding:var(--spacing-sm) var(--spacing-md)}}.service-line-item-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-line-item-management__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-line-item-management__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);border-bottom:none}.header-title{display:flex;align-items:center;gap:var(--spacing-md)}.header-icon{font-size:var(--font-size-base);color:var(--primary-color);background:none!important;border:none!important;border-radius:0!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;transform:scale(.5)}.service-line-item-management__header p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.service-line-item-management__content{flex:1}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);font-weight:500}.alert-success{background:#51cf661a;color:var(--success-color);border:1px solid rgba(81,207,102,.2)}.alert-error{background:#ff6b6b1a;color:var(--error-color);border:1px solid rgba(255,107,107,.2)}.alert__close-btn{background:none;border:none;color:inherit;font-size:var(--font-size-lg);cursor:pointer;padding:0;margin-left:var(--spacing-sm);opacity:.7;transition:opacity var(--transition-fast)}.alert__close-btn:hover{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #61dafb4d}.btn-secondary{background:var(--background-white);color:var(--text-primary);border:none}.btn-danger{background:var(--error-color);color:#fff;border-color:var(--error-color)}.btn-danger:hover:not(:disabled){background:var(--error-hover);border-color:var(--error-hover);transform:translateY(-1px);box-shadow:0 4px 8px #ff6b6b4d}.btn-success{background:var(--success-color);color:#fff;border-color:var(--success-color)}.btn-success:hover:not(:disabled){background:var(--success-hover);border-color:var(--success-hover);transform:translateY(-1px);box-shadow:0 4px 8px #51cf664d}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.mr-2{margin-right:var(--spacing-xs)}@media (max-width: 768px){.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.header-title{justify-content:center;text-align:center}.header-title h2{font-size:var(--font-size-lg)}}@media (max-width: 480px){.header-content{padding:var(--spacing-md)}.header-title{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.header-icon{font-size:var(--font-size-base);transform:scale(.5)}.header-title h2{font-size:var(--font-size-base)}.header-title p{font-size:var(--font-size-sm)}}.billing-arrangement-list{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.billing-arrangement-list__filters{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light);flex-wrap:wrap}.billing-arrangement-list__table-container{overflow-x:auto}.billing-arrangement-list__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.billing-arrangement-list__table th{background:var(--background-light);color:var(--text-secondary);font-weight:600;text-align:left;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);white-space:nowrap}.billing-arrangement-list__table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);vertical-align:middle}.billing-arrangement-list__table tbody tr:hover{background:var(--background-light)}.billing-arrangement-list__empty{text-align:center;color:var(--text-light);font-style:italic;padding:var(--spacing-xl)!important}.arrangement-name{font-weight:500;color:var(--text-primary)}.arrangement-description{color:var(--text-secondary);max-width:300px;word-wrap:break-word}.billing-arrangement-list__pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--background-light);border-top:1px solid var(--border-light);flex-wrap:wrap;gap:var(--spacing-md)}@media (max-width: 768px){.billing-arrangement-list__filters{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.search-group{min-width:auto}.billing-arrangement-list__pagination{flex-direction:column;text-align:center}.billing-arrangement-list__table th,.billing-arrangement-list__table td{padding:var(--spacing-sm) var(--spacing-md)}.arrangement-description{max-width:200px}}.billing-arrangement-form{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.billing-arrangement-form__header{padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light)}.billing-arrangement-form__header h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.billing-arrangement-form__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.billing-arrangement-form__form{padding:var(--spacing-lg)}@media (max-width: 768px){.billing-arrangement-form__header,.billing-arrangement-form__form{padding:var(--spacing-md)}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.billing-arrangement-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.billing-arrangement-management__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.billing-arrangement-management__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);border-bottom:none;margin-bottom:var(--spacing-lg)}.billing-arrangement-management__header p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.billing-arrangement-management__content{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}@media (max-width: 768px){.billing-arrangement-management__header{padding:var(--spacing-md)}.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.header-title h1{font-size:var(--font-size-xl)}}.billing-frequency-list{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.billing-frequency-list__filters{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light);flex-wrap:wrap}.billing-frequency-list__table-container{overflow-x:auto}.billing-frequency-list__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.billing-frequency-list__table th{background:var(--background-light);color:var(--text-secondary);font-weight:600;text-align:left;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);white-space:nowrap}.billing-frequency-list__table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);vertical-align:middle}.billing-frequency-list__table tbody tr:hover{background:var(--background-light)}.billing-frequency-list__empty{text-align:center;color:var(--text-light);font-style:italic;padding:var(--spacing-xl)!important}.frequency-name{font-weight:500;color:var(--text-primary)}.frequency-description{color:var(--text-secondary);max-width:300px;word-wrap:break-word}.billing-frequency-list__pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--background-light);border-top:1px solid var(--border-light);flex-wrap:wrap;gap:var(--spacing-md)}@media (max-width: 768px){.billing-frequency-list__filters{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.search-group{min-width:auto}.billing-frequency-list__pagination{flex-direction:column;text-align:center}.billing-frequency-list__table th,.billing-frequency-list__table td{padding:var(--spacing-sm) var(--spacing-md)}.frequency-description{max-width:200px}}.billing-frequency-form{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.billing-frequency-form__header{padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light)}.billing-frequency-form__header h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.billing-frequency-form__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.billing-frequency-form__form{padding:var(--spacing-lg)}.form-input,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--background-white);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled,.form-textarea:disabled{background:var(--background-light);color:var(--text-light);cursor:not-allowed}.form-input--error,.form-textarea--error{border-color:var(--error-color)!important;box-shadow:0 0 0 3px #ff6b6b1a!important}@media (max-width: 768px){.billing-frequency-form__header,.billing-frequency-form__form{padding:var(--spacing-md)}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.billing-frequency-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.billing-frequency-management__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.billing-frequency-management__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);border-bottom:none;margin-bottom:var(--spacing-lg)}.billing-frequency-management__header p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.billing-frequency-management__content{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}@media (max-width: 768px){.billing-frequency-management__header{padding:var(--spacing-md)}.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.header-title h1{font-size:var(--font-size-xl)}}.price-list{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.price-list__filters{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light);flex-wrap:wrap}.price-list__table-container{overflow-x:auto}.price-list__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.price-list__table th{background:var(--background-light);color:var(--text-secondary);font-weight:600;text-align:left;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);white-space:nowrap}.price-list__table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);vertical-align:middle}.price-list__table tbody tr:hover{background:var(--background-light)}.price-list__empty{text-align:center;color:var(--text-light);font-style:italic;padding:var(--spacing-xl)!important}.price-name{font-weight:500;color:var(--text-primary)}.price-description{color:var(--text-secondary);max-width:250px;word-wrap:break-word}.threshold-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.no-threshold{color:var(--text-light);font-style:italic;font-size:var(--font-size-xs)}.rule-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--warning-color);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;font-family:monospace}.no-rule{color:var(--text-light);font-style:italic;font-size:var(--font-size-xs)}.setup-fee-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.setup-fee-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.setup-fee-method{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--secondary-color);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.setup-fee-value{font-size:var(--font-size-xs);color:var(--text-secondary);font-family:monospace;word-break:break-all}.no-setup-fee{color:var(--text-light);font-style:italic;font-size:var(--font-size-xs)}.currency-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--info-color);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.status-badge.active{background:var(--success-color);color:#fff}.status-badge.inactive{background:var(--error-color);color:#fff}.price-list__pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--background-light);border-top:1px solid var(--border-light);flex-wrap:wrap;gap:var(--spacing-md)}@media (max-width: 768px){.price-list__filters{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.search-group{min-width:auto}.filter-group{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.filter-group label{white-space:normal}.price-list__pagination{flex-direction:column;text-align:center}.price-list__table th,.price-list__table td{padding:var(--spacing-sm) var(--spacing-md)}.price-description{max-width:150px}}.price-form{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.price-form__header{padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light)}.price-form__header h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.price-form__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.price-form__form{padding:var(--spacing-lg)}.form-group:has(.checkbox-container){display:block}.form-checkbox{margin-right:var(--spacing-sm);cursor:pointer}.checkbox-label{cursor:pointer;font-weight:500;white-space:nowrap}.form-label .form-checkbox{margin-right:0;flex-shrink:0}.form-label:has(.form-checkbox),.form-label.checkbox-container{display:inline-flex;align-items:center;gap:6px;width:auto}.pricing-thresholds-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--background-light);border-radius:var(--radius-md);border:1px solid var(--border-light)}.pricing-thresholds-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.pricing-thresholds-section h4{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.thresholds-table{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--background-white)}.thresholds-header{display:grid;grid-template-columns:1fr 1fr 1fr 80px;background:var(--background-light);border-bottom:1px solid var(--border-color)}.thresholds-header .threshold-cell{padding:var(--spacing-sm) var(--spacing-md);font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary);border-right:1px solid var(--border-color)}.thresholds-header .threshold-cell:last-child{border-right:none}.thresholds-row{display:grid;grid-template-columns:1fr 1fr 1fr 80px;border-bottom:1px solid var(--border-light)}.thresholds-row:last-child{border-bottom:none}.thresholds-row .threshold-cell{padding:var(--spacing-sm) var(--spacing-md);border-right:1px solid var(--border-light);display:flex;align-items:center}.thresholds-row .threshold-cell:last-child{border-right:none;justify-content:center}.form-input-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.mr-1{margin-right:var(--spacing-xs)}.add-threshold-btn{min-width:40px;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.btn-remove-threshold{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);min-width:32px;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.btn-remove-threshold:hover{background:var(--background-hover);border-color:var(--text-secondary);color:var(--text-primary)}.btn-remove-threshold:disabled{opacity:.5;cursor:not-allowed}.setup-fee-section{margin-bottom:var(--spacing-lg)}.setup-fee-section h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.setup-fee-notice{background:var(--info-bg);border:1px solid var(--info-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--info-color)}@media (max-width: 768px){.price-form__header,.price-form__form{padding:var(--spacing-md)}.form-row{grid-template-columns:1fr;gap:var(--spacing-md)}.form-row .form-group{margin-bottom:var(--spacing-lg)}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.price-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.price-management__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.price-management__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);border-bottom:none;margin-bottom:var(--spacing-lg)}.price-management__header p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.header-title p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:400;opacity:.8}.price-management__content{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}@media (max-width: 768px){.price-management__header{padding:var(--spacing-md)}.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.header-title h1{font-size:var(--font-size-xl)}}.service-line-item-pricing-rule-list{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.service-line-item-pricing-rule-list__filters{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light);flex-wrap:wrap}.filter-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);white-space:nowrap}.filter-group select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--background-white);color:var(--text-primary);cursor:pointer;min-width:120px}.service-line-item-pricing-rule-list__table-container{overflow-x:auto}.service-line-item-pricing-rule-list__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.service-line-item-pricing-rule-list__table th{background:var(--background-light);color:var(--text-secondary);font-weight:600;text-align:left;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);white-space:nowrap}.service-line-item-pricing-rule-list__table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);vertical-align:middle}.service-line-item-pricing-rule-list__table tbody tr:hover{background:var(--background-light)}.service-line-item-pricing-rule-list__empty{text-align:center;color:var(--text-light);font-style:italic;padding:var(--spacing-xl)!important}.service-line-item-name,.pricing-rule-name{font-weight:500;color:var(--text-primary)}.custom-name,.custom-description{color:var(--text-secondary);max-width:200px;word-wrap:break-word}.price-amount{font-weight:600;color:var(--success-color);font-size:var(--font-size-base)}.primary-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.primary-badge.primary{background:var(--success-color);color:#fff}.primary-badge.secondary{background:var(--warning-color);color:#fff}.sort-order-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--info-color);color:#000;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.currency-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.service-line-item-pricing-rule-list__pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--background-light);border-top:1px solid var(--border-light);flex-wrap:wrap;gap:var(--spacing-md)}@media (max-width: 768px){.service-line-item-pricing-rule-list__filters{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.search-group{min-width:auto}.filter-group{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.filter-group label{white-space:normal}.service-line-item-pricing-rule-list__pagination{flex-direction:column;text-align:center}.service-line-item-pricing-rule-list__table th,.service-line-item-pricing-rule-list__table td{padding:var(--spacing-sm) var(--spacing-md)}.custom-name,.custom-description{max-width:150px}}.service-line-item-pricing-rule-form{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.service-line-item-pricing-rule-form__header{padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light)}.service-line-item-pricing-rule-form__header h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.service-line-item-pricing-rule-form__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.service-line-item-pricing-rule-form__form{padding:var(--spacing-lg)}.form-row .form-group{margin-bottom:0}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--background-white);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background:var(--background-light);color:var(--text-light);cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-select{cursor:pointer}.form-checkbox{cursor:pointer;flex-shrink:0;border:none!important;outline:none!important;box-shadow:none!important;background:none}.checkbox-group{margin-top:var(--spacing-sm)}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:500;margin:0;gap:var(--spacing-sm);border:none;outline:none;background:none}.checkbox-text{white-space:nowrap;line-height:1.2}.form-help{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-light);line-height:1.4}.form-input--error,.form-textarea--error,.form-select--error{border-color:var(--error-color)!important;box-shadow:0 0 0 3px #ff6b6b1a!important}@media (max-width: 768px){.service-line-item-pricing-rule-form__header,.service-line-item-pricing-rule-form__form{padding:var(--spacing-md)}.form-row{grid-template-columns:1fr;gap:var(--spacing-md)}.form-row .form-group{margin-bottom:var(--spacing-lg)}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.service-line-item-pricing-rule-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-line-item-pricing-rule-management__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-line-item-pricing-rule-management__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);border-bottom:none;margin-bottom:var(--spacing-lg)}.service-line-item-pricing-rule-management__header p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.service-line-item-pricing-rule-management__content{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}@media (max-width: 768px){.service-line-item-pricing-rule-management{padding:var(--spacing-md)}.header-content{flex-direction:column;align-items:stretch}.header-title{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.header-icon{font-size:var(--font-size-base);transform:scale(.5)}.header-title h2{font-size:var(--font-size-xl)}}.app-settings-list{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.app-settings-list__filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light);align-items:end}.app-settings-list__table-container{overflow-x:auto}.app-settings-list__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.app-settings-list__table th{background:var(--background-light);padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-light);white-space:nowrap}.app-settings-list__table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-light);vertical-align:middle}.app-settings-list__table tbody tr:hover{background:var(--background-light)}.setting-key code{background:var(--background-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-xs);color:var(--primary-color);font-weight:600}.setting-value pre{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-xs);color:var(--text-primary);white-space:pre-wrap;word-break:break-all;max-width:200px;max-height:100px;overflow:auto;background:var(--background-light);padding:var(--spacing-xs);border-radius:var(--radius-sm)}.type-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.type-string{background:var(--success-color-light);color:var(--success-color)}.type-number{background:var(--info-color-light);color:var(--info-color)}.type-boolean{background:var(--warning-color-light);color:var(--warning-color)}.type-json{background:var(--primary-color-light);color:var(--primary-color)}.type-url{background:var(--info-color-light);color:var(--info-color)}.type-email{background:var(--primary-color-light);color:var(--primary-color)}.category-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize}.category-general{background:var(--text-light);color:var(--text-secondary)}.category-auth{background:var(--warning-color-light);color:var(--warning-color)}.category-email{background:var(--info-color-light);color:var(--info-color)}.category-ui{background:var(--primary-color-light);color:var(--primary-color)}.category-api{background:var(--success-color-light);color:var(--success-color)}.category-backup{background:var(--warning-color-light);color:var(--warning-color)}.category-analytics{background:var(--info-color-light);color:var(--info-color)}.category-pricing{background:var(--success-color-light);color:var(--success-color)}.category-default{background:var(--text-light);color:var(--text-secondary)}.visibility-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.visibility-badge.public{background:var(--success-color-light);color:var(--success-color)}.visibility-badge.private{background:var(--warning-color-light);color:var(--warning-color)}.encryption-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.encryption-badge.encrypted{background:var(--error-color-light);color:var(--error-color)}.encryption-badge.unencrypted{background:var(--success-color-light);color:var(--success-color)}.setting-description{max-width:200px;color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.4}.app-settings-list__empty{text-align:center;color:var(--text-secondary);font-style:italic;padding:var(--spacing-xl)!important}.app-settings-list__pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--background-light);border-top:1px solid var(--border-light)}@media (max-width: 768px){.app-settings-list__filters{flex-direction:column;align-items:stretch}.search-group,.filter-group{min-width:auto}.app-settings-list__table{font-size:var(--font-size-xs)}.app-settings-list__table th,.app-settings-list__table td{padding:var(--spacing-sm)}.setting-value pre,.setting-description{max-width:150px}}.app-settings-form{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.app-settings-form__header{padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light)}.app-settings-form__header h3{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.app-settings-form__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.app-settings-form__form{padding:var(--spacing-lg)}.form-textarea{resize:vertical;min-height:80px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:var(--spacing-md)}.app-settings-form__header,.app-settings-form__form{padding:var(--spacing-md)}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.app-settings-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.app-settings-management__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.app-settings-management__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);border-bottom:none;margin-bottom:var(--spacing-lg)}.app-settings-management__header p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.app-settings-management__content{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}@media (max-width: 768px){.app-settings-management__header{padding:var(--spacing-md)}.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.header-title h1{font-size:var(--font-size-xl)}}.template-css-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:20px}.template-css-modal{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.template-css-modal__header{padding:20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.template-css-modal__header .header-content{display:flex;justify-content:space-between;align-items:center}.template-css-modal__header h2{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600}.template-css-modal__header .close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:5px;border-radius:4px;transition:all .2s}.template-css-modal__header .close-btn:hover{background:#e5e7eb;color:#374151}.template-css-modal__content{flex:1;overflow-y:auto;padding:20px}.implementation-notice{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;padding:12px;margin-bottom:20px}.notice-content{color:#92400e;font-size:.875rem;line-height:1.5}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6b7280}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.css-editor-section{margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header h3{margin:0;color:#1f2937;font-size:1.125rem;font-weight:600}.section-actions{display:flex;gap:8px}.css-editor-container{border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.css-textarea{width:100%;min-height:300px;padding:16px;border:none;outline:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;background:#f8fafc;color:#1f2937;resize:vertical}.css-textarea:focus{background:#fff}.css-textarea::placeholder{color:#9ca3af;font-style:italic}.css-preview-section{margin-top:24px;border-top:1px solid #e5e7eb;padding-top:24px}.css-preview-section h3{margin:0 0 16px;color:#1f2937;font-size:1.125rem;font-weight:600}.css-preview-container{border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.preview-content{padding:20px;background:#fff;min-height:200px}.preview-content .header{font-size:20px;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.preview-content .body{margin:20px 0;line-height:1.6}.preview-content .body p{margin:0 0 12px;color:#374151}.preview-content .footer{margin-top:40px;text-align:center;font-size:12px;color:#666;padding-top:20px;border-top:1px solid #e5e7eb}.template-css-modal__footer{padding:20px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:space-between;align-items:center}.footer-info{color:#6b7280;font-size:.875rem}.footer-actions{display:flex;gap:12px}.alert{padding:12px 16px;border-radius:6px;margin:16px 0;font-size:.875rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s;gap:6px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:.75rem}.btn-pill-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-pill-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-pill-secondary{background:#fff;color:#374151;border-color:#d1d5db}.btn-pill-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.mr-2{margin-right:8px}@media (max-width: 768px){.template-css-modal{margin:10px;max-height:95vh}.template-css-modal__header,.template-css-modal__content,.template-css-modal__footer{padding:16px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-actions{width:100%;justify-content:flex-start}.template-css-modal__footer{flex-direction:column;gap:16px;align-items:stretch}.footer-actions{justify-content:center}}.template-list{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.template-list__filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light);align-items:end}.search-input-container{display:flex;gap:var(--spacing-sm);align-items:center}.search-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-light)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:150px}.filter-group label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-group select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--background-white);transition:border-color var(--transition-fast)}.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-light)}.template-list__table-container{overflow-x:auto}.template-list__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.template-list__table th{background:var(--background-light);padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-light);white-space:nowrap}.template-list__table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-light);vertical-align:top}.template-list__table tbody tr:hover{background:var(--background-light)}.template-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.template-description{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4;max-width:200px}.file-type-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.type-pdf{background:var(--error-color-light);color:var(--error-color)}.type-docx,.type-doc{background:var(--primary-color-light);color:var(--primary-color)}.type-pptx,.type-ppt{background:var(--warning-color-light);color:var(--warning-color)}.type-xlsx,.type-xls{background:var(--success-color-light);color:var(--success-color)}.type-txt{background:var(--text-light);color:var(--text-secondary)}.type-html{background:var(--info-color-light);color:var(--info-color)}.type-default{background:var(--text-light);color:var(--text-secondary)}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.status-badge.active{background:var(--success-color-light);color:var(--success-color)}.status-badge.inactive{background:var(--warning-color-light);color:var(--warning-color)}.template-list__empty{text-align:center;color:var(--text-secondary);font-style:italic;padding:var(--spacing-xl)!important}.template-list__pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--background-light);border-top:1px solid var(--border-light)}.pagination-info{color:var(--text-secondary);font-size:var(--font-size-sm)}.pagination-controls{display:flex;gap:var(--spacing-sm)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-secondary)}.billing-entities-cell{min-width:200px}.billing-entities-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.billing-entity-tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.billing-entity-more{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--background-light);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.no-billing-entities{color:var(--text-muted);font-style:italic;font-size:var(--font-size-sm)}@media (max-width: 768px){.template-list__filters{flex-direction:column;align-items:stretch}.search-group,.filter-group{min-width:auto}.template-list__table{font-size:var(--font-size-xs)}.template-list__table th,.template-list__table td{padding:var(--spacing-sm)}.template-description{max-width:150px}}.template-form{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.template-form__header{padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light)}.template-form__header h3{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.template-form__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.template-form__form{padding:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.form-input,.form-select,.form-textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-fast);background:var(--background-white)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-light)}.form-input--error,.form-select--error,.form-textarea--error{border-color:var(--error-color);box-shadow:0 0 0 3px var(--error-color-light)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--background-light);color:var(--text-secondary);cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px}.form-checkbox{width:16px;height:16px;margin:0;cursor:pointer}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none}.form-help{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.form-error{font-size:var(--font-size-xs);color:var(--error-color);font-weight:500}.form-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-light);border-radius:var(--radius-md);border:1px solid var(--border-color)}.form-section h3{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.section-description{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.billing-entities-section{margin-top:var(--spacing-md)}.billing-entities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.billing-entity-checkbox{background:transparent;border:none;border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease}.billing-entity-checkbox:hover{background:var(--background-light)}.billing-entity-checkbox .checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;margin:0;width:100%}.billing-entity-checkbox .checkbox-label input[type=checkbox]{margin:2px 0 0;flex-shrink:0}.checkbox-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.entity-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.entity-description{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4;font-style:italic}.no-billing-entities{grid-column:1 / -1;text-align:center;color:var(--text-muted);font-style:italic;padding:var(--spacing-lg);background:var(--background-secondary);border-radius:var(--radius-md);border:1px dashed var(--border-color)}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:var(--spacing-md)}.template-form__header,.template-form__form{padding:var(--spacing-md)}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.billing-entities-grid{grid-template-columns:1fr}.form-section{padding:var(--spacing-md)}}.template-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.template-management__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.template-management__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);border-bottom:none;margin-bottom:var(--spacing-lg)}.template-management__header p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.header-title p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.template-management__content{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.alert-success{background:var(--success-color-light);color:var(--success-color);border:1px solid var(--success-color)}.alert-error{background:var(--error-color-light);color:var(--error-color);border:1px solid var(--error-color)}.alert__close-btn{background:none;border:none;color:inherit;font-size:var(--font-size-lg);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.alert__close-btn:hover{background:#0000001a}.mr-2{margin-right:var(--spacing-sm)}@media (max-width: 768px){.template-management__header{padding:var(--spacing-md)}.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.header-title h1{font-size:var(--font-size-xl)}}.billing-entity-list{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.billing-entity-list__filters{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light);flex-wrap:wrap}.filter-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.filter-group select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--background-white);color:var(--text-primary);cursor:pointer}.billing-entity-list__table-container{overflow-x:auto}.billing-entity-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.billing-entity-table th{background:var(--background-light);color:var(--text-secondary);font-weight:600;text-align:left;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);white-space:nowrap}.billing-entity-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);vertical-align:middle}.billing-entity-table tbody tr:hover{background:var(--background-light)}.entity-name{font-weight:500;color:var(--text-primary)}.entity-description{color:var(--text-secondary);max-width:300px;word-wrap:break-word}.entity-type{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.entity-type--company{background:var(--success-color-light);color:var(--success-color)}.entity-type--individual{background:var(--info-color-light);color:var(--info-color)}.entity-type--partnership{background:var(--warning-color-light);color:var(--warning-color)}.entity-type--corporation{background:var(--primary-color-light);color:var(--primary-color)}.entity-type--llc{background:var(--secondary-color-light);color:var(--secondary-color)}.entity-type--nonprofit{background:var(--purple-color-light);color:var(--purple-color)}.entity-type--government{background:var(--gray-color-light);color:var(--gray-color)}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.billing-email,.billing-phone{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase}.status-badge--active{background:var(--success-color-light);color:var(--success-color)}.status-badge--inactive{background:var(--error-color-light);color:var(--error-color)}.action-buttons .btn{padding:var(--spacing-xs);min-width:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.billing-entity-list__empty{text-align:center;color:var(--text-light);font-style:italic;padding:var(--spacing-xl)!important}.billing-entity-list__pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--background-light);border-top:1px solid var(--border-light);flex-wrap:wrap;gap:var(--spacing-md)}.error-message{background:var(--error-color-light);color:var(--error-color);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);border:1px solid var(--error-color)}@media (max-width: 768px){.billing-entity-list__filters{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.search-group{min-width:auto}.billing-entity-list__pagination{flex-direction:column;text-align:center}.billing-entity-table th,.billing-entity-table td{padding:var(--spacing-sm) var(--spacing-md)}.entity-description{max-width:200px}}.billing-entity-form{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.billing-entity-form__header{padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light)}.billing-entity-form__header h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.billing-entity-form__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.billing-entity-form__form{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-section{background:var(--background-light);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-lg)}.form-section h3{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;border-bottom:1px solid var(--border-light);padding-bottom:var(--spacing-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.form-group input,.form-group textarea,.form-group select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-white);color:var(--text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:var(--error-color);box-shadow:0 0 0 3px #ff6b6b1a}.form-group textarea{resize:vertical;min-height:80px}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-weight:500;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer}.checkbox-text{font-size:var(--font-size-sm)}.error-text{color:var(--error-color);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.form-actions .btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--border-radius);border:none;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:center}.form-actions .btn:disabled{opacity:.6;cursor:not-allowed}.form-actions .btn-primary{background:var(--primary-color);color:#fff}.form-actions .btn-primary:hover:not(:disabled){background:var(--primary-color-dark)}.form-actions .btn-secondary{background:var(--background-light);color:var(--text-primary);border:1px solid var(--border-light)}.form-actions .btn-secondary:hover:not(:disabled){background:var(--background-hover)}@media (max-width: 768px){.billing-entity-form__header,.billing-entity-form__form{padding:var(--spacing-md)}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.billing-entity-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.billing-entity-management__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.billing-entity-management__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);border-bottom:none;margin-bottom:var(--spacing-lg)}.billing-entity-management__header p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.billing-entity-management__content{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 768px){.billing-entity-management__header{padding:var(--spacing-md)}.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.header-title h1{font-size:var(--font-size-xl)}}.password-change{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.password-change__header{padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-color)}.password-change__header h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.password-change__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.password-change__form{padding:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-white);color:var(--text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast);font-family:inherit}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #61dafb1a}.form-input:disabled{background:var(--background-light);cursor:not-allowed;opacity:.6}.password-input-container{position:relative}.password-toggle{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:var(--font-size-base);padding:var(--spacing-xs);color:var(--text-secondary);transition:color var(--transition-fast)}.password-toggle:hover{color:var(--text-primary)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.password-validation{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background-light);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.password-strength{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.password-strength-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.password-strength-value{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.password-requirements{display:flex;flex-direction:column;gap:var(--spacing-xs)}.password-requirement{font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.password-requirement--error{color:var(--error-color)}.password-requirement--success{color:var(--success-color);font-weight:500}.password-change__actions{display:flex;justify-content:flex-end;padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);margin-top:var(--spacing-lg)}@media (max-width: 768px){.password-change__header,.password-change__form{padding:var(--spacing-md)}.password-change__actions{flex-direction:column}.password-change__actions .btn{width:100%}}@media (max-width: 480px){.password-change__header h3{font-size:var(--font-size-lg)}.form-input{padding:var(--spacing-sm) var(--spacing-md)}.password-toggle{right:var(--spacing-sm)}}.login-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.login-layout__container{width:100%;max-width:450px;display:flex;align-items:center;justify-content:center}.header{background:var(--background-white);box-shadow:0 2px 4px var(--shadow-light);position:sticky;top:0;z-index:100}.header__container{margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.header__brand{display:flex;align-items:center;gap:var(--spacing-md)}.header__title-container{display:flex;flex-direction:column;align-items:flex-start}.header__logo{height:40px;width:auto;object-fit:contain}.header__brand h1,.header__title{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color)}.header__version{font-size:var(--font-size-sm);font-weight:400;color:var(--text-secondary);margin-top:2px;opacity:.8}.header__user{display:flex;align-items:center;gap:var(--spacing-lg)}.header__actions{display:flex;align-items:center;gap:var(--spacing-md)}.logout-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--error-color);color:#fff;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-base)}.logout-button:hover{background-color:var(--error-hover);border-color:var(--error-hover);transform:scale(1.05)}.user-info{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.user-name{font-weight:500;color:var(--text-primary);font-size:var(--font-size-base)}.user-email{font-size:var(--font-size-sm);color:var(--text-secondary)}@media (max-width: 768px){.header__container{padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;gap:var(--spacing-md)}.header__user,.header__actions{flex-direction:column;gap:var(--spacing-sm);width:100%}.user-info{align-items:center;text-align:center}.header__brand h1{font-size:var(--font-size-lg)}}.navbar{background:var(--background-white);border-bottom:1px solid var(--border-light);box-shadow:0 1px 3px var(--shadow-light)}.navbar__container{margin:0 auto;padding:0 var(--spacing-lg)}.navbar__list{display:flex;list-style:none;margin:0;padding:0;gap:var(--spacing-sm)}.navbar__item{margin:0;position:relative}.navbar__link{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;color:var(--text-secondary);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;gap:var(--spacing-sm)}.navbar__link:hover,.navbar__link--active{color:var(--primary-color);background-color:var(--background-light)}.navbar__icon{font-size:var(--font-size-sm);width:16px;text-align:center}.navbar__link--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary-color)}.navbar__label{font-size:var(--font-size-base)}.navbar__dropdown-arrow{margin-left:var(--spacing-xs);font-size:var(--font-size-xs);transition:transform var(--transition-fast)}.navbar__item.active .navbar__dropdown-arrow{transform:rotate(180deg)}.navbar__submenu{position:absolute;top:100%;left:0;min-width:200px;background:var(--background-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px var(--shadow-medium);list-style:none;margin:0;padding:var(--spacing-sm) 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);z-index:1000}.navbar__item.active .navbar__submenu{opacity:1;visibility:visible;transform:translateY(0)}.navbar__submenu-item{margin:0}.navbar__submenu-link{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);border-radius:0;gap:var(--spacing-sm);text-align:left}.navbar__submenu-link:hover{background-color:var(--background-light);color:var(--primary-color)}.navbar__submenu-link--active{background-color:var(--primary-color);color:#fff}.navbar__submenu-link--active:hover{background-color:var(--primary-hover);color:#fff}.navbar__submenu-icon{font-size:var(--font-size-xs);width:14px;text-align:center}.navbar__submenu-nested{position:relative}.navbar__submenu-nested-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border-radius:0;text-align:left}.navbar__submenu-nested-content{display:flex;align-items:center;gap:var(--spacing-sm)}.navbar__submenu-nested-header:hover{background-color:var(--background-light);color:var(--primary-color)}.navbar__submenu-nested-arrow{font-size:var(--font-size-xs);transition:transform var(--transition-fast)}.navbar__submenu-nested:hover .navbar__submenu-nested-arrow{transform:rotate(90deg)}.navbar__submenu-nested-list{position:absolute;left:100%;top:0;background:var(--background-white);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 4px 6px var(--shadow-light);min-width:200px;opacity:0;visibility:hidden;transform:translate(-10px);transition:all var(--transition-fast);z-index:1000;list-style:none;padding:0;margin:0}.navbar__submenu-nested:hover .navbar__submenu-nested-list{opacity:1;visibility:visible;transform:translate(0)}.navbar__submenu-nested-item{margin:0}.navbar__submenu-nested-link{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);border-radius:0;gap:var(--spacing-sm);text-align:left}.navbar__submenu-nested-link:hover{background-color:var(--background-light);color:var(--primary-color)}.navbar__submenu-nested-link--active{background-color:var(--primary-color);color:#fff}.navbar__submenu-nested-link--active:hover{background-color:var(--primary-hover);color:#fff}@media (max-width: 768px){.navbar__container{padding:0 var(--spacing-md)}.navbar__list{gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.navbar__list::-webkit-scrollbar{display:none}.navbar__link{padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap;flex-shrink:0}.navbar__label{font-size:var(--font-size-sm)}.navbar__submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-top:1px solid var(--border-light);border-radius:0;margin-top:var(--spacing-xs)}.navbar__submenu-nested-list{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:var(--background-white);border-radius:0;margin-top:var(--spacing-sm);margin-left:var(--spacing-md)}.navbar__dropdown-arrow{display:none}}.app-layout{min-height:100vh;background-color:var(--background-light);display:flex;flex-direction:column}.app-layout__main{flex:1;padding:var(--spacing-lg) 0}.app-layout__content{margin:0 auto}@media (max-width: 768px){.app-layout__main{padding:var(--spacing-md) 0}}.auth-card{background:var(--background-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 10px 30px #0000001a,0 4px 12px #0000000d;overflow:hidden;width:100%;max-width:450px}.auth-header{text-align:center;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);color:var(--text-primary)}.auth-header h1{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-sm);font-weight:700}.auth-header p{font-size:var(--font-size-base);opacity:.8;margin:0;line-height:1.4}.dashboard{display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:100vh}.dashboard-section{flex:1;display:flex;flex-direction:column}.section-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.section-header h2{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.dashboard__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light)}.dashboard__header h1{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:600}.dashboard__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}@media (max-width: 768px){.dashboard__header{padding:var(--spacing-md)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.section-header h2{font-size:var(--font-size-lg)}}.quotes-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.quotes-page__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light)}.quotes-page__header h1{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:600}.quotes-page__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.quotes-page__content{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light)}.quotes-list h2{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:500}.quotes-list__empty{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.quotes-list__empty p{margin:0;font-size:var(--font-size-base)}@media (max-width: 768px){.quotes-page__header,.quotes-page__content{padding:var(--spacing-md)}}.create-quote-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.page-header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light)}.page-header h1{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:600}.page-header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.create-quote-page__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light)}.create-quote-page__header h1{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:600}.create-quote-page__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.create-quote-page__content{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light)}.create-quote-form h2{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:500}.create-quote-form__empty{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.create-quote-form__empty p{margin:0;font-size:var(--font-size-base)}@media (max-width: 768px){.create-quote-page__header,.create-quote-page__content{padding:var(--spacing-md)}}.edit-quote-page{display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:100vh}.edit-quote-page__content{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);width:95%;margin:0 auto}.page-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:0;padding:var(--spacing-lg) 0;width:95%;margin-left:auto;margin-right:auto}.page-header h1{margin:0;color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:600}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:var(--spacing-lg)}.error-message h2{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.error-message p{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);font-size:var(--font-size-base)}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md) 0}.page-header h1{font-size:var(--font-size-xl)}}.user-management-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.user-management-page__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light)}.user-management-page__header h1{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:600}.user-management-page__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.user-management-page__content{flex:1}@media (max-width: 768px){.user-management-page__header{padding:var(--spacing-md)}.user-management-page__header h1{font-size:var(--font-size-xl)}}.api-test-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.api-test-page__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light)}.api-test-page__header h1{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:600}.api-test-page__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.api-test-page__content{flex:1}@media (max-width: 768px){.api-test-page__header{padding:var(--spacing-md)}.api-test-page__header h1{font-size:var(--font-size-xl)}}.service-line-management-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-line-management-page__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light)}.service-line-management-page__header h1{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:600}.service-line-management-page__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.service-line-management-page__content{flex:1}@media (max-width: 768px){.service-line-management-page__header{padding:var(--spacing-md)}.service-line-management-page__header h1{font-size:var(--font-size-xl)}}@media (max-width: 480px){.service-line-management-page__header h1{font-size:var(--font-size-lg)}.service-line-management-page__header p{font-size:var(--font-size-sm)}}.service-line-item-management-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-line-item-management-page__content{flex:1}@media (max-width: 768px){.service-line-item-management-page{gap:var(--spacing-md)}}.billing-arrangement-management-page,.billing-frequency-management-page,.price-management-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-line-item-pricing-rule-management-page{min-height:100vh}.service-line-item-pricing-rule-management-page__header{background:var(--background-white);padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-lg)}.service-line-item-pricing-rule-management-page__header h1{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:600}.service-line-item-pricing-rule-management-page__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.service-line-item-pricing-rule-management-page__content{margin:0 auto}@media (max-width: 768px){.service-line-item-pricing-rule-management-page__header{padding:var(--spacing-lg) var(--spacing-md)}}.app-settings-management-page,.template-management-page,.billing-entity-management-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.billing-entity-report-page{padding:1rem;max-width:1400px;margin:0 auto}.page-header{margin-bottom:1rem}.page-header h1{font-size:1.5rem;color:var(--text-primary);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.page-description{color:var(--text-secondary);font-size:.875rem}.entity-selector{background:var(--card-background);padding:1rem;border-radius:6px;margin-bottom:1rem;box-shadow:var(--card-shadow)}.entity-selector label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem}.entity-select{width:100%;padding:.5rem;font-size:.9rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-background);color:var(--text-primary);cursor:pointer;transition:all .2s}.entity-select:hover{border-color:var(--primary-color)}.entity-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.error-message{background:#fee;color:#c33;padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.entity-content{display:flex;flex-direction:column;gap:1rem}.entity-info-card{background:var(--card-background);padding:1rem;border-radius:6px;box-shadow:var(--card-shadow)}.entity-name{font-size:1.25rem;color:var(--text-primary);margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.entity-details{margin-top:.5rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem}.detail-row{display:flex;flex-direction:column;gap:.125rem}.detail-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.detail-value{font-size:.875rem;color:var(--text-primary)}.detail-line{font-size:.875rem;color:var(--text-primary);padding:.25rem 0}.status-badge{display:inline-block;padding:.125rem .5rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;width:fit-content}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-badge.archived{background:#e5e7eb;color:#374151}.primary-badge{display:inline-block;padding:.125rem .375rem;border-radius:4px;font-size:.65rem;font-weight:700;background:var(--primary-color);color:#fff;margin-left:.375rem}.service-lines-section{background:var(--card-background);padding:1rem;border-radius:6px;box-shadow:var(--card-shadow)}.section-title{font-size:1.125rem;color:var(--text-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.service-lines-list{display:flex;flex-direction:column;gap:.5rem}.service-line{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;overflow:hidden;transition:all .2s}.service-line:hover{box-shadow:0 1px 4px #0000001a}.service-line-header{padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;background:var(--background-primary);transition:background .2s}.service-line-header:hover{background:var(--background-hover)}.toggle-icon{color:var(--text-secondary);font-size:.75rem;transition:transform .2s}.item-icon{color:var(--primary-color);font-size:.875rem}.service-line-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.service-line-details{padding:.75rem;border-top:1px solid var(--border-color);background:var(--background-primary)}.service-line-items-list{display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem}.service-line-item{background:var(--card-background);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.service-line-item-header{padding:.375rem .625rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background .2s}.service-line-item-header:hover{background:var(--background-hover)}.service-line-item-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.service-line-item-title{display:flex;align-items:center;justify-content:space-between;flex:1;gap:1rem}.service-line-item-price{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--primary-color);font-size:.9rem}.service-line-item-details{padding:.625rem;border-top:1px solid var(--border-color);background:var(--background-secondary)}.pricing-rules-list{display:flex;flex-direction:column;gap:.25rem;margin-top:.375rem}.pricing-rule{background:var(--background-primary);border:1px solid var(--border-color);border-radius:3px;overflow:hidden}.pricing-rule-header{padding:.375rem .5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background .2s}.pricing-rule-header:hover{background:var(--background-hover)}.pricing-rule-title{flex:1;display:flex;align-items:center;gap:.5rem}.pricing-rule-name{font-size:.8rem;font-weight:600;color:var(--text-primary)}.pricing-rule-price{font-size:.8rem;font-weight:700;color:var(--primary-color);margin-left:auto}.pricing-rule-details{padding:.5rem;border-top:1px solid var(--border-color);background:var(--background-secondary);font-size:.8rem;line-height:1.4}.pricing-tiers{margin-top:.25rem;padding-left:.5rem}.pricing-tier{font-size:.75rem;color:var(--text-secondary);margin-bottom:.125rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);gap:1rem}.empty-state svg{font-size:3rem;opacity:.5}.fees-section{margin-top:.75rem;padding:.75rem;background:var(--background-secondary);border-radius:4px;border-left:3px solid var(--primary-color)}.fees-header{margin-bottom:.5rem;color:var(--primary-color)}.fee-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.fee-label{font-weight:600;color:var(--text-primary)}.fee-value{color:var(--text-secondary);font-size:.875rem}.empty-state p{font-size:1.125rem}@media (prefers-color-scheme: dark){.entity-select{background:var(--input-background)}.service-line:hover{box-shadow:0 2px 8px #0000004d}}.pricing-documentation{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.pricing-documentation__container{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium);overflow:hidden}.pricing-documentation__header{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;padding:var(--spacing-xl);text-align:center}.pricing-documentation__header h1{margin:0 0 var(--spacing-sm) 0;font-size:2.5rem;font-weight:600}.pricing-documentation__header p{margin:0;font-size:1.1rem;opacity:.9}.pricing-documentation__content{padding:var(--spacing-xl)}.documentation-section{margin-bottom:var(--spacing-xxl)}.documentation-section h2{color:var(--primary-color);font-size:1.8rem;margin-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-sm)}.documentation-section h3{color:var(--text-primary);font-size:1.4rem;margin-bottom:var(--spacing-sm)}.documentation-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.instruction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.instruction-card{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all var(--transition-medium)}.instruction-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.instruction-card h3{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-size:1.3rem}.instruction-card p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.example{background:var(--background-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);font-family:Courier New,monospace;font-size:.9rem}.example strong{color:var(--primary-color);display:block;margin-bottom:var(--spacing-xs)}.example em{color:var(--success-color);font-style:normal;font-weight:600}.use-cases{background:var(--background-white);border-left:4px solid var(--primary-color);padding:var(--spacing-md);margin-top:var(--spacing-md)}.use-cases strong{color:var(--primary-color);display:block;margin-bottom:var(--spacing-xs)}.use-cases ul{margin:0;padding-left:var(--spacing-md)}.use-cases li{margin-bottom:var(--spacing-xs);color:var(--text-secondary)}.steps-container{background:var(--background-light);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.steps-list{counter-reset:step-counter;list-style:none;padding:0;margin:0}.steps-list li{counter-increment:step-counter;position:relative;padding-left:3rem;margin-bottom:var(--spacing-md);color:var(--text-secondary);line-height:1.6}.steps-list li:before{content:counter(step-counter);position:absolute;left:0;top:0;background:var(--primary-color);color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.tips-section{background:var(--background-light);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-xl)}.tips-section h3{color:var(--primary-color);margin-bottom:var(--spacing-lg);text-align:center}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.tip-card{background:var(--background-white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all var(--transition-medium)}.tip-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.tip-card h4{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-size:1.1rem}.tip-card ul{margin:0;padding-left:var(--spacing-md)}.tip-card li{margin-bottom:var(--spacing-xs);color:var(--text-secondary);line-height:1.5}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.feature-card{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all var(--transition-medium)}.feature-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.feature-card h3{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-size:1.2rem}.feature-card p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.use-case-card{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all var(--transition-medium)}.use-case-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.use-case-card h3{color:var(--primary-color);margin-bottom:var(--spacing-sm);font-size:1.2rem}.use-case-card p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.use-case-card p strong{color:var(--primary-color)}@media (max-width: 768px){.pricing-documentation{padding:var(--spacing-md)}.pricing-documentation__header{padding:var(--spacing-lg)}.pricing-documentation__header h1{font-size:2rem}.pricing-documentation__content{padding:var(--spacing-lg)}.instruction-grid,.tips-grid,.feature-grid,.use-case-grid{grid-template-columns:1fr}.instruction-card,.tip-card,.feature-card,.use-case-card{padding:var(--spacing-md)}.steps-list li{padding-left:2.5rem}.steps-list li:before{width:1.5rem;height:1.5rem;font-size:.8rem}}@media (max-width: 480px){.pricing-documentation__header h1{font-size:1.8rem}.pricing-documentation__header p{font-size:1rem}.documentation-section h2{font-size:1.5rem}.instruction-card h3,.feature-card h3,.use-case-card h3{font-size:1.1rem}}.documentation-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.documentation-page__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.documentation-page__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);border-bottom:none;margin-bottom:var(--spacing-lg)}.documentation-page__header p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.info-section{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);padding:var(--spacing-xl)}.info-card{display:flex;align-items:flex-start;gap:var(--spacing-lg)}.info-icon{width:40px;height:40px;background:var(--info-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.info-content h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.variables-section{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);padding:var(--spacing-xl)}.variables-section h2{margin:0 0 var(--spacing-xl) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-sm)}.variables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg)}.variable-card{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all .2s ease}.variable-card:hover{border-color:var(--primary-color);box-shadow:0 4px 8px var(--shadow-light)}.variable-header{margin-bottom:var(--spacing-md)}.variable-name{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--primary-color)}.variable-name code{background:var(--background-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-base);color:var(--primary-color);border:1px solid var(--border-color)}.variable-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.variable-description,.variable-example,.variable-usage{font-size:var(--font-size-sm);line-height:1.5}.variable-description strong,.variable-example strong,.variable-usage strong{color:var(--text-primary);font-weight:600}.variable-example code{background:var(--background-primary);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-xs);color:var(--text-primary);border:1px solid var(--border-color)}.usage-section{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);padding:var(--spacing-xl)}.usage-section h2{margin:0 0 var(--spacing-xl) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-sm)}.example-card{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.example-card h3{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.template-example{background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-lg);overflow-x:auto}.template-example pre{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.notes-section{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);padding:var(--spacing-xl)}.notes-section h2{margin:0 0 var(--spacing-xl) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-sm)}.notes-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.note-item{padding:var(--spacing-md);background:var(--background-light);border-left:4px solid var(--warning-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);line-height:1.5}.note-item strong{color:var(--text-primary);font-weight:600}.note-item code{background:var(--background-primary);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-xs);color:var(--primary-color);border:1px solid var(--border-color)}@media (max-width: 768px){.documentation-page{padding:var(--spacing-lg)}.header-content{flex-direction:column;text-align:center;gap:var(--spacing-md)}.variables-grid{grid-template-columns:1fr}.info-card{flex-direction:column;text-align:center}.template-example{padding:var(--spacing-md)}.template-example pre{font-size:var(--font-size-xs)}}.service-line-documentation-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-line-documentation-page__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-line-documentation-page__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);border-bottom:none;margin-bottom:var(--spacing-lg)}.service-line-documentation-page__header p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.info-section{margin-bottom:var(--spacing-lg)}.info-card{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);display:flex;gap:var(--spacing-md);align-items:flex-start}.info-icon{color:var(--primary-color);font-size:20px;margin-top:2px}.info-content h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:1.3rem}.info-content p{margin:0;color:var(--text-secondary);line-height:1.6}.components-section h2,.workflow-section h2,.concepts-section h2,.example-section h2,.best-practices-section h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-sm)}.components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.component-card{background:var(--background-white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:0 2px 4px var(--shadow-light);transition:transform .2s ease,box-shadow .2s ease}.component-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-medium)}.component-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.component-icon{font-size:var(--font-size-sm);color:var(--primary-color);background:none!important;border:none!important;border-radius:0!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;transform:scale(.5)}.component-header h3{margin:0;color:var(--text-primary);font-size:1.3rem}.component-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.component-examples{margin-bottom:var(--spacing-md)}.component-examples strong{color:var(--text-primary);display:block;margin-bottom:var(--spacing-xs)}.component-examples ul{margin:0;padding-left:var(--spacing-md)}.component-examples li{color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.component-purpose{background:var(--background-light);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);border-left:4px solid var(--primary-color)}.component-purpose strong{color:var(--text-primary)}.workflow-steps{display:flex;flex-direction:column;gap:var(--spacing-lg)}.workflow-step{display:flex;align-items:center;gap:var(--spacing-lg);background:var(--background-white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:0 2px 4px var(--shadow-light)}.step-number{font-size:var(--font-size-sm);font-weight:700;color:var(--primary-color);flex-shrink:0;background:none!important;border:none!important;border-radius:0!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;transform:scale(.5)}.step-content{flex:1}.step-content h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:1.3rem}.step-description{margin:0 0 var(--spacing-xs) 0;color:var(--text-secondary);font-weight:500}.step-details{margin:0;color:var(--text-secondary);line-height:1.6}.step-arrow{color:var(--primary-color);font-size:20px;flex-shrink:0}.concepts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.concept-card{background:var(--background-white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:0 2px 4px var(--shadow-light)}.concept-card h3{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:1.2rem;border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-xs)}.concept-card p{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary);line-height:1.6}.concept-example{background:var(--background-light);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);border-left:4px solid var(--success-color)}.concept-example strong{color:var(--text-primary)}.example-card{background:var(--background-white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:0 2px 4px var(--shadow-light)}.example-card h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:1.3rem}.example-hierarchy{display:flex;flex-direction:column;gap:var(--spacing-md)}.hierarchy-level{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.level-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:600}.level-header svg{color:var(--primary-color)}.level-description{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.hierarchy-level ul{margin:0;padding-left:var(--spacing-md)}.hierarchy-level li{color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.hierarchy-arrow{display:flex;justify-content:center;color:var(--primary-color);font-size:20px;margin:var(--spacing-sm) 0}.practices-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.practice-item{background:var(--background-white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:0 2px 4px var(--shadow-light)}.practice-item strong{color:var(--text-primary);display:block;margin-bottom:var(--spacing-xs)}@media (max-width: 768px){.service-line-documentation-page{padding:var(--spacing-md)}.header-content{flex-direction:column;text-align:center;gap:var(--spacing-md)}.header-text h1{font-size:2rem}.components-grid,.concepts-grid{grid-template-columns:1fr}.workflow-step{flex-direction:column;text-align:center}.step-arrow{transform:rotate(90deg)}.example-hierarchy{gap:var(--spacing-sm)}.hierarchy-arrow{transform:rotate(90deg)}}.documentation-index-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.documentation-index-page__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.documentation-index-page__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);border-bottom:none;margin-bottom:var(--spacing-lg)}.documentation-index-page__header p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.documentation-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.welcome-section{margin-bottom:var(--spacing-lg)}.welcome-card{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-xl);text-align:center}.welcome-card h2{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:1.8rem}.welcome-card p{margin:0;color:var(--text-secondary);line-height:1.6;font-size:1.1rem}.sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg)}.section-card{background:var(--background-white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);text-decoration:none;color:inherit;box-shadow:0 2px 4px var(--shadow-light);transition:all .3s ease;display:block}.section-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px var(--shadow-medium);border-color:var(--primary-color);text-decoration:none;color:inherit}.section-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.section-icon{font-size:var(--font-size-sm);color:var(--primary-color);flex-shrink:0;background:none!important;border:none!important;border-radius:0!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;transform:scale(.5)}.section-title{flex:1}.section-title h3{margin:0;color:var(--text-primary);font-size:1.4rem;font-weight:600}.section-arrow{color:var(--primary-color);font-size:18px;opacity:.7;transition:opacity .3s ease}.section-card:hover .section-arrow{opacity:1}.section-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-description{margin:0;color:var(--text-secondary);line-height:1.6;font-size:1rem}.section-features{background:var(--background-light);border-radius:var(--border-radius-sm);padding:var(--spacing-md)}.section-features h4{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:1rem;font-weight:600}.section-features ul{margin:0;padding-left:var(--spacing-md)}.section-features li{color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:.9rem}.quick-links-section h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-sm)}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.quick-link-card{background:var(--background-white);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:0 2px 4px var(--shadow-light)}.quick-link-card h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:1.2rem;font-weight:600}.quick-link-card p{margin:0;color:var(--text-secondary);line-height:1.6;font-size:.95rem}@media (max-width: 768px){.documentation-index-page{padding:var(--spacing-md)}.header-content{flex-direction:column;text-align:center;gap:var(--spacing-md)}.header-text h1{font-size:2rem}.sections-grid,.quick-links-grid{grid-template-columns:1fr}.section-header{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.section-arrow{transform:rotate(90deg)}}.document-contacts-list{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.document-contacts-list__filters{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light);flex-wrap:wrap}.search-group{flex:1;min-width:300px}.search-input-container{display:flex;align-items:center;gap:var(--spacing-sm)}.search-icon{color:var(--text-light);font-size:var(--font-size-sm)}.search-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--background-white);color:var(--text-primary);transition:border-color var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.document-contacts-list__table-container{overflow-x:auto}.document-contacts-list__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.document-contacts-list__table th{background:var(--background-light);color:var(--text-secondary);font-weight:600;text-align:left;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);white-space:nowrap}.document-contacts-list__table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);vertical-align:middle}.document-contacts-list__table tbody tr:hover{background:var(--background-light)}.document-contacts-list__empty{text-align:center;color:var(--text-light);font-style:italic;padding:var(--spacing-xl)!important}.contact-name{font-weight:500;color:var(--text-primary)}.contact-position{color:var(--text-secondary);max-width:300px;word-wrap:break-word}.contact-email{color:var(--primary-color);text-decoration:none}.contact-email:hover{text-decoration:underline}.action-buttons{display:flex;gap:var(--spacing-xs)}.action-buttons .btn{padding:var(--spacing-xs);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.document-contacts-list__pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--background-light);border-top:1px solid var(--border-light);flex-wrap:wrap;gap:var(--spacing-md)}.pagination-info{font-size:var(--font-size-sm);color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-md)}.pagination-page{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.error-message{background:var(--error-background);color:var(--error-color);padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--error-border)}@media (max-width: 768px){.document-contacts-list__filters{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.search-group{min-width:auto}.document-contacts-list__pagination{flex-direction:column;text-align:center}.document-contacts-list__table th,.document-contacts-list__table td{padding:var(--spacing-sm) var(--spacing-md)}.contact-position{max-width:200px}}.document-contacts-form{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.document-contacts-form__header{padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-light)}.document-contacts-form__header h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.document-contacts-form__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.document-contacts-form__form{padding:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--background-white);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background:var(--background-light);color:var(--text-light);cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.form-input--error{border-color:var(--error-color)!important;box-shadow:0 0 0 3px #ff6b6b1a!important}.error-message{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--error-color);line-height:1.4}@media (max-width: 768px){.document-contacts-form__header,.document-contacts-form__form{padding:var(--spacing-md)}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.document-contacts-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.document-contacts-management__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.document-contacts-management__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);border-bottom:none;margin-bottom:var(--spacing-lg)}.document-contacts-management__header p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.document-contacts-management__content{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}@media (max-width: 768px){.document-contacts-management__header{padding:var(--spacing-md)}.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.header-title h1{font-size:var(--font-size-xl)}}.static-variable-list{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.variables-table-container{overflow-x:auto}.variables-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.variables-table th{background:var(--background-light);color:var(--text-primary);font-weight:600;text-align:left;padding:var(--spacing-md);border-bottom:1px solid var(--border-light);white-space:nowrap}.variables-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-light);vertical-align:top}.variables-table tbody tr:hover{background:var(--background-light)}.variable-name{background:var(--background-light);color:var(--primary-color);padding:.2rem .4rem;border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:var(--font-size-sm);font-weight:600;border:1px solid var(--border-light)}.parameter-cell{max-width:300px}.parameter-value{word-break:break-word;color:var(--text-primary);line-height:1.4}@media (max-width: 768px){.list-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.search-section{min-width:auto}.search-form{flex-direction:column;gap:var(--spacing-sm)}.search-input-group{width:100%}.variables-table-container{font-size:var(--font-size-xs)}.variables-table th,.variables-table td{padding:var(--spacing-sm)}.parameter-cell{max-width:200px}.action-buttons{flex-direction:column;gap:var(--spacing-xs)}.pagination{flex-wrap:wrap;gap:var(--spacing-xs)}.pagination-btn{min-width:2rem;padding:var(--spacing-xs)}}.static-variable-form{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.form-input,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--background-white);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.form-input.error,.form-textarea.error{border-color:var(--error-color);box-shadow:0 0 0 2px var(--error-color-light)}.form-input:disabled,.form-textarea:disabled{background:var(--background-light);color:var(--text-secondary);cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px;line-height:1.5}.static-variable-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.static-variable-management__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.static-variable-management__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);border-bottom:none;margin-bottom:var(--spacing-lg)}.static-variable-management__header p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.static-variable-management__content{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}@media (max-width: 768px){.static-variable-management__header{padding:var(--spacing-md)}.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.header-title h1{font-size:var(--font-size-xl)}}.link-list{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.list-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.search-section{flex:1;min-width:300px}.filter-section{display:flex;align-items:center;gap:var(--spacing-sm)}.list-info{display:flex;align-items:center;gap:var(--spacing-md)}.item-count{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.links-table-container{overflow-x:auto}.links-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.links-table th{background:var(--background-light);color:var(--text-primary);font-weight:600;text-align:left;padding:var(--spacing-md);border-bottom:1px solid var(--border-light);white-space:nowrap}.links-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-light);vertical-align:top}.name-cell{max-width:200px}.friendly-name{font-weight:500;color:var(--text-primary);word-break:break-word}.link-cell{max-width:300px}.link-url{color:var(--primary-color);text-decoration:none;word-break:break-all;display:flex;align-items:center;gap:var(--spacing-xs);transition:color .2s ease}.order-cell{text-align:center;width:80px}.order-value{background:var(--background-light);color:var(--text-secondary);padding:.2rem .4rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;min-width:2rem;display:inline-block;text-align:center}.date-cell{color:var(--text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.actions-cell{width:120px}.action-buttons{display:flex;gap:var(--spacing-xs);align-items:center}.btn--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-width:auto}.btn--small .fa-icon{font-size:var(--font-size-xs)}.no-data{text-align:center;color:var(--text-secondary);font-style:italic;padding:var(--spacing-xl)!important}.error-message{padding:var(--spacing-md) var(--spacing-lg);background:var(--error-background);color:var(--error-color);border-bottom:1px solid var(--border-light)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);border-top:1px solid var(--border-light);background:var(--background-light)}.pagination-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);background:var(--background-white);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;min-width:2.5rem;text-align:center}.pagination-btn:hover:not(:disabled){background:var(--primary-color-light);border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--background-white)}@media (max-width: 768px){.list-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.search-section{min-width:auto}.search-form{flex-direction:column;gap:var(--spacing-sm)}.search-input-group{width:100%}.filter-section{justify-content:stretch}.category-filter{width:100%}.links-table-container{font-size:var(--font-size-xs)}.links-table th,.links-table td{padding:var(--spacing-sm)}.name-cell,.link-cell{max-width:150px}.action-buttons{flex-direction:column;gap:var(--spacing-xs)}.pagination{flex-wrap:wrap;gap:var(--spacing-xs)}.pagination-btn{min-width:2rem;padding:var(--spacing-xs)}}.link-form{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.form-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);background:var(--background-light)}.form-header h2{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.form-description{margin:0;color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.5}.error-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--error-background);color:var(--error-color);border-bottom:1px solid var(--border-light);font-weight:500}.form-content{padding:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:600;font-size:var(--font-size-base)}.required{color:var(--error-color);margin-left:.25rem}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--background-white);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.form-input.error{border-color:var(--error-color);box-shadow:0 0 0 2px var(--error-color-light)}.form-input:disabled{background:var(--background-light);color:var(--text-secondary);cursor:not-allowed}.error-message{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);color:var(--error-color);font-size:var(--font-size-sm);font-weight:500}.form-hint{margin-top:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);margin-top:var(--spacing-lg)}.btn--primary:hover:not(:disabled){background:var(--primary-color-dark);border-color:var(--primary-color-dark)}.btn--secondary:hover:not(:disabled){background:var(--background-light);border-color:var(--border-color-dark)}@media (max-width: 768px){.form-header{padding:var(--spacing-md)}.form-header h2{font-size:var(--font-size-lg)}.form-content{padding:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-actions{flex-direction:column;gap:var(--spacing-sm)}.btn{width:100%;justify-content:center}}.link-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.link-management__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.link-management__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);border-bottom:none;margin-bottom:var(--spacing-lg)}.link-management__header p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.link-management__content{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}@media (max-width: 768px){.link-management__header{padding:var(--spacing-md)}.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.header-title h1{font-size:var(--font-size-xl)}}.user-profile-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.user-profile-page__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.user-profile-page__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light)}.user-profile-page__header h1{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:600}.user-profile-page__header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base)}.user-profile-page__content{flex:1}.profile-sections{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-section{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.profile-section__header{padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-color)}.profile-section__header h2{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.profile-section__content{padding:var(--spacing-lg)}.user-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.user-info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-info-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.user-info-value{font-size:var(--font-size-base);color:var(--text-primary);font-weight:500}.role-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize;background:var(--primary-color);color:#fff}.role-badge--admin{background:var(--error-color)}.role-badge--user{background:var(--primary-color)}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge--active{background:#51cf661a;color:var(--success-color);border:1px solid rgba(81,207,102,.2)}.status-badge--inactive{background:#ff6b6b1a;color:var(--error-color);border:1px solid rgba(255,107,107,.2)}.verified-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.verified-badge--verified{background:#51cf661a;color:var(--success-color)}.verified-badge--unverified{background:#ffa7261a;color:var(--warning-color)}@media (max-width: 768px){.user-profile-page__header,.profile-section__header,.profile-section__content{padding:var(--spacing-md)}.user-info-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.user-profile-page__header h1{font-size:var(--font-size-xl)}.profile-section__header h2{font-size:var(--font-size-lg)}}@media (max-width: 480px){.user-profile-page__header h1{font-size:var(--font-size-lg)}.profile-section__header h2{font-size:var(--font-size-base)}.user-info-label{font-size:var(--font-size-xs)}.user-info-value{font-size:var(--font-size-sm)}}.reports-page{background:var(--background-primary);min-height:100vh;display:flex;flex-direction:column;gap:var(--spacing-lg)}.reports-page__container{width:95%;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.reports-page__header{background:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);border-bottom:none;margin-bottom:var(--spacing-lg)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.header-title{display:flex;align-items:center;gap:var(--spacing-sm)}.header-title h1{margin:0;color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:600}.reports-page__header p{margin:var(--spacing-sm) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-base);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.header-actions{display:flex;gap:var(--spacing-md);align-items:center}.reports-filters{background:var(--background-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-light)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);align-items:end}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.filter-actions{display:flex;align-items:end;gap:var(--spacing-sm)}.reports-tabs{display:flex;background:var(--background-white);border-radius:var(--radius-lg);padding:var(--spacing-xs);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-light);gap:var(--spacing-xs)}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;color:var(--text-secondary);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tab-button:hover{background:var(--background-light);color:var(--text-primary)}.tab-button.active{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-light)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center}.loading-state .spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.loading-state p{color:var(--text-secondary);margin:0}.reports-content{background:var(--background-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-light)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--background-light);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;border:1px solid var(--border-color)}.stat-value{font-size:var(--font-size-xxl);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.stat-tooltip{position:relative;display:inline-flex;align-items:center;cursor:help}.stat-tooltip .info-icon{width:20px;height:20px;font-size:.65rem;color:var(--text-muted);transition:color var(--transition-fast)}.stat-tooltip:hover .info-icon{color:var(--primary-color)}.stat-tooltip .tooltip-text{position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:var(--text-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);pointer-events:none;z-index:1000;box-shadow:0 2px 8px #00000026;text-transform:none;font-weight:400;letter-spacing:normal}.stat-tooltip .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--text-primary)}.stat-tooltip:hover .tooltip-text{opacity:1;visibility:visible}.stats-section{margin-bottom:var(--spacing-xl)}.stats-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-sm)}.stats-section:has(.quotes-status-pie-chart){margin-bottom:var(--spacing-xl)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.chart-card{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);border:1px solid var(--border-color);overflow:hidden;min-height:500px;padding:var(--spacing-lg)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.status-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--background-light);border-radius:var(--radius-md);border:1px solid var(--border-color)}.status-label{font-weight:500;color:var(--text-primary)}.status-count{font-weight:700;color:var(--primary-color);font-size:var(--font-size-lg)}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color)}.stats-table{width:100%;border-collapse:collapse;background:var(--background-white)}.stats-table th{background:var(--background-light);color:var(--text-primary);font-weight:600;text-align:left;padding:var(--spacing-md);border-bottom:2px solid var(--border-color);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.stats-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.stats-table tbody tr:hover{background:var(--background-light)}.stats-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.status-badge.status-draft{background:var(--warning-bg);color:var(--warning-color)}.status-badge.status-sent{background:var(--info-bg);color:var(--info-color)}.status-badge.status-approved{background:var(--success-bg);color:var(--success-color)}.status-badge.status-rejected{background:var(--error-bg);color:var(--error-color)}.status-badge.status-expired{background:var(--warning-bg);color:var(--warning-color)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;color:var(--text-secondary)}.empty-state svg{font-size:3rem;color:var(--text-muted);margin-bottom:var(--spacing-md)}.empty-state h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.empty-state p{margin:0}@media (max-width: 768px){.reports-page{padding:var(--spacing-md)}.header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.header-actions{justify-content:stretch}.header-actions .btn{flex:1}.filters-grid{grid-template-columns:1fr}.reports-tabs{flex-direction:column}.stats-grid,.status-grid{grid-template-columns:1fr}.stats-table{font-size:var(--font-size-sm)}.stats-table th,.stats-table td{padding:var(--spacing-sm)}.charts-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (max-width: 480px){.reports-page{padding:var(--spacing-sm)}.reports-page__header,.reports-filters,.reports-content{padding:var(--spacing-md)}.header-title{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.header-title .header-icon{font-size:1.5rem}.header-title h1{font-size:var(--font-size-xl)}}.roadmap-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem 0}.roadmap-container{max-width:1200px;margin:0 auto;padding:0 1rem}.roadmap-header{text-align:center;margin-bottom:3rem}.roadmap-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:.5rem;font-weight:700}.roadmap-subtitle{font-size:1.1rem;color:#7f8c8d;max-width:600px;margin:0 auto;line-height:1.6}.roadmap-timeline{position:relative;padding-left:2rem}.roadmap-timeline:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#3498db,#e74c3c,#f39c12,#9b59b6)}.roadmap-version{position:relative;margin-bottom:3rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.roadmap-version:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.roadmap-version:before{content:"";position:absolute;left:-2.5rem;top:2rem;width:12px;height:12px;border-radius:50%;border:3px solid white;z-index:2}.roadmap-version.current:before{background:#27ae60;box-shadow:0 0 0 4px #27ae6033}.roadmap-version.upcoming:before{background:#3498db;box-shadow:0 0 0 4px #3498db33}.roadmap-version.planned:before{background:#f39c12;box-shadow:0 0 0 4px #f39c1233}.roadmap-version.future:before{background:#9b59b6;box-shadow:0 0 0 4px #9b59b633}.version-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #ecf0f1}.version-header h2{font-size:1.8rem;color:#2c3e50;margin:0;font-weight:600}.version-status{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.version-status.current{background:#d5f4e6;color:#27ae60}.version-status.upcoming{background:#d6eaf8;color:#3498db}.version-status.planned{background:#fef5e7;color:#f39c12}.version-status.future{background:#e8daef;color:#9b59b6}.version-content{padding:2rem}.version-description{font-size:1.1rem;color:#5d6d7e;margin-bottom:1.5rem;line-height:1.6}.features-list h3{font-size:1.3rem;color:#2c3e50;margin-bottom:1rem;font-weight:600}.features-list ul{list-style:none;padding:0;margin:0}.features-list li{position:relative;padding:.75rem 0 .75rem 2rem;color:#5d6d7e;line-height:1.5;border-bottom:1px solid #f8f9fa}.features-list li:last-child{border-bottom:none}.features-list li:before{content:"✓";position:absolute;left:0;top:.75rem;color:#27ae60;font-weight:700;font-size:1.1rem}.roadmap-footer{margin-top:3rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center}.roadmap-footer p{color:#7f8c8d;line-height:1.6;margin:0}@media (max-width: 768px){.roadmap-container{padding:0 .5rem}.roadmap-header h1{font-size:2rem}.roadmap-timeline{padding-left:1.5rem}.roadmap-timeline:before{left:.5rem}.roadmap-version:before{left:-1.75rem}.version-header{flex-direction:column;align-items:flex-start;gap:1rem}.version-content,.roadmap-footer{padding:1.5rem}}@media (max-width: 480px){.roadmap-header h1{font-size:1.8rem}.version-header h2{font-size:1.5rem}.version-content{padding:1rem}}.links-page{min-height:100vh;background:var(--background-light);padding:var(--spacing-lg)}.links-container{max-width:1200px;margin:0 auto;background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 10px 30px #0000001a;overflow:hidden}.links-header{background:var(--background-white);color:var(--text-primary);padding:var(--spacing-xl);text-align:center;border-bottom:1px solid var(--border-light)}.links-header h1{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-3xl);font-weight:700}.links-subtitle{margin:0;font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.5}.links-filters{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);background:var(--background-light);display:flex;flex-direction:column;gap:var(--spacing-md)}.search-form{display:flex;gap:var(--spacing-sm);align-items:center}.search-input-group{position:relative;flex:1}.search-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:var(--font-size-sm)}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--background-white);color:var(--text-primary);transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.filter-section{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-icon{color:var(--text-secondary);font-size:var(--font-size-sm)}.category-filter{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--background-white);color:var(--text-primary);cursor:pointer;transition:border-color .2s ease}.category-filter:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.links-content{padding:var(--spacing-lg)}.category-section{margin-bottom:var(--spacing-xl)}.category-section:last-child{margin-bottom:0}.category-title{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-color);display:inline-block}.links-list{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.links-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.links-table th{background:var(--background-light);color:var(--text-primary);font-weight:600;text-align:left;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);white-space:nowrap}.links-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);vertical-align:top}.links-table tbody tr:hover{background:var(--background-light)}.link-title{margin:0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;line-height:1.3}.link-url{color:var(--primary-color);text-decoration:none;font-size:var(--font-size-sm);word-break:break-all;line-height:1.4;display:flex;align-items:center;gap:var(--spacing-xs);transition:color .2s ease}.link-url:hover{color:var(--primary-color-dark);text-decoration:underline}.external-icon{font-size:var(--font-size-xs);opacity:.7}.link-actions{display:flex;justify-content:flex-end}.category-badge{display:inline-block;background:var(--primary-color-light);color:var(--primary-color);padding:.2rem .6rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;min-height:2.5rem;justify-content:center}.btn--primary{background:var(--primary-color);color:var(--background-white);border-color:var(--primary-color)}.btn--primary:hover{background:var(--primary-color-dark);border-color:var(--primary-color-dark)}.btn--secondary{background:var(--background-white);color:var(--text-primary);border-color:var(--border-color)}.btn--secondary:hover{background:var(--background-light);border-color:var(--border-color-dark)}.btn--small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);min-height:2rem}.no-links{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-style:italic}.error-message{padding:var(--spacing-md) var(--spacing-lg);background:var(--error-background);color:var(--error-color);border-radius:var(--radius-md);margin:var(--spacing-lg)}.loading{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.links-page{padding:var(--spacing-md)}.links-header{padding:var(--spacing-lg)}.links-header h1{font-size:var(--font-size-2xl)}.links-subtitle{font-size:var(--font-size-base)}.links-filters{padding:var(--spacing-md)}.search-form{flex-direction:column;gap:var(--spacing-sm)}.search-input-group{width:100%}.filter-section{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.filter-group{justify-content:center}.category-filter{width:100%}.links-content{padding:var(--spacing-md)}.links-table{font-size:var(--font-size-sm)}.links-table th,.links-table td{padding:var(--spacing-sm) var(--spacing-md)}.category-title{font-size:var(--font-size-lg)}}.App{min-height:100vh}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);color:#fff}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{font-size:1.1rem;margin:0}:root{--primary-color: #005269;--primary-hover: #4fa8c5;--primary-dark: #282c34;--secondary-color: #667eea;--secondary-light: #764ba2;--success-color: #51cf66;--error-color: #ff6b6b;--error-hover: #ff5252;--warning-color: #ffa726;--text-primary: #333;--text-secondary: #666;--text-light: #999;--background-light: #f5f5f5;--background-white: #ffffff;--background-main: #ffffff;--border-color: #ddd;--border-light: #e0e0e0;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .2);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--font-size-sm: .8rem;--font-size-base: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--font-size-xxxl: 2.5rem;--transition-fast: .2s;--transition-normal: .3s}[data-theme=dark]{--primary-color: #4fa8c5;--primary-hover: #6bb6d1;--primary-dark: #1a1a1a;--secondary-color: #8b9cf7;--secondary-light: #9d6bd1;--success-color: #6bcf7f;--error-color: #ff8a8a;--error-hover: #ff9e9e;--warning-color: #ffb74d;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-light: #888;--background-light: #2a2a2a;--background-white: #1e1e1e;--background-main: #121212;--border-color: #404040;--border-light: #333;--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .5)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--background-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md) 0;font-weight:700;line-height:1.2}h1{font-size:var(--font-size-xxxl)}h2{font-size:var(--font-size-xxl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin:0 0 var(--spacing-md) 0;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:50px!important;font-size:var(--font-size-base);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);min-height:44px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-secondary{background-color:var(--background-white);color:var(--text-primary);border:none}.btn-danger{background-color:var(--error-color);color:var(--background-white)}.btn-danger:hover:not(:disabled){background-color:var(--error-hover)}.btn-success{background-color:var(--success-color);color:var(--background-white)}.btn-full{width:100%}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.btn-pill{border-radius:50px!important}.btn-pill-primary{background-color:var(--primary-color);color:#fff;border-radius:50px!important}.btn-pill-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-pill-secondary{background-color:var(--background-white);color:var(--text-primary);border:1px solid var(--border-color);border-radius:50px!important}.btn-pill-secondary:hover:not(:disabled){background-color:var(--background-light);border-color:var(--primary-color)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-fast);background-color:var(--background-white);font-family:inherit}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #61dafb1a;transform:translateY(-1px)}.form-input:hover:not(:disabled){border-color:var(--primary-hover)}.form-input:disabled{background-color:var(--background-light);cursor:not-allowed;opacity:.6}.form-input::placeholder{color:var(--text-light);font-style:italic}.auth-form .form-input{padding:var(--spacing-lg);font-size:var(--font-size-base);border-radius:var(--radius-md);border:2px solid var(--border-color);transition:all var(--transition-fast)}.auth-form .form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #61dafb26;transform:translateY(-2px)}.auth-form .form-input:hover:not(:disabled){border-color:var(--primary-hover);box-shadow:0 2px 8px #61dafb1a}.card{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 2px 4px var(--shadow-light);overflow:hidden}.card-header{padding:var(--spacing-xl);background:transparent;color:var(--background-white);text-align:center}.card-body{padding:var(--spacing-xl)}.container{margin:0 auto;padding:0 var(--spacing-lg)}.container-sm{max-width:500px}.container-md{max-width:800px}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.full-height{min-height:100vh}.full-width{width:100%}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.m-6{margin:var(--spacing-xxl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.p-6{padding:var(--spacing-xxl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mb-6{margin-bottom:var(--spacing-xxl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mt-6{margin-top:var(--spacing-xxl)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);text-align:center}.alert-error{background-color:var(--error-color);color:var(--background-white)}.alert-success{background-color:var(--success-color);color:var(--background-white)}.alert-warning{background-color:var(--warning-color);color:var(--background-white)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--text-primary)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}.card-header,.card-body{padding:var(--spacing-lg)}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}}@media (max-width: 480px){.container{padding:0 var(--spacing-sm)}.card-header,.card-body,.btn{padding:var(--spacing-md)}.form-input{padding:var(--spacing-sm) var(--spacing-md)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible:focus{outline:2px solid var(--primary-color);outline-offset:2px}.dark-mode-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--background-white);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-base)}.dark-mode-toggle:hover{background-color:var(--background-light);border-color:var(--primary-color)}.dark-mode-toggle__icon{font-size:var(--font-size-base);transition:transform var(--transition-fast)}.dark-mode-toggle:hover .dark-mode-toggle__icon{transform:scale(1.1)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-light{color:var(--text-light)}.bg-white{background-color:var(--background-white)}.bg-light{background-color:var(--background-light)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow{box-shadow:0 2px 4px var(--shadow-light)}.shadow-lg{box-shadow:0 4px 8px var(--shadow-light)}.shadow-xl{box-shadow:0 10px 25px var(--shadow-medium)}.admin-header{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:0 4px 12px var(--shadow-light);border:1px solid var(--border-light);overflow:hidden}.admin-header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-header-title{display:flex;align-items:center;gap:var(--spacing-md)}.admin-header-title h2{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:18px!important;font-weight:600!important;letter-spacing:-.01em}.admin-header-title p{margin:0;color:var(--text-secondary);font-size:14px!important;font-weight:400;opacity:.8}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}