.tab-switcher{display:flex;gap:var(--spacing-2);margin-right:auto}.tab-btn{padding:var(--spacing-2) var(--spacing-4);background:transparent;border:none;color:var(--color-text-secondary);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{color:var(--color-text-primary);border-bottom-color:var(--color-accent);font-weight:600}.contracts-status-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-4);flex-wrap:wrap}.status-tab-btn{padding:var(--spacing-1-5) var(--spacing-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-xs);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast)}.status-tab-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.status-tab-btn.active{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6)}.tab-content{display:none}.tab-content.active{display:block}.contracts-list{display:grid;gap:var(--spacing-4)}.contracts-section{margin-bottom:var(--spacing-8)}.contracts-section-title{font-size:var(--font-size-xs);font-family:var(--font-mono);font-weight:600;margin-bottom:var(--spacing-4);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.empty-state{padding:var(--spacing-12) var(--spacing-6);text-align:center;background:var(--color-surface-subtle);border-radius:var(--radius-md);border:1px dashed var(--color-border)}.empty-state-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.contract-card{cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.contract-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover);transform:translateY(-1px)}.contract-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4);gap:var(--spacing-4)}.contract-title-section{display:flex;align-items:center;gap:var(--spacing-3);flex:1}.contract-title{margin:0;color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;letter-spacing:-.01em;word-break:break-word}.contract-role-badge{display:inline-block;padding:2px var(--spacing-2);background:var(--color-surface-subtle);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);font-weight:500;margin-left:var(--spacing-2);white-space:nowrap}.contract-status{display:inline-block;padding:2px var(--spacing-2-5);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid var(--color-border)}.contract-status.status-active{background:var(--color-surface-subtle);color:var(--color-text-primary);border-color:var(--color-border)}.contract-status.status-completed{background:var(--color-surface-subtle);color:var(--color-text-muted)}.low-balance-badge{display:inline-block;padding:2px var(--spacing-2-5);background:var(--color-surface-subtle);color:var(--color-warning-text);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);font-weight:500;white-space:nowrap;margin-left:var(--spacing-2)}.contract-cost{font-size:var(--font-size-xl);font-weight:700;font-family:var(--font-mono);color:var(--color-text-primary)}.contract-details{margin-bottom:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.contract-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0 0 var(--spacing-4) 0;word-break:break-word}.contract-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4)}.contract-info-item{display:flex;flex-direction:column}.info-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:var(--spacing-1)}.info-value{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500}.contract-footer{cursor:auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.contract-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:center}.history-badge-wrapper{position:relative}.history-badge{display:inline-flex;align-items:center;gap:var(--spacing-1-5);padding:2px var(--spacing-2-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);font-weight:500;color:var(--color-text-secondary);cursor:default;transition:all var(--transition-fast)}.history-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-live)}.history-badge-wrapper:hover .history-badge{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.history-popup{display:none;position:absolute;bottom:calc(100% + 8px);left:auto;right:0;min-width:260px;max-width:340px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-4);z-index:100;animation:historyPopIn .15s ease}.history-badge-wrapper:hover .history-popup{display:block}.history-popup-title{font-size:var(--font-size-xs);font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}.history-popup-entry{display:flex;flex-wrap:wrap;gap:var(--spacing-1) var(--spacing-2);align-items:baseline;font-size:var(--font-size-sm);padding:var(--spacing-1) 0}.history-popup-entry+.history-popup-entry{border-top:1px solid var(--color-border)}.history-popup-action{font-weight:600;color:var(--color-text-primary)}.history-popup-user{color:var(--color-text-secondary)}.history-popup-date{color:var(--color-text-muted);font-size:var(--font-size-xs);font-family:var(--font-mono);width:100%}@keyframes historyPopIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.contract-actions-inner{display:flex;flex-wrap:wrap;gap:var(--spacing-3);align-items:center}.no-actions{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.status-update-section{display:flex;align-items:center;gap:var(--spacing-2)}.status-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.contract-status-select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast)}.contract-status-select:hover{border-color:var(--color-border-hover)}.contract-status-select:focus{outline:none;border-color:var(--color-border-hover);box-shadow:0 0 0 1px var(--color-border-hover)}.contact-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.contact-popup{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:440px;max-height:90vh;overflow-y:auto;animation:popupSlide .25s cubic-bezier(.16,1,.3,1)}.contact-popup-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-5);border-bottom:1px solid var(--color-border)}.expert-avatar{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-contrast);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:700;flex-shrink:0}.expert-info{flex:1;min-width:0}.expert-info h3{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.expert-category-tag{display:inline-block;font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-secondary);background:var(--color-surface-subtle);border:1px solid var(--color-border);padding:1px var(--spacing-2);border-radius:var(--radius-sm);margin-top:2px}.popup-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--color-text-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.popup-close:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.contact-pricing{text-align:center;padding:var(--spacing-5) var(--spacing-5);border-bottom:1px solid var(--color-border)}.contact-pricing .pricing-amount{display:block;font-size:var(--font-size-2xl);font-weight:700;font-family:var(--font-mono);color:var(--color-text-primary);line-height:1.2}.contact-pricing .pricing-note{display:block;font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.contact-form{padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-4)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-field label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.form-field input,.form-field textarea{padding:var(--spacing-2-5) var(--spacing-3-5, 14px);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--color-border-hover);box-shadow:0 0 0 1px var(--color-border-hover)}.form-hint{display:block;margin-top:4px;font-size:.8rem;color:var(--color-text-muted)}.form-field textarea{resize:vertical;min-height:100px}.popup-actions{display:flex;flex-direction:row;gap:var(--spacing-3);margin-top:var(--spacing-4)}.popup-actions .btn{flex:1}.btn-full{width:100%}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--spacing-2-5) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:center}.btn-outline:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.btn-danger{background:var(--color-error);color:var(--color-white);border:1px solid var(--color-error);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{background:var(--color-error-hover);border-color:var(--color-error-hover)}.btn-danger:active{transform:scale(.98)}.btn-sm{padding:var(--spacing-1-5) var(--spacing-3);font-size:var(--font-size-xs);font-family:var(--font-mono)}.btn-chat{text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-1-5);white-space:nowrap}.expert-review-item{padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border)}.expert-review-item:last-child{border-bottom:none}.expert-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.expert-review-author{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-sm)}.expert-review-author-name{color:var(--color-text-muted);font-weight:400;margin-left:var(--spacing-2)}.expert-review-date{color:var(--color-text-muted);font-size:var(--font-size-xs)}.expert-review-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.review-stars{margin-bottom:var(--spacing-3)}.review-star{font-size:24px;cursor:pointer;color:var(--color-border);transition:color var(--transition-fast)}.review-star:hover,.review-star.active{color:var(--color-accent)}.review-textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:inherit;resize:vertical}.review-options{margin-top:var(--spacing-3)}.review-checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.review-checkbox{width:16px;height:16px;cursor:pointer}.review-submit-btn{margin-top:var(--spacing-3)}.review-error-msg{color:var(--color-error);margin-top:var(--spacing-2);font-size:var(--font-size-sm)}.review-success-msg{color:var(--color-success);padding:var(--spacing-3) 0;font-size:var(--font-size-sm);font-weight:500}@media(max-width:768px){.contracts-status-tabs{gap:var(--spacing-1)}.status-tab-btn{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}.tab-switcher{width:100%;margin-right:0;margin-bottom:var(--spacing-4)}.card-header{flex-direction:column;gap:var(--spacing-4)}.contract-header{flex-direction:column}.contract-info-grid{grid-template-columns:repeat(2,1fr)}.contract-footer,.contract-actions{flex-direction:column;align-items:stretch}.history-popup{left:0;right:0;min-width:unset;max-width:unset}.status-update-section{flex-direction:column}.contract-status-select,.btn-danger{width:100%}.contact-popup{max-width:calc(100% - var(--spacing-6));border-radius:var(--radius-lg)}.contact-popup-header{padding:var(--spacing-4) var(--spacing-4)}.expert-avatar{width:36px;height:36px;font-size:var(--font-size-lg)}.contact-pricing{padding:var(--spacing-4) var(--spacing-4)}.contact-pricing .pricing-amount{font-size:var(--font-size-2xl)}.contact-form{padding:var(--spacing-4)}}@media(max-width:480px){.contract-card{cursor:pointer;padding:var(--spacing-3)}.contract-header{gap:var(--spacing-2)}.contract-cost{font-size:var(--font-size-lg)}.contract-title{font-size:var(--font-size-base)}.contract-info-grid{grid-template-columns:1fr}.tab-btn{padding:var(--spacing-2);font-size:var(--font-size-xs)}.form-actions{gap:var(--spacing-2)}.btn{font-size:var(--font-size-xs)}.popup-actions{flex-direction:column}}.contract-page{max-width:1200px;margin:0 auto;padding:var(--spacing-6)}.contract-detail-header{background:var(--color-surface);padding:var(--spacing-6) var(--spacing-8);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.contract-detail-header h1{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--spacing-2);line-height:1.2}.contract-detail-header .subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-2)}.contract-detail-header .created-date{color:var(--color-text-muted);font-size:var(--font-size-xs);font-family:var(--font-mono)}.status-badge{display:inline-block;padding:2px var(--spacing-2-5);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-3);border:1px solid var(--color-border)}.status-badge.active{background-color:var(--color-surface-subtle);color:var(--color-text-primary);border-color:var(--color-border)}.status-badge.completed{background-color:var(--color-surface-subtle);color:var(--color-text-muted)}.contract-layout{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-8);align-items:start}@media(max-width:900px){.contract-layout{grid-template-columns:1fr}}.section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.section-card:hover{box-shadow:var(--shadow-md)}.section-title{font-size:var(--font-size-xs);font-family:var(--font-mono);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border)}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-sm)}.detail-value{color:var(--color-text-primary);text-align:right;font-size:var(--font-size-sm);font-weight:500}.detail-value a{color:var(--color-text-primary);text-decoration:underline;font-weight:500}.detail-value a:hover{opacity:.8}.description-text{color:var(--color-text-primary);line-height:1.7;white-space:pre-wrap;font-size:var(--font-size-sm)}.cost-summary{text-align:center}.cost-summary .label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2)}.cost-summary .big-number{font-size:var(--font-size-3xl);font-weight:700;font-family:var(--font-mono);color:var(--color-text-primary);letter-spacing:-.02em;line-height:1;margin-bottom:var(--spacing-5)}.cost-summary hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-5) 0}.actions-section{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.quick-links{display:flex;flex-direction:column;gap:var(--spacing-3)}.quick-links a{display:block;padding:var(--spacing-2-5) var(--spacing-4);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);text-decoration:none;text-align:center;font-weight:500;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.quick-links a:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.pricing-badge{display:inline-block;padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:capitalize}.loading-state{text-align:center;padding:var(--spacing-12);color:var(--color-text-muted)}.error-state{text-align:center;padding:var(--spacing-12) var(--spacing-6);color:var(--color-text-secondary)}.error-state h2{color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-6);color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-text-primary)}