@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f0ece4;--bg-secondary: #ffffff;--bg-tertiary: #e8e3da;--accent-primary: #1c1917;--accent-secondary:#44403c;--accent-success: #16a34a;--accent-warning: #d97706;--accent-danger: #dc2626;--text-primary: #1c1917;--text-secondary: #78716c;--text-tertiary: #a8a29e;--border-color: #ddd8cf;--shadow-sm: 0 1px 3px 0 rgba(28,25,23,.07);--shadow-md: 0 4px 8px -1px rgba(28,25,23,.1);--shadow-lg: 0 10px 15px -3px rgba(28,25,23,.09);--accent-gold: #c8b99a;--accent-gold-dim: rgba(200,185,154,.2)}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6}input,select,textarea,button{font-family:inherit}.app-container{position:relative;z-index:1;max-width:100%;margin:0 auto;padding:1.5rem}.header{text-align:left;margin-bottom:1.5rem;background:#1c1917;border-radius:12px;padding:.875rem 1.25rem;position:relative;z-index:150;border:none}.header h1{font-size:1.5rem;font-weight:600;color:#f5f1eb;margin-bottom:.125rem;letter-spacing:-.01em}.header p{color:#78716c;font-size:.8125rem}.nav-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:none;padding:.3rem;background:#1c1917;border-radius:12px;position:sticky;top:.75rem;z-index:100;box-shadow:0 2px 12px #1c191726}.nav-tab{background:none;border:none;color:#a8a29e;font-size:.8125rem;font-weight:500;padding:.5rem 1.125rem;cursor:pointer;position:relative;transition:all .2s ease;border-radius:8px;letter-spacing:.01em}.nav-tab:hover{color:#f5f1eb;background:#f5f1eb14}.nav-tab.active{color:#1c1917;background:#f5f1eb;box-shadow:0 1px 4px #0000001f}.nav-tab.active:after{content:"";position:absolute;bottom:4px;left:.75rem;right:.75rem;height:2px;background:var(--accent-gold);border-radius:2px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:1.25rem 1.25rem 1.25rem 1.5rem;transition:box-shadow .2s ease,transform .2s ease;box-shadow:var(--shadow-sm);text-align:left;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:var(--border-color)}.kpi-card.accent-blue:before{background:#3b82f6}.kpi-card.accent-blue .kpi-label{color:#3b82f6}.kpi-card.accent-green:before{background:#16a34a}.kpi-card.accent-green .kpi-label{color:#16a34a}.kpi-card.accent-amber:before{background:#d97706}.kpi-card.accent-amber .kpi-label{color:#d97706}.kpi-card.accent-purple:before{background:#7c3aed}.kpi-card.accent-purple .kpi-label{color:#7c3aed}.kpi-card.accent-rose:before{background:#e11d48}.kpi-card.accent-rose .kpi-label{color:#e11d48}.kpi-card.accent-cyan:before{background:#0891b2}.kpi-card.accent-cyan .kpi-label{color:#0891b2}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-label{color:var(--text-tertiary);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.25rem;text-align:left}.kpi-value{font-size:1.75rem;font-weight:400;color:var(--text-primary);text-align:left;letter-spacing:-.01em}.kpi-card.primary,.kpi-card.success,.kpi-card.warning,.kpi-card.info,.kpi-card.neutral,.kpi-card.home-style,.kpi-card.analytics-style,.kpi-card.analytics-style.primary,.kpi-card.analytics-style.success,.kpi-card.analytics-style.warning,.kpi-card.analytics-style.info,.kpi-card.analytics-style.neutral{background:#fff;border-color:var(--border-color)}.kpi-card.primary .kpi-value,.kpi-card.success .kpi-value,.kpi-card.warning .kpi-value,.kpi-card.info .kpi-value,.kpi-card.neutral .kpi-value,.kpi-card.home-style .kpi-value,.kpi-card.analytics-style .kpi-value{color:var(--text-primary)}.kpi-card.primary .kpi-label,.kpi-card.success .kpi-label,.kpi-card.warning .kpi-label,.kpi-card.info .kpi-label,.kpi-card.neutral .kpi-label,.kpi-card.home-style .kpi-label,.kpi-card.analytics-style .kpi-label{color:var(--text-tertiary)}.tab-page{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.tab-page-header{display:flex;align-items:center;gap:.75rem}.tab-page-header-bar{width:4px;height:28px;background:var(--accent-gold);border-radius:2px;flex-shrink:0}.tab-page-header h2{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.tab-page-header p{font-size:.8125rem;color:var(--text-secondary);margin:0}.tab-page .table-container,.tab-page .kpi-grid{margin-bottom:0}.table-container{background:#fff;border:1px solid var(--border-color);border-radius:12px;overflow:visible;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.table-header{padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0}.table-header h2{font-size:.6875rem;font-weight:700;color:var(--text-tertiary);letter-spacing:.07em;text-transform:uppercase}.btn{background:#1c1917;color:#f5f1eb;border:none;padding:.4rem .875rem;border-radius:8px;cursor:pointer;font-weight:500;font-size:.75rem;transition:all .2s ease;box-shadow:none}.btn:hover{background:#292524;box-shadow:0 2px 8px #1c191733}.table-header .btn{background:#1c1917;border:none;color:#f5f1eb}.table-header .btn:hover{background:#292524;box-shadow:0 2px 8px #1c191733}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color);color:var(--text-primary)}.table-header .btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.table-header .btn-secondary:hover{background:var(--border-color)}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:auto}thead th{background:#faf8f5;color:var(--text-tertiary);font-weight:600;text-align:left;padding:.625rem .875rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border-color);white-space:nowrap}tbody tr{border-bottom:1px solid #f5f1eb;transition:background .12s ease}tbody tr:nth-child(2n){background:#faf8f5}tbody tr:hover{background:#f5f1eb!important}tbody tr:hover td{color:var(--text-primary)}tbody td{padding:.625rem .875rem;font-size:.8125rem;color:var(--text-primary);vertical-align:middle}.stage-badge{display:inline-block;padding:.125rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:600;white-space:nowrap}.stage-qualification{background:#dbeafe;color:#1d4ed8;font-weight:700}.stage-discovery{background:#ede9fe;color:#6d28d9;font-weight:700}.stage-evaluation{background:#d1fae5;color:#047857;font-weight:700}.stage-proposal{background:#fef3c7;color:#92400e;font-weight:700}.stage-negotiation{background:#14b8a61f;color:#0f766e;font-weight:700}.stage-contracts{background:#fce7f3;color:#9d174d;font-weight:700}.stage-won{background:#dcfce7;color:#15803d;font-weight:700}.stage-lost{background:#fee2e2;color:#b91c1c;font-weight:700}.unionized-badge{display:inline-block;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:600}.unionized-yes{background:#d1fae5;color:#047857}.unionized-no{background:var(--bg-tertiary);color:var(--text-tertiary)}.unionized-mix{background:#fef3c7;color:#92400e}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#1c191773;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}@keyframes modalSpringIn{0%{opacity:0;transform:scale(.9) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal{background:#fff;border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;padding:2rem;box-shadow:0 24px 64px #1c191729,0 0 0 1px #ffffff0d;animation:modalSpringIn .35s cubic-bezier(.34,1.56,.64,1) both}.modal h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-.01em}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group.full{grid-column:1 / -1}.form-group label{color:var(--text-secondary);font-size:.8125rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:10px;padding:.625rem .75rem;color:var(--text-primary);font-size:.875rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1c1917;box-shadow:0 0 0 3px #1c191712;background:#fff}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.25rem}.chart-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-sm)}.chart-card h3{font-size:.6875rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:1rem}.action-buttons{display:flex;gap:.5rem}.action-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.375rem .75rem;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:500;transition:all .2s ease}.action-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#f5f1eb}.action-btn.delete:hover{background:var(--accent-danger);border-color:var(--accent-danger);color:#fff}.login-page{min-height:100vh;background:linear-gradient(135deg,#0f0e0d,#1c1917,#0f0e0d);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(200,185,154,.06) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(200,185,154,.04) 0%,transparent 50%);animation:loginBgShift 15s ease-in-out infinite alternate}@keyframes loginBgShift{0%{transform:translate(0)}to{transform:translate(-5%,3%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.login-card{position:relative;background:#1c1917d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(200,185,154,.15);border-radius:16px;padding:3rem;max-width:460px;width:100%;box-shadow:0 25px 50px #0006}.login-logo{text-align:center;margin-bottom:2rem}.login-logo svg{width:64px;height:64px;margin-bottom:1rem}.login-logo h1{color:#f5f1eb;font-size:1.75rem;font-weight:700;letter-spacing:-.01em}.login-logo p{color:#78716c;font-size:.9375rem;margin-top:.5rem}.login-card label{display:block;color:#a8a29e;font-size:.8125rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.07em}.login-card select,.login-card input{width:100%;padding:.875rem 1rem;background:#f5f1eb14;border:1px solid rgba(200,185,154,.2);border-radius:8px;color:#f5f1eb;font-size:1rem;font-family:inherit;transition:all .2s}.login-card select:focus,.login-card input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px #c8b99a26}.login-card select option{background:#1c1917;color:#f5f1eb}.login-card input::placeholder{color:#57534e}.login-btn{width:100%;padding:.875rem;background:var(--accent-gold);color:#1c1917;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;letter-spacing:.02em}.login-btn:hover{background:#d4c5ab;box-shadow:0 4px 15px #c8b99a4d;transform:translateY(-1px)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.login-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;max-width:700px;width:100%;position:relative}.login-feature{text-align:center;padding:1rem}.login-feature .feat-icon{font-size:1.5rem;margin-bottom:.5rem}.login-feature .feat-title{color:#e8e3da;font-size:.875rem;font-weight:600}.login-feature .feat-desc{color:#57534e;font-size:.75rem;margin-top:.25rem}@media (max-width: 600px){.login-features{grid-template-columns:1fr;gap:.5rem}.login-card{padding:2rem 1.5rem}}.mobile-record-card{display:none}@media (max-width: 640px){.app-container{padding:.5rem .5rem 5rem}.tab-page{padding:.75rem;gap:.75rem}.tab-page-header h2{font-size:1rem}.tab-page-header p{font-size:.6875rem}.nav-tabs{position:fixed;bottom:0;left:0;right:0;top:auto;z-index:500;display:flex;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#1c1917;border-top:1px solid rgba(200,185,154,.15);border-radius:0;padding:.25rem .25rem env(safe-area-inset-bottom,.25rem);gap:0;box-shadow:0 -2px 12px #1c191733;margin-bottom:0}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{flex-shrink:0;flex:1;min-width:56px;padding:.375rem .25rem .25rem;font-size:.5rem;border-radius:6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.125rem;white-space:nowrap}.nav-tab.active:after{display:none}.nav-tab.active{color:#f5f1eb;background:#f5f1eb1a}.table-header{flex-direction:column;align-items:flex-start!important;gap:.625rem;padding:.75rem}.table-header>div{width:100%;flex-wrap:wrap;gap:.375rem!important}.table-header .btn,.table-header button{padding:.375rem .625rem;font-size:.6875rem}.kpi-grid{grid-template-columns:1fr 1fr;gap:.5rem}.kpi-card{padding:.625rem .625rem .625rem .875rem}.kpi-value{font-size:1.25rem}.kpi-label{font-size:.5625rem}.mobile-table-wrap{overflow-x:auto}.opp-desktop-table,.opp-desktop-wrap,.contacts-desktop-table,.contacts-desktop-row,.leads-desktop-table{display:none!important}.mobile-record-card{display:block!important}.opp-mobile-cards,.contacts-mobile-cards,.leads-mobile-cards{display:flex!important;flex-direction:column;gap:.5rem}.mobile-record-card{background:#fff;border:1px solid var(--border-color);border-radius:10px;padding:.875rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .15s}.mobile-record-card:active{box-shadow:var(--shadow-md)}.mobile-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.mobile-card-title{font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.3}.mobile-card-sub{font-size:.75rem;color:var(--text-secondary);margin-top:.125rem}.mobile-card-meta{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem;align-items:center}.mobile-card-meta-item{font-size:.6875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.2rem}.mobile-card-actions{display:flex;gap:.375rem;margin-top:.625rem;padding-top:.5rem;border-top:1px solid var(--bg-tertiary)}.mobile-card-actions button{flex:1;padding:.4rem .5rem;border-radius:6px;font-size:.6875rem;font-weight:600;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;font-family:inherit;text-align:center}.mobile-card-actions button.primary{background:#1c1917;color:#f5f1eb;border-color:#1c1917}.mobile-card-arr{font-size:1rem;font-weight:800;color:var(--accent-gold);white-space:nowrap}.spt-profile-panel{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:64px!important;width:100vw!important;max-width:100vw!important;border-radius:0!important;overflow-y:auto!important}.spt-search-results{left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;border-radius:0 0 12px 12px!important}.modal-overlay{align-items:flex-end!important}.modal{width:100vw!important;max-width:100vw!important;max-height:95vh;margin:0;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;padding:1.25rem 1rem;animation:slideUpModal .25s ease}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-overlay{align-items:flex-end}.form-grid{grid-template-columns:1fr;gap:.75rem}.modal-actions{flex-direction:column}.modal-actions button{width:100%;padding:.625rem}.lead-form-modal{width:100vw!important;max-width:100vw!important;border-radius:16px 16px 0 0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;margin:0!important}.filter-pills-row{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important}.filter-pills-row::-webkit-scrollbar{display:none}.btn{min-height:36px}input[type=checkbox]{width:18px!important;height:18px!important}.table-container{overflow-x:auto}table{min-width:0}thead th{white-space:nowrap;padding:.4rem .5rem;font-size:.5625rem}tbody td{padding:.4rem .5rem;font-size:.6875rem}}.opp-mobile-cards,.contacts-mobile-cards,.leads-mobile-cards{display:none}.opp-desktop-table,.leads-desktop-table,.opp-desktop-wrap{display:block}.opp-split-layout{display:flex;align-items:stretch;height:520px;overflow:hidden}.opp-desktop-table{flex:1;min-width:0;overflow-y:auto}.table-wrapper{overflow-x:visible;overflow-y:visible}@media (max-width: 1024px){.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container table td:first-child,.table-container table th:first-child{position:sticky;left:0;z-index:2;background:#fff}.table-container table th:first-child{background:#faf8f5}.table-container tbody tr:nth-child(2n) td:first-child{background:#faf8f5}.table-container tbody tr:hover td:first-child{background:#f5f1eb}}.spt-pipeline-mobile{display:none}.spt-pipeline-desktop{display:block}@media (max-width: 640px){.app-container{padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}.nav-tabs{padding-bottom:calc(.25rem + env(safe-area-inset-bottom,0px))}button:not(.action-btn):not(.nav-tab):not(.spt-pipeline-mobile button){min-height:44px}select,input[type=text],input[type=number],input[type=email],input[type=date],input[type=search]{min-height:44px}input[type=checkbox],input[type=radio]{width:20px!important;height:20px!important;min-width:20px;min-height:20px}.nav-tab{min-height:44px;padding-top:.375rem;padding-bottom:.375rem}.spt-pipeline-mobile{display:block!important}.spt-pipeline-desktop{display:none!important}.spt-pipeline-card{background:#fff;border:1px solid var(--border-color);border-radius:10px;padding:.875rem 1rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .15s}.header-inner{padding:.5rem .75rem!important}.header h1{font-size:1rem!important}.header p{display:none!important}.table-header{flex-wrap:wrap}.modal{max-height:calc(95vh - 64px)}}@media (max-width: 1200px){.analytics-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.app-container{padding:1rem}.nav-tabs{gap:.25rem;flex-wrap:wrap}.nav-tab{padding:.5rem .75rem;font-size:.75rem}.table-container{overflow-x:auto}table{min-width:600px}}@media (max-width: 768px){.app-container{padding:.75rem}.header h1{font-size:1.125rem}.header p{font-size:.75rem}.form-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.kpi-card{padding:.75rem}.kpi-value{font-size:1.25rem}.kpi-label{font-size:.625rem;margin-bottom:.25rem}.nav-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{white-space:nowrap;padding:.5rem .625rem;font-size:.6875rem;flex-shrink:0}.table-header{flex-direction:column;gap:.5rem;align-items:flex-start!important}.table-header h2{font-size:.875rem}.modal{max-width:95vw;max-height:90vh;margin:1rem;padding:1.25rem}.modal h2{font-size:1.125rem}.btn{padding:.5rem .75rem;font-size:.75rem}.action-btn{padding:.25rem .375rem;font-size:.625rem}table{min-width:500px}thead th{padding:.5rem .375rem;font-size:.625rem}tbody td{padding:.5rem .375rem;font-size:.75rem}}@media (max-width: 480px){.app-container{padding:.5rem}.header h1{font-size:1rem}.header p{display:none}.header{padding:.625rem .875rem;background:#1c1917}.header-logo{height:40px!important;max-width:120px!important}.header-actions{width:100%;justify-content:space-between}.kpi-grid{grid-template-columns:1fr 1fr;gap:.375rem}.kpi-card{padding:.5rem}.kpi-value{font-size:1rem}.kpi-label{font-size:.5625rem}.nav-tab{padding:.375rem .5rem;font-size:.625rem}.modal{margin:.5rem;padding:1rem}.form-grid{gap:.5rem}.form-group label{font-size:.6875rem}.form-group input,.form-group select,.form-group textarea{font-size:.8125rem;padding:.5rem}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.chart-card{padding:.75rem}.login-card{padding:1.5rem 1rem}.login-logo h1{font-size:1.25rem}.login-features{display:none}}