.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);z-index:var(--z-modal-backdrop)}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar{position:fixed;left:0;top:0;width:234px;height:100vh;background:var(--white);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--transition-normal);z-index:var(--z-modal);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}@media (min-width: 1024px) and (max-width: 1280px){.sidebar{width:216px}}.sidebar-header{padding:18px 16px;display:flex;flex-direction:column;gap:11px;background:var(--white);border-bottom:none;position:relative;overflow:hidden}.sidebar-header:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;border-radius:1px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.sidebar-header-top{display:flex;justify-content:space-between;align-items:center}.sidebar-logo{display:flex;align-items:center;gap:11px}.logo-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--background-gray);border-radius:var(--radius-lg);border:1px solid var(--border-color);color:var(--primary-color)}.logo-text-container{display:flex;flex-direction:column;gap:2px}.logo-title{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;line-height:1}.logo-text{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.sidebar-close{display:none;background:var(--background-gray);border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);transition:background var(--transition-fast);line-height:1}.sidebar-close:hover{background:var(--border-color)}.sidebar-nav{flex:1;overflow-y:auto;padding:4px 0}.nav-section{margin-bottom:2px}.nav-section-label{font-family:var(--font-sans);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:10px 16px 4px}.nav-section-divider{height:1px;background:var(--background-gray);margin:4px 16px 2px}.nav-list{list-style:none;margin:0;padding:0}.nav-list>li{margin-bottom:1px}.nav-link{display:flex;align-items:center;gap:9px;padding:8px 10px;margin:0 8px;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;line-height:1.4;border-radius:var(--radius-lg);position:relative;cursor:pointer;border:none;background:none;width:calc(100% - 16px);text-align:left}.nav-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-link.active{background:var(--background-gray);color:var(--text-primary);font-weight:600}.nav-link.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color))}.nav-icon{display:inline-flex;align-items:center;justify-content:center;min-width:18px;color:inherit}.nav-label{flex:1}.nav-message-count{font-size:10px;font-weight:700;color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe;border-radius:999px;padding:1px 6px;line-height:1.2}.sidebar-footer{padding:14px 16px;border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;gap:10px}.footer-user-info{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-fast)}.footer-user-info:hover{background:var(--background-gray);border-color:var(--text-light)}.footer-user-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--background-gray);border-radius:50%;font-size:var(--text-sm);object-fit:cover;border:1px solid var(--border-color);flex-shrink:0}.footer-user-email{font-size:.72rem;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.footer-user-meta{display:flex;flex-direction:column;min-width:0;flex:1}.footer-user-tenant{font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-logout-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:8px 12px;background:var(--error-color);color:var(--white);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.footer-logout-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 768px){.sidebar-close{display:flex!important;align-items:center;justify-content:center}}@media (min-width: 1024px){.sidebar{transform:translate(0);box-shadow:var(--shadow-sm)}.sidebar-overlay,.sidebar-close{display:none!important}}.layout{display:flex;min-height:100vh;background:var(--background-gray)}.layout-content{flex:1;display:flex;flex-direction:column;margin-left:0;transition:margin-left var(--transition-normal);min-width:0;width:100%}@media (min-width: 1024px){.layout-content{margin-left:234px}}@media (min-width: 1024px) and (max-width: 1280px){.layout-content{margin-left:216px}}.top-nav{background:var(--white);border-bottom:1px solid var(--border-color);padding:0 var(--spacing-8);display:flex;justify-content:space-between;align-items:center;height:56px;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky);gap:var(--spacing-4)}@media (min-width: 1024px){.top-nav{display:none}}.nav-left{display:flex;align-items:center;gap:var(--spacing-4);flex:1}.menu-toggle{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:var(--spacing-2);display:none;transition:color var(--transition-fast);border-radius:var(--radius-md)}.menu-toggle:hover{color:var(--primary-color);background:var(--primary-light)}@media (max-width: 1023px){.menu-toggle{display:flex;align-items:center;justify-content:center}}.nav-app-name{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--text-primary);white-space:nowrap}.nav-right{display:flex;align-items:center;gap:8px}.nav-install-btn{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:700;border-radius:var(--radius-md);padding:4px 8px}.nav-install-btn:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.nav-bell-btn{position:relative;width:28px;height:28px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--white);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.nav-bell-btn:hover{color:var(--text-primary);border-color:var(--secondary-color)}.nav-bell-count{position:absolute;top:-5px;right:-7px;min-width:16px;height:16px;border-radius:999px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.nav-user-name{font-size:var(--text-xs);color:var(--text-secondary);max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-logout-btn{border:1px solid var(--border-color);background:var(--white);color:var(--text-secondary);font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-md);padding:4px 8px}.main-content{flex:1;overflow-y:auto;max-width:100%}@media (max-width: 768px){.top-nav{padding:0 var(--spacing-4);height:50px}}.dashboard-page{padding:25px;background:var(--background-gray);min-height:100vh}.dashboard-header{margin-bottom:27px}.dashboard-header h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em;line-height:1.2}.dashboard-header p{font-size:var(--text-sm);color:var(--text-secondary);margin:2px 0 0;font-weight:500;position:relative;display:inline-block;line-height:1.5}.dashboard-header p:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:18px}.stat-card{background:var(--white);border-radius:var(--radius-2xl);padding:22px 25px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.stat-value{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.stat-change{font-size:var(--text-xs);font-weight:600;margin-top:4px}.stat-change.positive{color:var(--success-color)}.stat-change.negative{color:var(--error-color)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(306px,1fr));gap:18px;align-items:start}.dashboard-card{background:var(--white);border-radius:var(--radius-2xl);padding:25px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-normal);height:fit-content}.dashboard-card:hover{box-shadow:var(--shadow-md);border-color:var(--secondary-color);transform:translateY(-2px)}.dashboard-card h2{font-family:var(--font-display);color:var(--text-primary);margin:0 0 18px;font-size:var(--text-xl);font-weight:700;display:flex;align-items:center;gap:9px;letter-spacing:-.01em}.dashboard-card h2:before{content:"";display:block;width:4px;height:18px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:var(--radius-sm);flex-shrink:0}.dashboard-card.wide{grid-column:1 / -1}.dashboard-card-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.dashboard-card-header-row h2{margin-bottom:0}.dashboard-inline-link{border:1px solid #dbe3ec;background:#f8fafc;color:var(--secondary-color);border-radius:var(--radius-full);padding:3px 10px;font-size:11px;font-weight:700;cursor:pointer}.dashboard-inline-link:hover{border-color:var(--secondary-color);background:#eff6ff}.activity-list{list-style:none;padding:0;margin:0}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--background-gray)}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.activity-dot.blue{background:var(--secondary-color)}.activity-dot.green{background:var(--success-color)}.activity-dot.orange{background:var(--warning-color)}.activity-dot.red{background:var(--error-color)}.activity-content{flex:1}.activity-text{font-size:var(--text-sm);color:var(--text-primary);line-height:1.4}.activity-time{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-action-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.quick-action-btn:hover{background:var(--background-gray);border-color:var(--secondary-color);transform:translateY(-1px)}.quick-action-btn svg{color:var(--secondary-color)}.task-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--background-gray)}.task-item:last-child{border-bottom:none}.task-info{display:flex;align-items:center;gap:10px;min-width:0}.task-checkbox{width:16px;height:16px;border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);-moz-appearance:none;appearance:none;-webkit-appearance:none}.task-checkbox:checked{background:var(--success-color);border-color:var(--success-color)}.task-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.task-item.detailed{gap:8px}.task-copy{display:flex;flex-direction:column;min-width:0}.task-meta-inline{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-due{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.dashboard-loading{text-align:center;font-size:var(--text-base);color:var(--text-secondary)}.dashboard-error{margin-bottom:16px;padding:10px 12px;background:var(--error-light);color:var(--error-dark);border:1px solid #fecaca;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600}.dashboard-empty-copy{font-size:var(--text-sm);color:var(--text-secondary)}.pipeline-summary-list{display:flex;flex-direction:column;gap:10px}.pipeline-summary-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--background-gray)}.pipeline-summary-row:last-child{border-bottom:none}.pipeline-summary-left{display:flex;align-items:center;gap:10px}.pipeline-stage-dot{width:8px;height:8px;border-radius:50%}.pipeline-stage-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.pipeline-stage-value{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.dashboard-message-item{width:100%;border:1px solid #e2e8f0;background:#f8fafc;border-radius:var(--radius-lg);padding:8px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:8px;text-align:left}.dashboard-message-item:last-child{margin-bottom:0}.dashboard-message-item:hover{border-color:var(--secondary-color);background:var(--white)}.dashboard-message-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid #d7dee8}.dashboard-message-avatar.fallback{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:.03em;color:#334155;background:linear-gradient(135deg,#dbeafe,#e2e8f0)}.dashboard-message-avatar.fallback.group{background:linear-gradient(135deg,#e9d5ff,#c7d2fe)}.dashboard-message-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.dashboard-message-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.dashboard-message-title-row strong{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-message-title-row time{font-size:10px;color:var(--text-muted);white-space:nowrap}.dashboard-message-copy>span{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-message-unread{min-width:20px;height:20px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#1d4ed8;background:#dbeafe}@media (max-width: 768px){.dashboard-page{padding:18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.quick-actions{grid-template-columns:1fr}}.view-contact-modal{max-width:760px;max-height:90vh;overflow-y:auto}.contact-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.contact-tabs{display:flex;border-bottom:2px solid var(--background-gray);padding:0 24px}.contact-tab{padding:10px 18px;font-size:13px;font-weight:600;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.contact-tab:hover{color:var(--text-primary)}.contact-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.contact-tab-count{background:var(--background-gray);color:var(--text-muted);font-size:11px;font-weight:700;padding:1px 7px;border-radius:10px;min-width:18px;text-align:center}.contact-tab.active .contact-tab-count{background:var(--primary-color);color:#fff}.contact-image-section{margin-bottom:20px;display:flex;align-items:flex-start;gap:12px}.contact-detail-image{width:120px;height:120px;border-radius:50%;object-fit:cover;display:block;flex-shrink:0}.contact-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 640px){.contact-details-grid{grid-template-columns:1fr;gap:20px}}.badge-inactive{background:#f3f4f6;color:#6b7280}.badge-lead{background:#dbeafe;color:#1e40af}.metadata-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin-top:14px}.metadata-item svg{flex-shrink:0;opacity:.6}.contact-deals-tab{display:flex;flex-direction:column;gap:18px}.contact-deal-section h4{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.contact-deals-loading,.contact-no-deals{text-align:center;padding:20px;border-radius:10px;background:var(--background-gray);color:var(--text-muted);font-size:13px}.contact-related-deals-list{display:flex;flex-direction:column;gap:10px}.contact-related-deal-card{border:1px solid var(--border-color);border-radius:10px;background:var(--white);padding:12px 14px}.contact-related-deal-card.is-clickable{cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.contact-related-deal-card.is-clickable:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.contact-related-deal-card.is-clickable:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px}.contact-deal-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.contact-deal-title-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.contact-deal-title-group h4{margin:0;font-size:14px;font-weight:700;color:var(--text-primary)}.contact-deal-status-pill{border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;text-transform:uppercase;border:1px solid transparent}.contact-deal-status-pill.active{color:#166534;background:#dcfce7;border-color:#bbf7d0}.contact-deal-status-pill.won{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.contact-deal-status-pill.lost{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.contact-deal-value{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--primary-color);white-space:nowrap}.contact-deal-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:8px}.contact-deal-meta-pill{border:1px solid #dbe3ec;background:#f8fafc;color:var(--text-secondary);border-radius:999px;font-size:11px;font-weight:600;padding:3px 8px}.contact-deal-meta-pill.stage{color:var(--stage-pill-color, var(--text-secondary));background:var(--stage-pill-soft, #f8fafc);border-color:var(--stage-pill-border, #dbe3ec)}.contact-deal-vessels{display:flex;flex-wrap:wrap;gap:6px}.contact-deal-vessel-pill{border:1px solid #dbe3ec;background:var(--white);color:var(--text-secondary);border-radius:999px;font-size:11px;font-weight:600;padding:3px 8px 3px 4px;display:inline-flex;align-items:center;gap:6px;max-width:220px}.contact-deal-vessel-avatar,.contact-deal-vessel-avatar-fallback{width:18px;height:18px;border-radius:50%;flex-shrink:0}.contact-deal-vessel-avatar{object-fit:cover;border:1px solid #d7dee8}.contact-deal-vessel-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;letter-spacing:.03em;color:#475569;background:linear-gradient(135deg,#dbeafe,#e2e8f0);border:1px solid #d7dee8}.contact-deal-vessel-name{min-width:0;max-width:178px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-timeline{display:flex;flex-direction:column}.contact-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--text-muted);text-align:center}.contact-empty-state svg{opacity:.35}.contact-empty-state p{margin:0;font-size:14px}.contact-timeline-list{display:flex;flex-direction:column;gap:0;position:relative}.contact-timeline-event{display:flex;gap:14px;position:relative;padding:0 0 24px}.contact-timeline-event:last-child{padding-bottom:0}.contact-timeline-line{position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--background-gray)}.contact-timeline-event:last-child .contact-timeline-line{display:none}.contact-timeline-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.contact-timeline-event-created .contact-timeline-icon{background:#d1fae5;color:#065f46}.contact-timeline-event-updated .contact-timeline-icon{background:#dbeafe;color:#1e40af}.contact-timeline-event-note_added .contact-timeline-icon{background:#fce7f3;color:#9f1239}.contact-timeline-content{flex:1;min-width:0;padding-top:4px}.contact-timeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.contact-timeline-description{font-size:14px;font-weight:600;color:var(--text-primary)}.contact-timeline-time{font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.contact-timeline-date{font-size:12px;color:var(--text-muted);margin-top:2px}.contact-timeline-changes{margin-top:10px;background:var(--background-gray);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.contact-timeline-change{display:flex;align-items:center;gap:6px;font-size:13px;flex-wrap:wrap}.contact-timeline-change svg{flex-shrink:0;opacity:.4}.contact-notes-tab{display:flex;flex-direction:column;gap:24px}.contact-add-note-form{background:var(--background-gray);border-radius:10px;padding:18px}.contact-add-note-form h4{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--text-primary)}.contact-note-form-fields{display:flex;flex-direction:column;gap:10px}.contact-note-author-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--white);color:var(--text-primary)}.contact-note-author-input:focus,.contact-note-content-input:focus{outline:none;border-color:var(--primary-color)}.contact-note-content-input{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--white);color:var(--text-primary);font-family:inherit;resize:vertical;min-height:60px}.contact-btn-add-note{align-self:flex-end;padding:8px 20px;font-size:13px}.contact-notes-list{display:flex;flex-direction:column;gap:12px}.contact-note-card{background:var(--white);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px}.contact-note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.contact-note-author{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text-primary)}.contact-note-author svg{opacity:.5}.contact-note-time{font-size:12px;color:var(--text-muted)}.contact-note-body{font-size:14px;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.contact-note-timestamp{margin-top:8px;font-size:11px;color:var(--text-muted)}.edit-contact-modal{max-width:700px}.contact-image-upload-section{margin-bottom:18px}.contact-image-upload-section>label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.contact-image-upload-area{display:flex;align-items:flex-start;gap:12px}.contact-image-upload-label{width:120px;height:120px;border-radius:50%;border:2px dashed #d1d5db;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#9ca3af;cursor:pointer;text-align:center;transition:all .2s}.contact-image-upload-label:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.contact-image-upload-label span{font-size:12px}.contact-image-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;position:relative}.contact-image-preview img{width:100%;height:100%;object-fit:cover}.remove-contact-image-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:none;background:#0000009e;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.full-width{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:8px}.required{color:#ef4444}.form-group input,.form-group select{padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:#9ca3af}.error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px;margin-bottom:20px}.error-banner svg{flex-shrink:0;color:#dc2626}.contacts-page{padding:25px;background:var(--background-gray);min-height:calc(100vh - 64px)}.contacts-header{margin-bottom:22px}.contacts-header h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin:0}.contacts-header p{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);margin:2px 0 0;display:inline-block;position:relative;line-height:1.5}.contacts-header p:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.contacts-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px;flex-wrap:wrap}.contacts-search{position:relative;flex:1;min-width:220px;max-width:400px}.contacts-search input{width:100%;padding:7px 11px 7px 32px;border:1.5px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-sans);background:var(--white);transition:all var(--transition-fast);color:var(--text-primary)}.contacts-search input:hover{border-color:var(--text-light)}.contacts-search input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #3b82f61a}.contacts-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.contacts-actions{display:flex;gap:8px}.contacts-table-wrapper{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.contacts-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.contacts-table thead{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.contacts-table th{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);text-align:left;padding:10px 18px}.contacts-table td{padding:12px 18px;color:var(--text-primary);font-weight:500;border-bottom:1px solid var(--background-gray)}.contacts-table tbody tr{transition:background var(--transition-fast)}.contacts-table tbody tr:hover{background:var(--bg-secondary)}.contacts-table tbody tr.contact-row-clickable{cursor:pointer}.contacts-table tbody tr.contact-row-clickable:focus-visible{outline:2px solid var(--secondary-color);outline-offset:-2px}.contacts-table tbody tr:last-child td{border-bottom:none}.contact-name{font-weight:600;color:var(--text-primary)}.contact-name-cell{display:flex;align-items:center;gap:10px}.contact-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.contact-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--background-gray);color:var(--text-secondary);font-size:12px;font-weight:700;border:1px solid var(--border-color)}.contact-email{color:var(--text-secondary);font-size:var(--text-xs)}.contact-company{color:var(--text-secondary)}.contact-actions{display:flex;gap:6px}.contact-action-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px 8px;cursor:pointer;color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;transition:all var(--transition-fast)}.contact-action-btn:hover{background:var(--background-gray);color:var(--text-primary);border-color:var(--text-light)}.contact-delete-btn:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.contact-toast{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--success);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;margin-bottom:12px;animation:toastIn .3s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayIn .2s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-container{width:100%;max-width:560px;background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 40px #0f172a2e,0 0 0 1px var(--border-color);overflow:hidden;animation:modalIn .25s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 14px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.modal-header p{font-size:var(--text-xs);color:var(--text-muted);margin:2px 0 0}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-light);padding:4px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:20px 24px}.modal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.modal-body .form-group{display:flex;flex-direction:column}.modal-body label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);margin-bottom:5px}.modal-body label .required{color:var(--error)}.modal-body input,.modal-body select{height:36px;padding:0 11px;border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:var(--font-body)}.modal-body input::placeholder{color:var(--text-light)}.modal-body input:focus,.modal-body select:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px #3b82f61f}.modal-body .has-error input,.modal-body .has-error select{border-color:var(--error)}.modal-body .has-error input:focus,.modal-body .has-error select:focus{box-shadow:0 0 0 3px #ef44441f}.field-error{font-size:.68rem;color:var(--error);margin-top:3px}.add-contact-image-upload-section{margin-bottom:14px}.add-contact-image-upload-section>label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);margin-bottom:6px}.add-contact-image-upload-area{display:flex;align-items:flex-start;gap:12px}.add-contact-image-upload-label{width:112px;height:112px;border-radius:50%;border:2px dashed #d1d5db;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#9ca3af;cursor:pointer;text-align:center;transition:all .2s}.add-contact-image-upload-label:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.add-contact-image-upload-label span{font-size:12px}.add-contact-image-preview{width:112px;height:112px;border-radius:50%;overflow:hidden;position:relative}.add-contact-image-preview img{width:100%;height:100%;object-fit:cover}.remove-add-contact-image-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;border:none;background:#0000009e;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid var(--border-color);margin-top:6px}@media (max-width: 768px){.contacts-page{padding:18px}.contacts-toolbar{flex-direction:column}.contacts-search{max-width:none}.contacts-table-wrapper{overflow-x:auto}.contacts-table{min-width:600px}.modal-container{max-width:calc(100% - 32px)}.modal-form-row{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:#111827}.modal-close{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;transition:color .2s;display:flex;align-items:center;justify-content:center;border-radius:6px}.modal-close:hover{color:#111827;background:#f3f4f6}.modal-body{padding:24px;overflow-y:auto;flex:1}.form-section{margin-bottom:32px}.form-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#374151;padding-bottom:8px;border-bottom:1px solid #e5e7eb}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;background:#fff;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.modal-footer .btn{min-width:100px}.btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.image-upload-area{margin-bottom:8px;display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.image-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:148px;height:148px;padding:12px;border:2px dashed #d1d5db;border-radius:50%;cursor:pointer;color:#9ca3af;transition:all .2s;text-align:center;flex-shrink:0}.image-upload-label:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.image-upload-label span{font-size:12px;line-height:1.25;max-width:104px}.image-preview{position:relative;border-radius:50%;overflow:hidden;width:148px;height:148px;flex-shrink:0}.image-preview img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.remove-image-btn{position:absolute;top:6px;right:6px;background:#0009;color:#fff;border:none;border-radius:50%;width:26px;height:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-image-btn:hover{background:#dc2626cc}.searchable-select{position:relative}.searchable-select input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;background:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.searchable-select input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.searchable-select input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:1100;box-shadow:0 4px 12px #00000026}.dropdown-item{padding:10px 12px;font-size:14px;color:#374151;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:8px}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.selected{background:#eff6ff;color:#2563eb;font-weight:500}.dropdown-item.add-new{color:#2563eb;border-top:1px solid #e5e7eb;font-weight:500}.dropdown-item.add-new:hover{background:#eff6ff}.dropdown-item.disabled{color:#9ca3af;cursor:default;font-style:italic}.dropdown-item.disabled:hover{background:transparent}.dimensions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.dimensions-grid{grid-template-columns:1fr}}.dimension-group{display:flex;flex-direction:column}.dimension-group>label{font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.dimension-inputs{display:flex;gap:8px}.dimension-field{flex:1;display:flex;align-items:center;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.dimension-field:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dimension-field input{flex:1;border:none;padding:10px 12px;font-size:14px;color:#111827;outline:none;min-width:0;background:transparent}.dimension-field input::placeholder{color:#9ca3af}.dimension-unit{padding:0 10px;font-size:13px;font-weight:500;color:#6b7280;background:#f3f4f6;border-left:1px solid #d1d5db;height:100%;display:flex;align-items:center;min-width:28px;justify-content:center}.view-vessel-modal{max-width:800px;max-height:90vh;overflow-y:auto}.vessel-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.vessel-tabs{display:flex;gap:0;border-bottom:2px solid var(--background-gray);padding:0 24px}.vessel-tab{padding:10px 18px;font-size:13px;font-weight:600;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.vessel-tab:hover{color:var(--text-primary)}.vessel-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-count{background:var(--background-gray);color:var(--text-muted);font-size:11px;font-weight:700;padding:1px 7px;border-radius:10px;min-width:18px;text-align:center}.vessel-tab.active .tab-count{background:var(--primary-color);color:#fff}.vessel-image-section{margin-bottom:20px;display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.vessel-detail-image{width:148px;height:148px;border-radius:50%;object-fit:cover;display:block;flex-shrink:0}.vessel-details-grid{display:flex;flex-direction:column;gap:28px}.detail-section{display:flex;flex-direction:column;gap:16px}.detail-section h3{font-size:14px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0;padding-bottom:8px;border-bottom:2px solid var(--background-gray)}.detail-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 640px){.detail-row{grid-template-columns:1fr;gap:16px}}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:15px;color:var(--text-primary);font-weight:500}.detail-value .badge{display:inline-flex;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.badge-active{background:#d1fae5;color:#065f46}.badge-laid-up{background:#fef3c7;color:#92400e}.badge-in-transit{background:#dbeafe;color:#1e40af}.badge-drydock{background:#f3f4f6;color:#6b7280}.vessel-metadata{margin-top:24px;padding-top:20px;border-top:1px solid var(--background-gray);display:flex;flex-direction:column;gap:8px}.metadata-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.metadata-item svg{flex-shrink:0;opacity:.5}.deals-loading,.no-deals{text-align:center;padding:24px;color:var(--text-muted);font-size:14px;background:var(--background-gray);border-radius:8px}.related-deals-list{display:flex;flex-direction:column;gap:12px}.seller-deals-section{margin-top:2px}.buyer-deals-tab{display:flex;flex-direction:column}.related-deal-card{padding:14px 16px;background:var(--background-gray);border:1px solid var(--border-color);border-radius:10px;transition:all var(--transition-fast)}.related-deal-card:hover{background:var(--white);border-color:var(--secondary-color);box-shadow:var(--shadow-sm)}.deal-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.deal-title-group{display:flex;align-items:center;gap:8px;flex:1}.deal-title-group h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.deal-type-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.deal-type-badge.buyer{background:#dbeafe;color:#1e40af}.deal-type-badge.seller{background:#fce7f3;color:#9f1239}.deal-value-amount{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--primary-color);white-space:nowrap}.deal-info-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}.deal-info-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary)}.deal-info-item svg{flex-shrink:0;opacity:.6}.deal-probability{display:flex;align-items:center;gap:8px}.probability-bar{flex:1;height:6px;background:var(--background-gray);border-radius:3px;overflow:hidden}.probability-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:width var(--transition-fast)}.probability-text{font-size:11px;font-weight:700;font-family:var(--font-mono);color:var(--text-secondary);min-width:32px;text-align:right}.vessel-timeline{display:flex;flex-direction:column}.timeline-empty,.notes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--text-muted);text-align:center}.timeline-empty svg,.notes-empty svg{opacity:.35}.timeline-empty p,.notes-empty p{font-size:14px;margin:0}.timeline-list{display:flex;flex-direction:column;gap:0;position:relative}.timeline-event{display:flex;gap:14px;position:relative;padding:0 0 24px}.timeline-event:last-child{padding-bottom:0}.timeline-line{position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--background-gray)}.timeline-event:last-child .timeline-line{display:none}.timeline-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.timeline-event-created .timeline-icon{background:#d1fae5;color:#065f46}.timeline-event-updated .timeline-icon{background:#dbeafe;color:#1e40af}.timeline-event-note_added .timeline-icon{background:#fce7f3;color:#9f1239}.timeline-content{flex:1;min-width:0;padding-top:4px}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.timeline-description{font-size:14px;font-weight:600;color:var(--text-primary)}.timeline-time{font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.timeline-date{font-size:12px;color:var(--text-muted);margin-top:2px}.timeline-changes{margin-top:10px;background:var(--background-gray);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.timeline-change{display:flex;align-items:center;gap:6px;font-size:13px;flex-wrap:wrap}.change-field{font-weight:600;color:var(--text-secondary);text-transform:capitalize}.change-old{color:#dc2626;text-decoration:line-through;opacity:.75}.change-new{color:#16a34a;font-weight:600}.timeline-change svg{flex-shrink:0;opacity:.4}.vessel-notes-tab{display:flex;flex-direction:column;gap:24px}.add-note-form{background:var(--background-gray);border-radius:10px;padding:18px}.add-note-form h4{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--text-primary)}.note-form-fields{display:flex;flex-direction:column;gap:10px}.note-author-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--white);color:var(--text-primary);transition:border-color var(--transition-fast)}.note-author-input:focus{outline:none;border-color:var(--primary-color)}.note-content-input{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--white);color:var(--text-primary);font-family:inherit;resize:vertical;min-height:60px;transition:border-color var(--transition-fast)}.note-content-input:focus{outline:none;border-color:var(--primary-color)}.btn-add-note{align-self:flex-end;padding:8px 20px;font-size:13px}.notes-list{display:flex;flex-direction:column;gap:12px}.note-card{background:var(--white);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px;transition:all var(--transition-fast)}.note-card:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-sm)}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.note-author{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text-primary)}.note-author svg{opacity:.5}.note-time{font-size:12px;color:var(--text-muted)}.note-body{font-size:14px;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.note-timestamp{margin-top:8px;font-size:11px;color:var(--text-muted)}.edit-vessel-modal{max-width:800px;max-height:90vh;overflow-y:auto}.form-section{margin-bottom:28px}.form-section:last-of-type{margin-bottom:0}.form-section h3{font-size:14px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--background-gray)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}}.form-group.full-width{grid-column:1 / -1}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s;background:#fff}.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 #3b82f61a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{resize:vertical;min-height:80px}.error-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px;margin-bottom:20px}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.edit-vessel-modal .image-upload-area{margin-bottom:8px;display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.edit-vessel-modal .image-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:148px;height:148px;padding:12px;border:2px dashed #d1d5db;border-radius:50%;cursor:pointer;color:#9ca3af;transition:all .2s;text-align:center;flex-shrink:0}.edit-vessel-modal .image-upload-label:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.edit-vessel-modal .image-upload-label span{font-size:12px;line-height:1.25;max-width:104px}.edit-vessel-modal .image-preview{position:relative;border-radius:50%;overflow:hidden;width:148px;height:148px;flex-shrink:0}.edit-vessel-modal .image-preview img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.edit-vessel-modal .remove-image-btn{position:absolute;top:6px;right:6px;background:#0009;color:#fff;border:none;border-radius:50%;width:26px;height:26px;cursor:pointer;display:flex;align-items:center;justify-content:center}.edit-vessel-modal .remove-image-btn:hover{background:#dc2626cc}.edit-vessel-modal .searchable-select{position:relative}.edit-vessel-modal .searchable-select input{width:100%;padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s;background:#fff;box-sizing:border-box}.edit-vessel-modal .searchable-select input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.edit-vessel-modal .searchable-select input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.edit-vessel-modal .dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:1100;box-shadow:0 4px 12px #00000026}.edit-vessel-modal .dropdown-item{padding:10px 14px;font-size:14px;color:#374151;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:8px}.edit-vessel-modal .dropdown-item:hover{background:#f3f4f6}.edit-vessel-modal .dropdown-item.selected{background:#eff6ff;color:#2563eb;font-weight:500}.edit-vessel-modal .dropdown-item.add-new{color:#2563eb;border-top:1px solid #e5e7eb;font-weight:500}.edit-vessel-modal .dropdown-item.add-new:hover{background:#eff6ff}.edit-vessel-modal .dimensions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 640px){.edit-vessel-modal .dimensions-grid{grid-template-columns:1fr}}.edit-vessel-modal .dimension-group{display:flex;flex-direction:column}.edit-vessel-modal .dimension-group>label{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.edit-vessel-modal .dimension-inputs{display:flex;gap:8px}.edit-vessel-modal .dimension-field{flex:1;display:flex;align-items:center;border:1.5px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s}.edit-vessel-modal .dimension-field:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.edit-vessel-modal .dimension-field input{flex:1;border:none;padding:10px 12px;font-size:14px;color:#111827;outline:none;min-width:0;background:transparent}.edit-vessel-modal .dimension-field input::placeholder{color:#9ca3af}.edit-vessel-modal .dimension-unit{padding:0 10px;font-size:13px;font-weight:500;color:#6b7280;background:#f3f4f6;border-left:1.5px solid #e5e7eb;height:100%;display:flex;align-items:center;min-width:28px;justify-content:center}.vessels-page{padding:25px;background:var(--background-gray);min-height:calc(100vh - 64px)}.vessels-header{margin-bottom:22px}.vessels-header h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin:0}.vessels-header p{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);margin:2px 0 0;display:inline-block;position:relative;line-height:1.5}.vessels-header p:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.vessels-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px;flex-wrap:wrap}.vessels-search{position:relative;flex:1;min-width:220px;max-width:400px}.vessels-search input{width:100%;padding:7px 11px 7px 32px;border:1.5px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-sans);background:var(--white);transition:all var(--transition-fast);color:var(--text-primary)}.vessels-search input:hover{border-color:var(--text-light)}.vessels-search input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #3b82f61a}.vessels-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.vessels-actions{display:flex;gap:8px}.vessels-filter-panel{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:14px 16px;margin-bottom:18px;box-shadow:var(--shadow-sm)}.vessels-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px}.vessels-filter-group{display:flex;flex-direction:column;gap:5px}.vessels-filter-group label{font-size:var(--text-xs);font-family:var(--font-sans);font-weight:600;color:var(--text-secondary)}.vessels-filter-group input,.vessels-filter-group select{width:100%;height:36px;padding:7px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-sans);background:var(--white);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.vessels-filter-group input:focus,.vessels-filter-group select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #3b82f61a}.vessels-filter-group select:disabled{background:var(--background-gray);color:var(--text-muted);cursor:not-allowed}.vessels-filter-footer{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.vessels-filter-results{font-size:var(--text-xs);color:var(--text-secondary)}.vessels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.vessel-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:0;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden;cursor:pointer}.vessel-card:hover{box-shadow:var(--shadow-md);border-color:var(--secondary-color);transform:translateY(-2px)}.vessel-card:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px}.vessel-card-image{width:100%;height:160px;overflow:hidden}.vessel-card-image img{width:100%;height:100%;object-fit:cover}.vessel-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;padding:18px 22px 0}.vessel-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.vessel-type{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.vessel-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 22px}.vessel-detail{display:flex;flex-direction:column;gap:2px}.vessel-detail-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.vessel-detail-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.vessel-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:14px 22px 18px;border-top:1px solid var(--background-gray)}.vessel-owner{font-size:var(--text-xs);color:var(--text-secondary)}.vessel-card-actions{display:flex;gap:6px}@media (max-width: 768px){.vessels-page{padding:18px}.vessels-toolbar{flex-direction:column}.vessels-search{max-width:none}.vessels-filter-grid{grid-template-columns:1fr 1fr}.vessels-filter-footer{flex-direction:column;align-items:flex-start}.vessels-grid{grid-template-columns:1fr}}@media (max-width: 560px){.vessels-filter-grid{grid-template-columns:1fr}}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:14px 16px;margin-bottom:18px;display:flex;align-items:center;gap:10px;color:#dc2626;font-size:14px}.error-banner svg{flex-shrink:0}.info-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:14px 16px;margin-bottom:18px;display:flex;align-items:center;gap:10px;color:#1e40af;font-size:14px}.info-banner svg{flex-shrink:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{margin:0;font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary)}.empty-state svg{margin-bottom:16px;color:var(--text-muted)}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.empty-state p{margin:0 0 20px;font-size:14px;color:var(--text-secondary)}.success-toast{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--success);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;margin-bottom:12px;animation:toastIn .3s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.btn-danger{background:#dc2626;color:#fff;border:none}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-small.btn-danger{padding:6px 12px;font-size:12px}.delete-confirmation-modal{max-width:440px}.delete-warning{display:flex;justify-content:center;margin-bottom:16px}.delete-message{font-size:15px;color:var(--text-primary);margin:0 0 8px;text-align:center;line-height:1.5}.delete-submessage{font-size:13px;color:var(--text-muted);margin:0;text-align:center}.deals-page{padding:25px;background:var(--background-gray);min-height:calc(100vh - 64px)}.deals-loading{text-align:center;padding:60px 20px;font-size:var(--text-lg);color:var(--text-secondary)}.deals-error-banner{margin-bottom:12px;padding:10px 12px;border-radius:var(--radius-lg);border:1px solid #fecaca;background:var(--error-light);color:var(--error-dark);font-size:var(--text-sm);font-weight:600}.empty-state{text-align:center;padding:60px 20px;background:var(--white);border-radius:var(--radius-2xl);border:1px solid var(--border-color)}.empty-state p{font-size:var(--text-base);color:var(--text-secondary);margin:0}.deals-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;gap:20px;flex-wrap:wrap}.deals-header>div:first-child h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin:0}.deals-header>div:first-child p{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);margin:4px 0 0}.deals-header-actions{display:flex;gap:12px;align-items:center}.pipeline-selector{padding:8px 14px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--white);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-width:180px}.pipeline-selector:hover{border-color:var(--secondary-color)}.pipeline-selector:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.kanban-board{display:flex;gap:14px;overflow-x:auto;padding:10px 10px 18px;border-radius:var(--radius-2xl);border:1px solid #dce3ea;background:#eef2f6;min-height:500px}.kanban-column{flex:0 0 300px;background:var(--white);border-radius:var(--radius-2xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;max-height:calc(100vh - 220px);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.kanban-column.drag-preview{background:var(--stage-color-column, rgba(59, 130, 246, .06));border-color:var(--stage-color-border, var(--secondary-color));box-shadow:0 0 0 3px var(--stage-color-soft, rgba(59, 130, 246, .15))}.kanban-column-header{padding:16px 18px 12px;border-bottom:1px solid #e6ebf2;border-top:3px solid var(--stage-color, var(--border-color));border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);background:var(--white)}.kanban-column-header.interactive{cursor:pointer}.kanban-column-header.interactive:hover{background:#f8fafc}.column-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.column-title{display:flex;align-items:center;gap:8px;margin-bottom:6px}.stage-color-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.column-title span:nth-child(2){font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--text-primary);letter-spacing:-.01em;flex:1}.deal-count{font-size:var(--text-xs);font-weight:700;color:var(--stage-color, var(--text-secondary));background:var(--stage-color-soft, var(--background-gray));border:1px solid var(--stage-color-border, var(--border-color));padding:2px 8px;border-radius:var(--radius-full)}.column-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.column-stage-probability-pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;background:var(--stage-color-soft, var(--background-gray));border:1px solid var(--stage-color-border, var(--border-color));color:var(--stage-color, var(--text-secondary))}.column-value{font-family:var(--font-display);font-size:var(--text-xs);color:var(--text-secondary);font-weight:700;padding:3px 0}.column-values{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.column-subvalue{font-size:10px;color:var(--text-muted);font-weight:700;text-align:right;white-space:nowrap}.kanban-column-content{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.empty-column{padding:24px 12px;text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.kanban-column.collapsed{flex:0 0 86px;max-height:calc(100vh - 220px);cursor:pointer}.kanban-column.collapsed .kanban-column-header{padding:12px 8px 10px}.kanban-column.collapsed .column-title{margin-bottom:0;gap:6px;justify-content:center}.kanban-column.collapsed .column-title span:nth-child(2){display:none}.kanban-column.collapsed .deal-count{display:none}.kanban-column-collapsed-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px 6px;min-height:136px}.kanban-collapsed-stage-name{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--text-primary);letter-spacing:.01em;text-align:center;line-height:1}.kanban-collapsed-count{font-size:11px;font-weight:700;color:var(--stage-color, var(--text-secondary));background:var(--stage-color-soft, var(--background-gray));border:1px solid var(--stage-color-border, var(--border-color));padding:3px 8px;border-radius:var(--radius-full)}.deal-card{background:var(--bg-secondary);border:1px solid #e2e8f0;border-radius:var(--radius-xl);padding:14px 16px;cursor:grab;transition:all var(--transition-fast);position:relative;overflow:hidden}.deal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--deal-accent, var(--border-color))}.deal-card:active{cursor:grabbing;opacity:.7}.deal-card:hover{background:var(--white);border-color:var(--deal-accent-border, var(--secondary-color));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.deal-drop-indicator{height:10px;border-radius:var(--radius-sm);margin:2px 2px 6px;background:linear-gradient(90deg,var(--stage-color, var(--secondary-color)),var(--primary-color));box-shadow:0 0 0 2px var(--stage-color-soft, rgba(59, 130, 246, .14))}.deal-drop-indicator.collapsed{width:100%;height:34px;margin:0}.deal-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px}.deal-card-header h4{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:0;line-height:1.4;flex:1}.deal-value{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--primary-color);white-space:nowrap}.deal-value-stack{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.deal-value-sub{font-size:10px;color:var(--text-muted);font-weight:700;line-height:1.1;white-space:nowrap}.deal-value-sub.expected{color:var(--secondary-color)}.deal-value.range{font-size:var(--text-xs);white-space:normal;text-align:right;line-height:1.25;max-width:140px}.deal-entity-avatar,.deal-entity-avatar-fallback{width:16px;height:16px;flex-shrink:0}.deal-entity-avatar{object-fit:cover;border-radius:50%;border:1px solid #d7dee8}.deal-entity-avatar.vessel,.deal-entity-avatar-fallback.vessel{border-radius:4px}.deal-entity-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;letter-spacing:.03em;color:#475569;background:linear-gradient(135deg,#dbeafe,#e2e8f0);border:1px solid #d7dee8}.deal-vessel-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.deal-entity-list{margin-bottom:8px}.deal-vessel-chip{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;padding:3px 8px 3px 4px;border-radius:var(--radius-full);border:1px solid #dce3ea;background:var(--white);color:var(--text-secondary);font-size:var(--text-xs)}.deal-entity-chip{max-width:100%}.deal-vessel-chip .deal-entity-avatar,.deal-vessel-chip .deal-entity-avatar-fallback{width:18px;height:18px}.deal-vessel-chip span:last-child{min-width:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deal-entity-chip span:last-child{max-width:180px}.deal-card-footer{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.cla-pill,.probability-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono);white-space:nowrap}.cla-pill{background:var(--surface-success);color:var(--text-success);border:1px solid var(--border-success)}.cla-pill.warning{background:var(--surface-warning);color:var(--text-warning);border:1px solid var(--border-warning)}.cla-pill.urgent{background:var(--surface-danger);color:var(--text-danger);border:1px solid var(--border-danger)}.cla-pill svg{opacity:.8}.probability-pill{background:var(--deal-accent-soft, var(--background-gray));color:var(--deal-accent, var(--text-primary));border:1px solid var(--deal-accent-border, var(--border-color))}.deal-task-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe;white-space:nowrap}.kanban-column.drag-over{background:var(--stage-color-column, rgba(99, 102, 241, .05));border-color:var(--stage-color, var(--primary-color))}.kanban-board::-webkit-scrollbar{height:8px}.kanban-board::-webkit-scrollbar-track{background:transparent}.kanban-board::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.kanban-board::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.kanban-column-content::-webkit-scrollbar{width:5px}.kanban-column-content::-webkit-scrollbar-track{background:transparent}.kanban-column-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.kanban-column-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 768px){.deals-page{padding:18px}.deals-header{flex-direction:column;align-items:flex-start}.deals-header-actions{width:100%}.pipeline-selector{flex:1}.kanban-column{flex:0 0 280px}.kanban-column.collapsed{flex:0 0 74px}}.deal-financials{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.deal-financial-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:6px 8px;display:flex;flex-direction:column;gap:2px}.deal-financial-item span{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.deal-financial-item strong{font-size:var(--text-xs);color:var(--text-primary)}.deal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:20px}.deal-modal{width:min(820px,100%);max-height:92vh;overflow-y:auto;background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);padding:18px}.deal-view-modal{width:min(760px,100%)}.deal-view-tabs{display:inline-flex;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#f8fafc;padding:4px;margin-bottom:12px;gap:4px}.deal-view-tabs button{border:none;background:transparent;border-radius:var(--radius-md);padding:6px 12px;font-size:var(--text-xs);font-weight:700;color:var(--text-secondary);cursor:pointer}.deal-view-tabs button.active{background:#dbeafe;color:#1d4ed8}.deal-view-overview{display:flex;flex-direction:column;gap:12px}.deal-view-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.deal-view-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#f8fafc;padding:9px 10px;display:flex;flex-direction:column;gap:3px}.deal-view-item span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700}.deal-view-item strong{font-size:var(--text-sm);color:var(--text-primary)}.deal-view-vessels>span,.deal-view-notes>span{display:inline-block;margin-bottom:6px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700}.deal-view-notes p{margin:0;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--white);padding:10px;font-size:var(--text-sm);color:var(--text-secondary);white-space:pre-wrap}.deal-view-tasks{margin:0 0 8px}.deal-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.deal-modal-header h2{margin:0;font-size:var(--text-xl)}.deal-modal-close{width:30px;height:30px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:18px;cursor:pointer}.deal-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.deal-create-helper-copy{font-size:var(--text-sm);color:var(--text-secondary)}.deal-inline-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.deal-inline-label-row label{margin-bottom:0}.deal-inline-add-toggle{border:1px solid var(--border-color);background:var(--white);color:var(--secondary-color);padding:4px 9px;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:700}.deal-inline-add-toggle:hover{border-color:var(--secondary-color);background:var(--secondary-light)}.deal-inline-contact-panel{margin-top:9px;border:1px solid #dbe3ec;background:#f8fafc;border-radius:var(--radius-lg);padding:10px}.deal-inline-contact-row{margin-bottom:0}.deal-inline-contact-row+.deal-inline-contact-row{margin-top:8px}.deal-inline-contact-row .form-group{margin-bottom:0}.deal-inline-contact-actions{margin-top:10px;display:flex;justify-content:flex-end;gap:8px}.deal-inline-contact-error{margin-top:8px;padding:8px 9px;border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--error-dark);background:var(--error-light);border:1px solid #fecaca}.deal-vessel-picker-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;flex-wrap:wrap}.deal-vessel-search{flex:1 1 280px;min-width:220px}.deal-vessel-picker-results{font-size:var(--text-xs);color:var(--text-muted);font-weight:600}.deal-vessel-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;max-height:320px;overflow-y:auto;padding-right:4px}.form-group .deal-vessel-option{display:grid;grid-template-columns:auto 56px 1fr;align-items:center;gap:10px;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:10px;margin-bottom:0;cursor:pointer;transition:all var(--transition-fast)}.form-group .deal-vessel-option:hover{border-color:var(--secondary-color);background:var(--white)}.form-group .deal-vessel-option.selected{border-color:var(--secondary-color);box-shadow:0 0 0 2px #3b82f61f;background:#f8fbff}.form-group .deal-vessel-option input{width:16px;min-width:16px;height:16px;margin:0;accent-color:var(--secondary-color)}.deal-vessel-media{width:56px;height:56px;border-radius:var(--radius-md);background:#e2e8f0;overflow:hidden;flex-shrink:0}.deal-vessel-media img{width:100%;height:100%;object-fit:cover}.deal-vessel-image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;color:#475569;background:linear-gradient(135deg,#dbeafe,#e2e8f0)}.deal-vessel-content{min-width:0;display:flex;flex-direction:column;gap:4px}.deal-vessel-name{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deal-vessel-subtitle{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deal-vessel-meta{display:flex;flex-wrap:wrap;gap:6px}.deal-vessel-meta span{font-size:11px;line-height:1.2;font-weight:600;color:var(--text-muted);padding:2px 7px;border-radius:var(--radius-full);border:1px solid #dbe3ec;background:#f8fafc}.deal-vessel-picker::-webkit-scrollbar{width:6px}.deal-vessel-picker::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-sm)}.deal-create-error{margin-bottom:10px;padding:9px 10px;border-radius:var(--radius-md);background:var(--error-light);color:var(--error-dark);border:1px solid #fecaca;font-size:var(--text-sm)}.deal-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.deal-tasks-section{margin:14px 0;padding:12px;border-radius:var(--radius-lg);border:1px solid #dbe3ec;background:#f8fafc}.deal-tasks-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.deal-tasks-header h3{margin:0;font-size:var(--text-base);color:var(--text-primary)}.deal-tasks-header span{font-size:var(--text-xs);font-weight:700;color:var(--secondary-color);background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-full);padding:2px 8px}.deal-tasks-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.deal-tasks-create-grid.compact{margin-top:4px}.deal-task-create-actions{margin-top:8px;display:flex;justify-content:flex-end;gap:8px}.deal-tasks-empty{margin-top:10px;padding:12px;border-radius:var(--radius-md);border:1px dashed #cbd5e1;color:var(--text-muted);font-size:var(--text-sm);text-align:center;background:var(--white)}.deal-task-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.deal-task-row{display:flex;align-items:flex-start;gap:8px;border:1px solid #dbe3ec;background:var(--white);border-radius:var(--radius-md);padding:8px}.deal-task-row.completed{opacity:.7}.deal-task-row input{margin-top:3px;accent-color:var(--secondary-color)}.deal-task-content{min-width:0;flex:1}.deal-task-title-row{display:flex;align-items:center;gap:8px}.deal-task-title-row strong{font-size:var(--text-sm);color:var(--text-primary)}.deal-task-kind{font-size:10px;font-weight:700;color:#1d4ed8;background:#dbeafe;border-radius:var(--radius-full);padding:1px 7px}.deal-task-kind.call{color:#7c2d12;background:#ffedd5}.deal-task-meta{margin-top:2px;display:flex;flex-wrap:wrap;gap:8px;font-size:11px;font-weight:600;color:var(--text-muted)}.deal-task-content p{margin:4px 0 0;font-size:var(--text-xs);color:var(--text-secondary)}@media (max-width: 768px){.deal-modal{padding:14px}.deal-view-grid{grid-template-columns:1fr}.deal-inline-add-toggle{min-width:90px;text-align:center}.deal-inline-contact-actions{flex-direction:column}.deal-inline-contact-actions .btn{width:100%}.deal-vessel-search{width:100%;min-width:0}.deal-vessel-picker{grid-template-columns:1fr;max-height:360px}.deal-modal-actions{flex-direction:column}.deal-tasks-create-grid{grid-template-columns:1fr}.deal-modal-actions .btn{width:100%}.deal-task-create-actions{flex-direction:column}.deal-task-create-actions .btn{width:100%}}.tasks-page{padding:25px;background:var(--background-gray);min-height:calc(100vh - 64px)}.tasks-header{margin-bottom:22px}.tasks-header h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin:0}.tasks-header p{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);margin:2px 0 0;display:inline-block;position:relative;line-height:1.5}.tasks-header p:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.tasks-error-banner{margin-bottom:12px;padding:10px 12px;border-radius:var(--radius-lg);border:1px solid #fecaca;background:var(--error-light);color:var(--error-dark);font-size:var(--text-sm);font-weight:600}.tasks-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px;flex-wrap:wrap}.tasks-toolbar-left{display:flex;gap:8px;align-items:center}.tasks-assignee-filter{min-width:170px;padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--white);font-size:var(--text-sm)}.tasks-tabs{display:flex;gap:4px;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:3px;flex-wrap:wrap}.tasks-tab{padding:5px 12px;border:none;background:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tasks-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.tasks-tab.active{background:var(--primary-color);color:var(--white)}.tasks-list-container{background:var(--white);border-radius:var(--radius-2xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.tasks-list-header{display:grid;grid-template-columns:40px 1fr 180px 140px 130px 120px 110px;padding:10px 18px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.task-row{display:grid;grid-template-columns:40px 1fr 180px 140px 130px 120px 110px;padding:12px 18px;border-bottom:1px solid var(--background-gray);align-items:center;transition:background var(--transition-fast)}.task-row:hover{background:var(--bg-secondary)}.task-row:last-child{border-bottom:none}.task-row-checkbox{width:16px;height:16px;border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);-moz-appearance:none;appearance:none;-webkit-appearance:none}.task-row-checkbox:checked{background:var(--success-color);border-color:var(--success-color)}.task-row-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);display:inline-flex;align-items:center;gap:8px}.task-kind-pill{border-radius:var(--radius-full);font-size:10px;font-weight:700;padding:1px 7px;text-transform:uppercase;letter-spacing:.04em}.task-kind-pill.task{background:#fef9c3;color:#92400e}.task-kind-pill.call{background:#ede9fe;color:#5b21b6}.task-row-description{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.task-row-deal,.task-row-assignee,.task-row-due{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.task-row-due.overdue{color:var(--error-color);font-weight:600}.task-row-priority{display:flex;align-items:center}.priority-dot{width:8px;height:8px;border-radius:50%;margin-right:6px}.priority-dot.high{background:var(--error-color)}.priority-dot.medium{background:var(--warning-color)}.priority-dot.low{background:var(--success-color)}.tasks-empty-state{padding:24px;text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.tasks-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:20px}.tasks-modal{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);width:min(700px,100%);max-height:90vh;overflow-y:auto;padding:18px}.tasks-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tasks-modal-header h2{margin:0;font-size:var(--text-xl)}.tasks-modal-close{border:none;background:transparent;font-size:18px;color:var(--text-secondary);cursor:pointer;width:28px;height:28px;border-radius:var(--radius-md)}.tasks-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.tasks-checkbox-field{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:var(--text-sm);color:var(--text-primary)}.tasks-create-error{margin-bottom:10px;padding:9px 10px;border-radius:var(--radius-md);background:var(--error-light);color:var(--error-dark);border:1px solid #fecaca;font-size:var(--text-sm)}.tasks-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}@media (max-width: 1100px){.tasks-list-header,.task-row{grid-template-columns:40px 1fr 160px 120px 110px 100px 90px}}@media (max-width: 768px){.tasks-page{padding:18px}.tasks-toolbar{flex-direction:column;align-items:flex-start}.tasks-list-header{display:none}.task-row{grid-template-columns:30px 1fr;gap:4px}.task-row>:nth-child(n+3){display:none}.tasks-modal{padding:14px}.tasks-modal-actions{flex-direction:column}.tasks-modal-actions .btn{width:100%}}.calendar-page{padding:24px;background:var(--background-gray);min-height:calc(100vh - 64px)}.calendar-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap}.calendar-header h1{margin:0;font-family:var(--font-display);font-size:var(--text-4xl)}.calendar-header p{margin:3px 0 0;color:var(--text-secondary)}.calendar-header-actions{display:flex;gap:8px}.calendar-error{margin-bottom:10px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:var(--radius-lg);padding:8px 10px}.calendar-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:10px}.calendar-nav{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-color);background:var(--white);border-radius:var(--radius-lg);padding:4px}.calendar-nav button{border:none;border-radius:var(--radius-md);background:transparent;width:24px;height:24px}.calendar-view-switch{display:inline-flex;border:1px solid var(--border-color);background:var(--white);border-radius:var(--radius-lg);padding:3px}.calendar-view-switch button{border:none;background:transparent;border-radius:var(--radius-md);padding:4px 10px;font-size:var(--text-xs);text-transform:uppercase;font-weight:700;color:var(--text-secondary)}.calendar-view-switch button.active{background:#dbeafe;color:#1d4ed8}.calendar-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:6px 8px}.calendar-filters label{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);color:var(--text-secondary)}.calendar-filters select{font-size:var(--text-xs);padding:4px 8px}.calendar-loading{padding:30px;text-align:center;background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border-color);color:var(--text-secondary)}.calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:#dbe3ec;border:1px solid #dbe3ec;border-radius:var(--radius-xl);overflow:hidden}.calendar-weekday{background:#f1f5f9;padding:8px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:var(--text-muted)}.calendar-day-cell{background:var(--white);min-height:130px;padding:8px;display:flex;flex-direction:column;gap:6px}.calendar-day-cell.outside{background:#f8fafc}.calendar-day-number{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.calendar-day-events{display:flex;flex-direction:column;gap:4px}.calendar-event-chip{border-radius:var(--radius-md);border:1px solid;padding:4px 6px;display:flex;flex-direction:column;gap:1px}button.calendar-event-chip{width:100%;text-align:left;cursor:pointer;font:inherit}button.calendar-event-chip:focus-visible{outline:2px solid rgba(29,78,216,.5);outline-offset:1px}.calendar-event-chip span{font-size:9px;font-weight:700;text-transform:uppercase;opacity:.8}.calendar-event-chip strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event-chip.task{border-color:#fcd34d;background:#fef9c3;color:#92400e}.calendar-event-chip.call{border-color:#c4b5fd;background:#ede9fe;color:#5b21b6}.calendar-event-chip.meeting{border-color:#93c5fd;background:#dbeafe;color:#1d4ed8}.calendar-more{font-size:10px;color:var(--text-muted)}.calendar-list-view{display:flex;flex-direction:column;gap:10px}.calendar-split-view{display:grid;grid-template-columns:270px minmax(0,1fr);gap:12px;align-items:start}.calendar-mini-month{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:10px;position:sticky;top:88px}.calendar-mini-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.calendar-mini-header button{border:1px solid var(--border-color);background:#f8fafc;border-radius:var(--radius-md);width:28px;height:28px;cursor:pointer}.calendar-mini-header strong{font-size:var(--text-sm);color:var(--text-primary)}.calendar-mini-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-mini-weekday{font-size:10px;color:var(--text-muted);text-align:center;text-transform:uppercase;font-weight:700;padding-bottom:2px}.calendar-mini-day{position:relative;border:1px solid transparent;background:transparent;border-radius:var(--radius-md);min-height:30px;font-size:12px;color:var(--text-primary);cursor:pointer}.calendar-mini-day>span{display:inline-block;line-height:1}.calendar-mini-day.outside{color:var(--text-muted);opacity:.6}.calendar-mini-day.selected-week{background:#eff6ff}.calendar-mini-day.selected-day{background:#1d4ed8;color:#fff}.calendar-mini-day.today{border-color:#93c5fd}.calendar-mini-day i{position:absolute;right:5px;bottom:4px;width:5px;height:5px;border-radius:999px;background:#f59e0b}.calendar-mini-day.selected-day i{background:#fff}.calendar-mini-day:focus-visible{outline:2px solid rgba(29,78,216,.5);outline-offset:1px}.calendar-list-day{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:10px}.calendar-list-day h3{margin:0 0 8px;font-size:var(--text-sm);color:var(--text-primary)}.calendar-list-event{border:1px solid #dbe3ec;background:#f8fafc;border-radius:var(--radius-md);padding:8px;display:flex;justify-content:space-between;align-items:center;gap:10px}button.calendar-list-event{width:100%;cursor:pointer;font:inherit;text-align:left}button.calendar-list-event:focus-visible{outline:2px solid rgba(29,78,216,.5);outline-offset:1px}.calendar-list-event+.calendar-list-event{margin-top:6px}.calendar-list-event .kind-label{font-size:10px;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin-right:7px}.calendar-list-event strong{font-size:var(--text-sm)}.calendar-list-event time{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap}.calendar-list-event.task{border-left:3px solid #f59e0b}.calendar-list-event.call{border-left:3px solid #8b5cf6}.calendar-list-event.meeting{border-left:3px solid #3b82f6}.calendar-list-empty{font-size:var(--text-sm);color:var(--text-muted)}.calendar-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:16px}.calendar-modal{width:min(560px,100%);background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);padding:16px}.calendar-modal h2{margin:0 0 10px}.calendar-modal-actions{margin-top:8px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 900px){.calendar-day-cell{min-height:100px}.calendar-split-view{grid-template-columns:1fr}.calendar-mini-month{position:static}}.messages-page{padding:24px;background:var(--background-gray);min-height:calc(100vh - 64px)}.messages-header{margin-bottom:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.messages-header h1{margin:0;font-family:var(--font-display);font-size:var(--text-4xl)}.messages-header p{margin:4px 0 0;color:var(--text-secondary)}.messages-error{margin-bottom:10px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:var(--radius-lg);padding:9px 11px;font-size:var(--text-sm)}.messages-layout{display:grid;grid-template-columns:320px 1fr;gap:12px;min-height:70vh}.conversation-list,.conversation-panel{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border-color);overflow:hidden}.conversation-list{display:flex;flex-direction:column;max-height:72vh;overflow-y:auto}.conversation-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;border:none;border-bottom:1px solid var(--background-gray);background:transparent;padding:10px 12px;text-align:left}.conversation-row:hover,.conversation-row.active{background:#f8fafc}.conversation-avatar-wrap{display:flex;align-items:center}.conversation-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid #dbe3ec}.conversation-avatar.fallback{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.03em;background:linear-gradient(135deg,#dbeafe,#e2e8f0);color:#334155}.conversation-avatar.fallback.group{background:linear-gradient(135deg,#e9d5ff,#c7d2fe)}.conversation-main{min-width:0;display:flex;flex-direction:column;gap:2px}.conversation-main strong{font-size:var(--text-sm);color:var(--text-primary)}.conversation-main span{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.conversation-meta time{font-size:10px;color:var(--text-muted)}.unread-pill{font-size:10px;font-weight:700;color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:1px 7px}.conversation-panel{display:flex;flex-direction:column}.conversation-panel-header{padding:12px 14px;border-bottom:1px solid var(--border-color)}.conversation-panel-title{display:flex;align-items:center;gap:10px}.conversation-panel-avatar-wrap{display:inline-flex}.conversation-panel-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #dbe3ec}.conversation-panel-avatar.fallback{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:.03em;background:linear-gradient(135deg,#dbeafe,#e2e8f0);color:#334155}.conversation-panel-avatar.fallback.group{background:linear-gradient(135deg,#e9d5ff,#c7d2fe)}.conversation-panel-header h2{margin:0;font-size:var(--text-lg)}.conversation-panel-header span{margin-top:1px;display:inline-block;font-size:var(--text-xs);color:var(--text-muted)}.message-list{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.message-bubble{max-width:75%;border-radius:var(--radius-lg);padding:9px 10px;border:1px solid var(--border-color);background:#f8fafc}.message-bubble.mine{margin-left:auto;background:#dbeafe;border-color:#bfdbfe}.message-bubble p{margin:0;font-size:var(--text-sm);color:var(--text-primary);line-height:1.45}.message-bubble time{display:block;margin-top:4px;font-size:10px;color:var(--text-muted)}.message-sender{font-size:10px;font-weight:700;color:#1d4ed8;margin-bottom:4px}.message-composer{border-top:1px solid var(--border-color);padding:10px;display:flex;gap:10px}.message-composer textarea{flex:1;resize:vertical;min-height:48px}.messages-empty{padding:20px;color:var(--text-muted);text-align:center}.messages-create-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:20px}.messages-create-modal{width:min(560px,100%);background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);padding:16px}.messages-create-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.messages-create-header h2{margin:0;font-size:var(--text-xl)}.messages-create-close{width:30px;height:30px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:18px;cursor:pointer}.messages-create-close:hover{background:var(--bg-secondary)}.messages-user-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:280px;overflow-y:auto;padding-right:2px}.messages-user-option{display:inline-flex;align-items:center;gap:7px;border:1px solid #dbe3ec;border-radius:var(--radius-lg);padding:7px 8px;background:#f8fafc;font-size:var(--text-sm);color:var(--text-primary)}.messages-user-option.selected{border-color:var(--secondary-color);background:#eff6ff}.messages-user-option input{margin:0;accent-color:var(--secondary-color)}.messages-user-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid #d7dee8}.messages-user-avatar.fallback{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:.03em;background:linear-gradient(135deg,#dbeafe,#e2e8f0);color:#334155}.messages-create-hint{margin:8px 0 0;color:var(--text-muted);font-size:var(--text-xs)}.messages-create-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 900px){.messages-layout{grid-template-columns:1fr;min-height:auto}.messages-header{flex-direction:column;align-items:flex-start}}@media (max-width: 680px){.messages-page{padding:16px}.messages-user-picker{grid-template-columns:1fr}.message-composer{flex-direction:column}.message-composer .btn{width:100%}.messages-create-actions{flex-direction:column}.messages-create-actions .btn{width:100%}}.create-pipeline-modal{max-width:900px;max-height:90vh;overflow-y:auto}.form-section{margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid var(--border-color)}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin:0}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.checkbox-group{flex-direction:row;align-items:center}.form-group.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0}.form-group.checkbox-group input[type=checkbox]{width:auto;margin:0}.form-group label{font-size:13px;font-weight:600;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);background:var(--white);transition:all var(--transition-fast)}.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 #6366f11a}.form-group textarea{resize:vertical;font-family:inherit}.stages-list{display:flex;flex-direction:column;gap:12px}.drag-hint{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin:0 0 16px;padding:10px 14px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px dashed #0ea5e9;border-radius:8px}.drag-hint svg{color:#0ea5e9;flex-shrink:0}.stage-item{border:1px solid var(--border-color);border-radius:12px;background:var(--white);overflow:hidden;cursor:move;transition:all .2s ease;position:relative}.stage-item:hover{box-shadow:0 4px 12px #0ea5e926;transform:translateY(-1px)}.stage-item.dragging{opacity:.5;border:2px dashed #0ea5e9;background:#f0f9ff}.stage-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;background:var(--bg-secondary);transition:background var(--transition-fast)}.stage-header:hover{background:var(--background-gray)}.stage-header-left{display:flex;align-items:center;gap:10px;flex:1}.drag-handle{display:flex;align-items:center;justify-content:center;cursor:grab;color:#94a3b8;transition:color var(--transition-fast);padding:2px;margin-left:-4px}.drag-handle:hover{color:#0ea5e9}.drag-handle:active{cursor:grabbing;color:#0284c7}.stage-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.stage-name{font-weight:600;color:var(--text-primary);font-size:14px}.stage-meta{font-size:12px;color:var(--text-muted);padding:2px 8px;background:var(--white);border-radius:12px}.stage-header-right{display:flex;align-items:center;gap:8px}.stage-content{padding:20px;background:var(--white);border-top:1px solid var(--border-color)}.color-picker{display:flex;gap:8px;flex-wrap:wrap}.color-option{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);position:relative}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--white)}.color-option.active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);font-size:14px;font-weight:700}.subsection{margin-top:20px;padding:16px;background:var(--bg-secondary);border-radius:10px}.subsection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.subsection-header label{font-size:13px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.empty-message{text-align:center;padding:16px;color:var(--text-muted);font-size:13px;background:var(--white);border-radius:8px;margin:0}.requirements-list{display:flex;flex-direction:column;gap:8px}.requirement-item{display:flex;gap:8px;align-items:flex-start;background:var(--white);padding:10px;border-radius:8px;border:1px solid var(--border-color)}.requirement-fields{display:grid;grid-template-columns:150px 1fr 120px;gap:8px;flex:1}.requirement-type,.requirement-desc,.requirement-config{padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;background:var(--white)}.requirement-config{grid-column:3}.auto-tasks-list{display:flex;flex-direction:column;gap:8px}.auto-task-item{display:flex;gap:8px;align-items:flex-start;background:var(--white);padding:10px;border-radius:8px;border:1px solid var(--border-color)}.auto-task-fields{display:grid;grid-template-columns:2fr 2fr 100px 80px;gap:8px;flex:1}.auto-task-title,.auto-task-desc,.auto-task-priority,.auto-task-days{padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;background:var(--white)}.custom-fields-list{display:flex;flex-direction:column;gap:10px}.custom-field-item{display:flex;gap:10px;align-items:center;background:var(--bg-secondary);padding:12px;border-radius:10px;border:1px solid var(--border-color)}.custom-field-fields{display:grid;grid-template-columns:1.5fr 1.5fr 120px 100px;gap:10px;flex:1;align-items:center}.custom-field-name,.custom-field-label,.custom-field-type{padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;background:var(--white)}.custom-field-required{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;margin:0}.custom-field-required input[type=checkbox]{width:auto;margin:0}.btn-sm{padding:6px 12px;font-size:13px}.btn-xs{padding:4px 10px;font-size:12px}.btn-icon-danger{color:var(--text-danger)}.btn-icon-danger:hover{background:var(--surface-danger)}@media (max-width: 768px){.create-pipeline-modal{max-width:95vw}.form-row,.requirement-fields{grid-template-columns:1fr}.requirement-config{grid-column:auto}.auto-task-fields,.custom-field-fields{grid-template-columns:1fr}.stage-header-left{flex-wrap:wrap}}.pipelines-page{padding:25px;background:var(--background-gray);min-height:calc(100vh - 64px)}.pipelines-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.pipelines-header h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin:0}.pipelines-header p{font-size:var(--text-sm);color:var(--text-secondary);margin:4px 0 0}.pipelines-filters{display:flex;gap:8px;margin-bottom:24px}.filter-btn{padding:8px 16px;border:1.5px solid #e5e7eb;background:#fff;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pipelines-loading{text-align:center;padding:60px 20px;color:var(--text-secondary)}.pipelines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}@media (max-width: 768px){.pipelines-grid{grid-template-columns:1fr}}.pipeline-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.pipeline-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #00000014}.pipeline-card.inactive{opacity:.6;background:#f9fafb}.pipeline-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.pipeline-card-header h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.pipeline-type-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pipeline-type-badge.buyer{background:#dbeafe;color:#1e40af}.pipeline-type-badge.seller{background:#d1fae5;color:#065f46}.pipeline-card-actions{display:flex;gap:4px}.btn-icon{padding:6px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--background-gray);color:var(--text-primary)}.btn-icon.text-danger:hover{background:#fef2f2;color:#dc2626}.pipeline-description{font-size:14px;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.pipeline-stages{margin:16px 0}.pipeline-stages-label{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:10px;display:block}.stage-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.stage-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;color:#fff;white-space:nowrap}.stage-arrow{color:var(--text-muted);flex-shrink:0}.pipeline-custom-fields{margin:12px 0}.custom-fields-label{display:inline-block;padding:4px 10px;background:#f3f4f6;border-radius:6px;font-size:12px;font-weight:600;color:var(--text-secondary)}.pipeline-card-footer{margin-top:16px;padding-top:12px;border-top:1px solid #e5e7eb}.pipeline-meta{font-size:12px;color:var(--text-muted)}.settings-page{padding:25px;background:var(--background-gray);min-height:calc(100vh - 64px);width:100%;max-width:100%;overflow-x:hidden}.settings-header{margin-bottom:22px}.settings-header h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin:0}.settings-header p{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);margin:2px 0 0;display:inline-block;position:relative;line-height:1.5}.settings-header p:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;min-width:0}.settings-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:22px 25px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);min-width:0}.settings-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.settings-card h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0 0 4px;display:flex;align-items:center;gap:9px;letter-spacing:-.01em}.settings-card h2:before{content:"";display:block;width:4px;height:18px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:var(--radius-sm);flex-shrink:0}.settings-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0 0 18px}.settings-card .form-group:last-child{margin-bottom:0}.settings-error{margin-bottom:10px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:var(--radius-lg);padding:9px 11px;font-size:var(--text-sm)}.settings-card-wide{grid-column:1 / -1}.settings-readonly-row{display:flex;flex-direction:column;gap:3px;padding:8px 0;border-bottom:1px dashed var(--border-color)}.settings-readonly-row:last-child{border-bottom:none}.settings-readonly-row label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.settings-readonly-row div{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.settings-pwa-actions{display:flex;gap:8px;margin-bottom:12px}.settings-pwa-help{margin-top:10px;font-size:var(--text-xs);color:var(--text-muted)}.invite-form{display:grid;grid-template-columns:1fr 180px auto;gap:10px;align-items:end}.settings-table-wrap{margin-top:14px;overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-table-wrap h3{margin:0 0 8px;font-size:var(--text-sm);color:var(--text-primary)}.settings-table{width:100%;border-collapse:collapse;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;table-layout:fixed}.settings-table th,.settings-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--background-gray);font-size:var(--text-sm)}.settings-table th{background:var(--bg-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.settings-table tr:last-child td{border-bottom:none}.settings-user-cell{display:inline-flex;align-items:center;gap:8px;min-width:0}.settings-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid #d7dee8;flex-shrink:0}.settings-user-avatar.fallback{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:.03em;color:#334155;background:linear-gradient(135deg,#dbeafe,#e2e8f0)}.settings-photo-actions{display:inline-flex;align-items:center;gap:6px}.settings-photo-upload,.settings-photo-remove{border:1px solid var(--border-color);background:var(--white);color:var(--text-secondary);border-radius:var(--radius-md);padding:4px 9px;font-size:11px;font-weight:700}.settings-photo-upload{cursor:pointer}.settings-photo-upload:hover,.settings-photo-remove:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.settings-photo-upload.disabled,.settings-photo-remove:disabled{opacity:.55;cursor:not-allowed}.settings-table code{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.settings-actions{display:flex;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--background-gray)}@media (max-width: 768px){.settings-page{padding:18px}.settings-grid,.invite-form{grid-template-columns:1fr}.settings-pwa-actions{flex-direction:column}.settings-table th,.settings-table td{padding:8px}.settings-table code{white-space:normal;word-break:break-all;overflow:visible;text-overflow:clip}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#dbeafe,#f8fafc 55%)}.auth-card{width:min(480px,100%);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:24px;box-shadow:var(--shadow-md)}.auth-card h1{margin:0;font-family:var(--font-display);font-size:var(--text-3xl)}.auth-card>p{margin:4px 0 14px;color:var(--text-secondary);font-size:var(--text-sm)}.auth-mode-toggle{display:inline-flex;padding:3px;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary);margin-bottom:14px}.auth-mode-toggle button{border:none;background:transparent;font-size:var(--text-xs);font-weight:700;color:var(--text-secondary);border-radius:var(--radius-md);padding:6px 10px}.auth-mode-toggle button.active{background:var(--white);color:var(--text-primary);box-shadow:var(--shadow-sm)}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form label{display:flex;flex-direction:column;gap:5px;font-size:var(--text-xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.auth-form input{width:100%}.auth-error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:var(--radius-md);padding:8px 10px;font-size:var(--text-sm)}.auth-hint{margin-top:10px;font-size:var(--text-xs);color:var(--text-muted)}:root{--primary-color: #0F172A;--primary-hover: #1E293B;--primary-light: #E2E8F0;--primary-dark: #020617;--secondary-color: #3B82F6;--secondary-hover: #2563EB;--secondary-light: #DBEAFE;--text-primary: #0F172A;--text-secondary: #64748B;--text-muted: #94A3B8;--text-light: #CBD5E1;--border-color: #E2E8F0;--border-hover: #CBD5E1;--background-gray: #F1F5F9;--background-dark: #E2E8F0;--white: #ffffff;--bg-primary: #ffffff;--bg-secondary: #F8FAFC;--success-color: #10B981;--success-light: #D1FAE5;--success-dark: #065F46;--warning-color: #D97706;--warning-light: #FEF3C7;--warning-dark: #92400E;--error-color: #EF4444;--error-light: #FEE2E2;--error-dark: #991B1B;--info-color: #3B82F6;--info-light: #DBEAFE;--info-dark: #1E3A5F;--font-display: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Roboto Mono", monospace;--text-xs: .62rem;--text-sm: .73rem;--text-base: .79rem;--text-lg: .85rem;--text-xl: .95rem;--text-2xl: 1.15rem;--text-3xl: 1.35rem;--text-4xl: 1.46rem;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--radius-sm: 4px;--radius-md: 7px;--radius-lg: 9px;--radius-xl: 12px;--radius-2xl: 18px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 7px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .1);--shadow-lg: 0 6px 20px rgba(15, 23, 42, .15);--shadow-xl: 0 12px 32px rgba(15, 23, 42, .2);--shadow-button: 0 2px 7px rgba(15, 23, 42, .15);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--background-gray);line-height:1.5;font-size:var(--text-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:1.5}a{color:var(--secondary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--secondary-hover)}button,.btn{font-family:var(--font-sans);font-weight:600;border:none;outline:none;cursor:pointer;transition:all var(--transition-normal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:7px 14px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;line-height:1.2;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--primary-color);color:var(--white);box-shadow:var(--shadow-button)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--white);color:var(--text-primary);border:1.5px solid var(--border-color);box-shadow:none}.btn-secondary:hover:not(:disabled){border-color:var(--text-light);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.btn-danger{background:var(--error-color);color:var(--white);box-shadow:var(--shadow-button)}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-danger-outline{background:var(--white);color:var(--error-color);border:1.5px solid var(--error-light)}.btn-danger-outline:hover:not(:disabled){background:var(--error-light)}.btn-success{background:var(--success-color);color:var(--white);box-shadow:var(--shadow-button)}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-small{padding:5px 10px;font-size:var(--text-xs)}.btn-icon{padding:var(--spacing-2);min-width:32px;min-height:32px}input,select,textarea{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--white);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);padding:7px 11px;transition:all var(--transition-fast)}input:hover,select:hover,textarea:hover{border-color:var(--text-light)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #3b82f61a}input::placeholder,textarea::placeholder{color:var(--text-muted)}.form-group{margin-bottom:var(--spacing-4)}.form-group label{display:block;margin-bottom:var(--spacing-2);font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:22px 25px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin:0 0 14px;display:flex;align-items:center;gap:9px}.card-title:before{content:"";display:block;width:4px;height:18px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:var(--radius-sm);flex-shrink:0}.page-header{margin-bottom:22px;padding:0}.page-header h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2;margin:0}.page-header p{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);margin:2px 0 0;line-height:1.5;display:inline-block;position:relative}.page-header p:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.badge-primary{background:var(--secondary-light);color:var(--secondary-hover)}.badge-success{background:var(--success-light);color:var(--success-dark)}.badge-warning{background:var(--warning-light);color:var(--warning-dark)}.badge-error{background:var(--error-light);color:var(--error-dark)}.badge-info{background:var(--info-light);color:var(--info-dark)}.badge-neutral{background:var(--background-gray);color:var(--text-secondary)}.alert{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--spacing-2);border-left:4px solid}.alert-success{background:var(--success-light);color:var(--success-dark);border-color:var(--success-color)}.alert-warning{background:var(--warning-light);color:var(--warning-dark);border-color:var(--warning-color)}.alert-error{background:var(--error-light);color:var(--error-dark);border-color:var(--error-color)}.alert-info{background:var(--info-light);color:var(--info-dark);border-color:var(--info-color)}.empty-state{background:var(--white);border-radius:var(--radius-2xl);padding:var(--spacing-12) var(--spacing-8);text-align:center;color:var(--text-muted);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.loading{text-align:center;padding:var(--spacing-10);color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 768px){.page-header h1{font-size:1.17rem}.page-header p{font-size:.68rem}.form-row{grid-template-columns:1fr}.card{padding:18px}}