:root{--bg-primary: #f8f9fb;--bg-secondary: #ffffff;--bg-tertiary: #eef0f3;--bg-soft: #eef0f3;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--primary: #4c5fd5;--primary-light: #f0f2ff;--primary-dark: #3b4cb8;--primary-accent: #e2e6ff;--success: #10b981;--success-light: #ecfdf5;--warning: #f59e0b;--warning-light: #fffbeb;--danger: #ef4444;--danger-light: #fef2f2;--info: #3b82f6;--info-light: #eff6ff;--neutral: #64748b;--neutral-light: #f1f5f9;--border: #e2e8f0;--border-color: #e2e8f0;--border-soft: #f1f5f9;--font-display: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .05), 0 2px 4px -1px rgba(15, 23, 42, .03);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .04);--border-radius-xs: 3px;--border-radius-sm: 4px;--border-radius-md: 4px;--border-radius-lg: 6px;--border-radius-xl: 6px;--stage-new: #3b82f6;--stage-new-bg: #eff6ff;--stage-contacted: #06b6d4;--stage-contacted-bg: #ecfeff;--stage-nonconnected: #f59e0b;--stage-nonconnected-bg: #fffbeb;--stage-qualified: #10b981;--stage-qualified-bg: #ecfdf5;--stage-proposal: #6366f1;--stage-proposal-bg: #eef2ff;--stage-negotiation: #ec4899;--stage-negotiation-bg: #fdf2f8;--stage-converted: #10b981;--stage-converted-bg: #ecfdf5;--stage-lost: #ef4444;--stage-lost-bg: #fef2f2;--stage-notinterested: #64748b;--stage-notinterested-bg: #f1f5f9}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:12px;line-height:1.35;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;letter-spacing:-.005em}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;color:var(--text-primary);letter-spacing:-.025em;line-height:1.25}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-layout{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--bg-primary)}.content-container{padding:8px 12px;animation:fadeIn .25s cubic-bezier(.16,1,.3,1);flex:1}.card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-lg);padding:8px 12px;box-shadow:var(--shadow-xs);transition:box-shadow .25s ease,border-color .25s ease}.card:hover{border-color:#8b7cf833;box-shadow:var(--shadow-sm)}.table-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xs)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;border:1px solid #cbd5e1;background-color:#fff}.data-table th{background-color:#2b3e50;color:#fff;font-family:var(--font-display);font-weight:600;padding:3px 6px;border:1px solid #cbd5e1;font-size:11px}.data-table td{padding:3px 6px;border:1px solid #e2e8f0;color:#1e293b}.data-table tr:nth-child(2n) td{background-color:#fff}.data-table tr:nth-child(odd) td{background-color:#f8fafc}.data-table tr:hover td{background-color:#f1f5f9!important;color:var(--text-primary)}.spreadsheet-row-header{background-color:#f1f5f9!important;color:#475569!important;font-weight:500!important;font-size:10px!important;border-right:1px solid #cbd5e1!important;border-left:1px solid #cbd5e1!important;text-align:center!important}.data-table td a{color:#2563eb!important;text-decoration:underline!important;font-weight:500}.data-table td a:hover{color:#1d4ed8!important}.form-group{margin-bottom:6px}.form-label{display:block;font-size:10.5px;font-weight:500;margin-bottom:2px;color:var(--text-secondary);letter-spacing:.01em}.form-input,.form-select,.form-textarea{width:100%;padding:4px 8px;font-family:var(--font-body);font-size:11.5px;border:1px solid var(--border);border-radius:var(--border-radius-sm);background-color:var(--bg-secondary);color:var(--text-primary);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.form-input::placeholder{color:var(--text-muted);font-weight:400}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b7cf81a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;font-family:var(--font-display);font-size:11px;font-weight:500;border-radius:var(--border-radius-sm);cursor:pointer;border:1px solid transparent;transition:all .18s ease;text-decoration:none;letter-spacing:-.01em}.btn-primary{background-color:var(--primary-light);color:var(--primary);border-color:#8b7cf833}.btn-primary:hover{background-color:var(--primary-accent);border-color:#8b7cf859}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border)}.btn-secondary:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background-color:var(--danger-light);color:var(--danger);border-color:#f0787833}.btn-danger:hover{background-color:#fde8e8;border-color:#f0787859}.btn-success{background-color:var(--success-light);color:var(--success);border-color:#4ecb8e33}.btn-success:hover{background-color:#d8f6e8;border-color:#4ecb8e59}.btn-warning{background-color:var(--warning-light);color:#b88a00;border-color:#f5c84240}.btn-warning:hover{background-color:#faf2c0;border-color:#f5c84266}.btn-info{background-color:var(--info-light);color:var(--info);border-color:#60b4f533}.btn-info:hover{background-color:#daeeff;border-color:#60b4f559}.badge{display:inline-flex;align-items:center;gap:2px;padding:1px 5px;font-size:10px;font-weight:500;border-radius:12px;text-transform:capitalize;line-height:1;letter-spacing:.01em}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#dde0ec;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bcc1d8}aside nav::-webkit-scrollbar{display:none}button[style*="background-color: var(--primary)"],button[style*="background-color:var(--primary)"]{background-color:var(--primary-light)!important;color:var(--primary)!important;border:1px solid rgba(139,124,248,.2)!important}button[style*="background-color: var(--primary)"]:hover,button[style*="background-color:var(--primary)"]:hover{background-color:var(--primary-accent)!important}button[style*="background-color: var(--success)"],button[style*="background-color:var(--success)"]{background-color:var(--success-light)!important;color:var(--success)!important;border:1px solid rgba(78,203,142,.2)!important}button[style*="background-color: var(--danger)"],button[style*="background-color:var(--danger)"]{background-color:var(--danger-light)!important;color:var(--danger)!important;border:1px solid rgba(240,120,120,.2)!important}.modal-backdrop,div[style*="position: fixed"][style*="justify-content: center"][style*="align-items: center"],div[style*="position:fixed"][style*="justify-content:center"][style*="align-items:center"]{display:flex;box-sizing:border-box!important;padding:16px!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;align-items:flex-start!important;justify-content:center!important}.modal-card,div[style*="position: fixed"][style*="justify-content: center"][style*="align-items: center"]>div,div[style*="position:fixed"][style*="justify-content:center"][style*="align-items:center"]>div{width:100%!important;max-width:100%;display:flex!important;flex-direction:column!important;max-height:calc(100vh - 32px)!important;max-height:calc(100dvh - 32px)!important;max-height:calc(100dvh - 16px - max(16px,env(safe-area-inset-bottom)))!important;overflow-x:hidden!important;overflow-y:auto!important;margin:auto}.modal-card>form,.modal-body,div[style*="position: fixed"][style*="justify-content: center"][style*="align-items: center"]>div>form,div[style*="position: fixed"][style*="justify-content: center"][style*="align-items: center"]>div>div[style*=overflow],div[style*="position:fixed"][style*="justify-content:center"][style*="align-items:center"]>div>form,div[style*="position:fixed"][style*="justify-content:center"][style*="align-items:center"]>div>div[style*=overflow]{flex:1 1 auto;min-height:0;overflow-y:auto!important;max-height:none!important;-webkit-overflow-scrolling:touch}.modal-header,.modal-footer,.modal-card>header,.modal-card>footer,.modal-card>div[style*="justify-content: space-between"]:not(.modal-body):not(.modal-footer):not([style*=overflow]){flex-shrink:0}@supports (padding: env(safe-area-inset-bottom)){.modal-card>.modal-footer,.modal-card>footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}div[style*=border-bottom][style*=overflow-x]{display:flex!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none!important;-ms-overflow-style:none!important}div[style*=border-bottom][style*=overflow-x]::-webkit-scrollbar{display:none!important}div[style*=border-bottom][style*=overflow-x]>button{flex-shrink:0!important}.sidebar-overlay{position:fixed;inset:0;background-color:#0f172a4d;backdrop-filter:blur(2px);z-index:999;animation:fadeIn .2s ease-out}.mobile-sidebar-close,.mobile-menu-toggle{display:none!important}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.modal-card div[style*=grid-template-columns],.modal-backdrop div[style*=grid-template-columns],div[style*=grid-template-columns]:not([class]){grid-template-columns:1fr!important;gap:12px!important}div[style*="flex: 0 0 300px"],div[style*="flex:0 0 300px"]{flex:1 1 100%!important;width:100%!important;max-width:100%!important}.sidebar-container{position:fixed!important;top:0!important;left:0!important;bottom:0!important;height:100vh!important;width:240px!important;transform:translate(-100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;z-index:1000!important;box-shadow:none!important;border-right:1px solid var(--border)!important}.sidebar-container.open{transform:translate(0)!important;box-shadow:var(--shadow-lg)!important}.mobile-sidebar-close,.mobile-menu-toggle{display:flex!important}.main-content{margin-left:0!important;width:100%!important}.content-container{padding:14px 16px!important}.topbar-container{padding:0 16px!important}.topbar-tenant-info{display:none!important}.topbar-bell{min-width:40px!important;min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.rowGrid2,.rowGrid3{grid-template-columns:1fr!important;gap:16px!important}.rowGrid4{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important;gap:12px!important}.hub-body{flex-direction:column!important;gap:16px!important}.hub-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid var(--border-soft)!important;padding-right:0!important;padding-bottom:10px!important;flex-direction:row!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.hub-sidebar::-webkit-scrollbar{display:none!important}.hub-sidebar button{width:auto!important;flex-shrink:0!important;padding:8px 12px!important}.hub-content{padding-left:0!important}.hub-content-flex{flex-direction:column!important;gap:16px!important}.hub-left-stat-column,.hub-right-chart-column{width:100%!important}.datatable-header{padding:12px 16px!important;gap:10px!important}.datatable-search-wrapper,.datatable-search-input{width:100%!important}.datatable-controls{width:100%!important;justify-content:space-between!important}.card-header-flex,.form-row,[style*="display: flex"][style*="justify-content: space-between"]{flex-wrap:wrap!important;gap:10px!important}.modal-card>div[style*="justify-content: space-between"]:not(.modal-body):not(.modal-footer):not([style*=overflow]){flex-wrap:nowrap!important}.modal-card>div[style*="justify-content: space-between"]:not(.modal-body):not(.modal-footer):not([style*=overflow])>*:first-child{min-width:0;overflow-wrap:anywhere}.modal-card>div[style*="justify-content: space-between"]:not(.modal-body):not(.modal-footer):not([style*=overflow])>button{flex:0 0 auto}}@media (max-width: 576px){.topbar-clock{display:none!important}.topbar-right{gap:10px!important}.topbar-activity-dropdown{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;right:-8px!important;max-height:70vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.topbar-profile-details{display:none!important}.rowGrid4{grid-template-columns:1fr!important;gap:12px!important}.data-table th,.data-table td{padding:4px 6px!important}.dashboard-filter-bar{width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-top:10px!important}.dashboard-filter-bar select,.dashboard-filter-bar button{width:100%!important}.datatable-pagination{flex-direction:column!important;gap:10px!important;align-items:center!important;text-align:center!important;padding:12px 16px!important}.modal-backdrop,div[style*="position: fixed"][style*="justify-content: center"][style*="align-items: center"],div[style*="position:fixed"][style*="justify-content:center"][style*="align-items:center"]{padding:8px!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}.modal-card,[style*="width: 520px"],div[style*="position: fixed"][style*="justify-content: center"][style*="align-items: center"]>div,div[style*="position:fixed"][style*="justify-content:center"][style*="align-items:center"]>div{width:100%!important;max-width:100%!important;max-height:calc(100vh - 16px)!important;max-height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 8px - max(8px,env(safe-area-inset-bottom)))!important}}@media (max-width: 1024px){.leads-stats-strip{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 640px){.leads-stats-strip{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){.leads-stats-strip{grid-template-columns:1fr!important}}.revenue-earnings-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;margin-bottom:12px}@media (max-width: 768px){.revenue-earnings-grid{grid-template-columns:1fr!important;gap:16px!important}}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}@media (max-width: 1024px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px}}@media (max-width: 480px){.dashboard-stats-grid{grid-template-columns:1fr!important;gap:12px}}.modal-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (max-width: 768px){.modal-form-grid{grid-template-columns:1fr}}.modal-form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width: 768px){.modal-form-grid-3{grid-template-columns:1fr}}.line-items-header{display:grid;grid-template-columns:2fr 70px 110px 110px 32px;gap:6px;margin-bottom:4px}@media (max-width: 768px){.line-items-header{display:none}}.line-items-grid{display:grid;grid-template-columns:2fr 70px 110px 110px 32px;gap:6px;margin-bottom:6px;align-items:center}@media (max-width: 768px){.line-items-grid{grid-template-columns:1fr;border:1px solid var(--border);padding:12px;border-radius:var(--border-radius-sm);background-color:#f8fafc}}.qty-rate-grid{display:grid;grid-template-columns:80px 100px 120px 1fr;gap:10px;align-items:end}@media (max-width: 768px){.qty-rate-grid{grid-template-columns:1fr;align-items:stretch}}@media (max-width: 768px){.hide-on-mobile{display:none!important}.table-container,.datatable-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.data-table th,.data-table td{white-space:normal!important;word-break:break-word!important}}.dropdown-action-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;user-select:none;transition:background-color .15s ease}.dropdown-action-item:hover{background-color:#f8fafc!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}html,body,.table-container,.datatable-scroll{max-width:100%}@media (max-width: 768px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{font-size:16px!important}button,.btn,a.btn,[role=button]{min-height:40px;min-width:40px}.data-table button,.data-table .btn,.data-table [role=button]{min-height:0;min-width:0}.sidebar-container{height:100dvh!important}}.content-container{max-width:100%;min-width:0}.content-container>*{max-width:100%}.data-table th,.data-table td{overflow-wrap:break-word}@media (max-width: 768px){.content-container{overflow-x:clip}.content-container input,.content-container select,.content-container textarea,.modal-backdrop input,.modal-backdrop select,.modal-backdrop textarea,.modal-card input,.modal-card select,.modal-card textarea,.content-container div[style*="width:"],.content-container span[style*="width:"],.content-container button[style*="width:"],.content-container a[style*="width:"],.content-container label[style*="width:"],.content-container img[style*="width:"]{max-width:100%}.content-container .data-table [style*="width:"],.content-container .table-container [style*="width:"],.content-container .datatable-scroll [style*="width:"],.content-container>* [style*="overflow-x: auto"] [style*="width:"],.content-container>* [style*="overflow-x: scroll"] [style*="width:"],.content-container [style*="position: absolute"][style*="width:"],.content-container [style*="position: fixed"][style*="width:"]{max-width:none}.content-container .data-table :is(input,select,textarea),.content-container .table-container :is(input,select,textarea),.content-container .datatable-scroll :is(input,select,textarea),.content-container>* [style*="overflow-x: auto"] :is(input,select,textarea),.content-container>* [style*="overflow-x: scroll"] :is(input,select,textarea){max-width:none}[style*="overflow-x: auto"],[style*="overflow-x: scroll"]{-webkit-overflow-scrolling:touch}.content-container table{max-width:100%}.content-container .table-container table,.content-container .datatable-scroll table,.content-container>* [style*="overflow-x: auto"] table,.content-container>* [style*="overflow-x: scroll"] table{max-width:none}.data-table th,.data-table td,.content-container a[href^="mailto:"],.content-container a[href^="tel:"],.content-container a[href^=http]{overflow-wrap:anywhere}}