:root{color:#172033;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{width:100%;overflow-x:hidden}body{width:100%;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,filter .16s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2563eb59}.main,.content,.page,.card,.table-wrapper,.detail-grid,.side-panel{min-width:0}.primary-button,.secondary-button{border:0;border-radius:14px;font-weight:700}.primary-button{color:#fff;background:#2563eb;width:100%;padding:13px 16px}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{color:#172033;background:#e2e8f0;padding:10px 12px}.danger-button,.text-danger-button{color:#b91c1c;border:0;font-weight:800}.danger-button{background:#fee2e2;border-radius:14px;padding:10px 12px}.text-danger-button{background:0 0;padding:0}.secondary-link,.table-link{color:#2563eb;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.secondary-link:hover,.table-link:hover{text-decoration:underline}.primary-link-button{color:#fff;background:#2563eb;border-radius:14px;justify-content:center;align-items:center;padding:12px 16px;font-weight:800;display:inline-flex}.primary-link-button:hover{filter:brightness(.95)}.error-box{color:#991b1b;background:#fee2e2;border-radius:14px;margin-bottom:16px;padding:12px;font-weight:600}.error-box h3{color:inherit;margin:0 0 6px}.error-box p{color:inherit;margin:0;line-height:1.5}.success-box{color:#166534;background:#dcfce7;border-radius:14px;padding:12px;font-weight:700}.success-box p{margin:8px 0 0}.muted-text{color:#64748b;font-weight:700}.eyebrow{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.api-status{align-items:center;gap:6px;display:inline-flex}.api-status:before{content:"";background:currentColor;border-radius:999px;width:9px;height:9px}.eyebrow.api-status-online{color:#2563eb}.eyebrow.api-status-offline{color:#991b1b}.eyebrow.api-status-checking{color:#b45309}.center-screen,.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-page{background:radial-gradient(circle at 0 0,#3b82f638,#0000 34%),linear-gradient(135deg,#f8fafc,#e2e8f0)}.login-card{background:#ffffffeb;border:1px solid #94a3b840;border-radius:28px;width:100%;max-width:420px;padding:32px;box-shadow:0 24px 70px #0f172a29}.login-logo,.brand-mark{color:#fff;background:#2563eb;border-radius:16px;flex:none;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.login-card h1{margin:18px 0 8px;font-size:32px}.login-card p{color:#64748b;margin:0 0 24px;line-height:1.5}.login-card label{color:#334155;gap:8px;margin-bottom:16px;font-weight:600;display:grid}.login-card input{background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;padding:12px 14px}.login-card input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.helper-text{color:#64748b;text-align:center;margin-top:16px;display:block}.login-public-link{text-align:center;width:100%;margin-top:14px}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#0f172a;padding:24px}.brand{align-items:center;gap:12px;margin-bottom:36px;display:flex}.brand small{color:#94a3b8;margin-top:2px;display:block}.nav{gap:8px;display:grid}.nav a{color:#cbd5e1;border-radius:14px;padding:12px 14px;font-weight:600}.nav a:hover,.nav a.active{color:#fff;background:#ffffff1a}.main{min-width:0}.topbar{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;min-height:92px;padding:0 32px;display:flex}.topbar h1{margin:2px 0 0;font-size:24px}.user-box{color:#334155;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;font-weight:700;display:flex}.content{padding:32px}.page{gap:24px;display:grid}.page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-header h2{margin:4px 0 0;font-size:30px}.actions-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:24px;box-shadow:0 18px 50px #0f172a14}.card h3{margin:0 0 8px}.card p{color:#64748b;margin:0;line-height:1.6}.card-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.card-header h3{margin:4px 0 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:18px;display:grid}.side-panel{gap:18px;display:grid}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;gap:8px;padding:22px;display:grid;box-shadow:0 18px 50px #0f172a14}.stat-card span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:800}.stat-card strong{color:#0f172a;font-size:34px;line-height:1}.stat-card small{color:#64748b;line-height:1.4}.metric-list{gap:12px;display:grid}.metric-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.metric-row:last-child{border-bottom:0}.metric-row span{color:#64748b}.metric-row strong{color:#0f172a}.bar-list{gap:14px;display:grid}.bar-row{gap:8px;display:grid}.bar-label{justify-content:space-between;align-items:center;gap:16px;display:flex}.bar-label span{color:#334155;text-transform:capitalize;font-weight:700}.bar-label strong{color:#0f172a}.bar-track{background:#e2e8f0;border-radius:999px;height:10px;overflow:hidden}.bar-fill{border-radius:inherit;background:#2563eb;height:100%}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:14px;display:grid}.filters-grid label{color:#334155;gap:8px;font-weight:700;display:grid}.filters-grid label:first-child{grid-column:span 2}.filters-grid input,.filters-grid select{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;min-width:0;padding:11px 12px}.filters-grid input:focus,.filters-grid select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:12px;font-size:12px}.data-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:14px 12px}.data-table td small{color:#64748b;margin-top:4px;display:block}.data-table tr:hover td{background:#f8fafc}.table-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.table-topbar h3{margin:4px 0 0}.pagination-bar{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-weight:700;display:flex}.pagination-bar span{text-align:center;flex:auto}.pagination-bar button{flex:none}.status-badge{text-transform:capitalize;color:#334155;white-space:nowrap;background:#e2e8f0;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-new{color:#1d4ed8;background:#dbeafe}.status-contacted{color:#15803d;background:#dcfce7}.status-quoted{color:#b45309;background:#fef3c7}.status-closed{color:#6d28d9;background:#ede9fe}.status-lost{color:#b91c1c;background:#fee2e2}.detail-list{gap:14px;display:grid}.detail-list div{border-bottom:1px solid #e2e8f0;gap:4px;padding-bottom:12px;display:grid}.detail-list div:last-child{border-bottom:0}.detail-list span,.message-box span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:800}.detail-list strong{color:#0f172a;overflow-wrap:anywhere}.message-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;margin-top:18px;padding:16px}.message-box p{color:#334155;overflow-wrap:anywhere;margin:8px 0 0;line-height:1.6}.stack-form{gap:14px;display:grid}.stack-form label,.note-form label{color:#334155;gap:8px;font-weight:700;display:grid}.stack-form input,.stack-form select,.stack-form textarea,.note-form textarea{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;min-width:0;padding:11px 12px}.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus,.note-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.stack-form textarea{resize:vertical;min-height:130px}.note-form{gap:12px;display:grid}.note-form textarea{resize:vertical;min-height:110px}.notes-list{gap:12px;margin-top:18px;display:grid}.note-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;justify-content:space-between;gap:18px;padding:16px;display:flex}.note-card p{color:#334155;overflow-wrap:anywhere;margin:0 0 8px;line-height:1.5}.note-card small{color:#64748b}.public-lead-page{background:radial-gradient(circle at 0 0,#3b82f638,#0000 34%),linear-gradient(135deg,#f8fafc,#e2e8f0);place-items:center;min-height:100vh;padding:24px;display:grid}.public-lead-card{background:#fffffff0;border:1px solid #94a3b840;border-radius:28px;width:100%;max-width:720px;padding:32px;box-shadow:0 24px 70px #0f172a29}.public-lead-intro{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.public-lead-intro h1{margin:4px 0 8px;font-size:34px}.public-lead-intro p{color:#64748b;margin:0;line-height:1.5}.public-lead-footer{justify-content:center;margin-top:20px;display:flex}.not-found-page{background:radial-gradient(circle at 0 0,#2563eb33,#0000 34%),linear-gradient(135deg,#f8fafc,#e2e8f0);place-items:center;min-height:100vh;padding:24px;display:grid}.not-found-card{background:#fffffff0;border:1px solid #94a3b840;border-radius:28px;width:100%;max-width:520px;padding:32px;box-shadow:0 24px 70px #0f172a29}.not-found-card h1{margin:8px 0;font-size:34px}.not-found-card p{color:#64748b;margin:0;line-height:1.6}.not-found-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;display:flex}@media (width<=1280px){.content{padding:24px}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filters-grid label:first-child{grid-column:span 2}.detail-grid{grid-template-columns:1fr}.side-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{padding:20px}.brand{margin-bottom:20px}.nav{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.topbar{flex-direction:column;align-items:flex-start;min-height:auto;padding:20px}.user-box{justify-content:space-between;width:100%}.content{padding:20px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid,.side-panel{grid-template-columns:1fr}}@media (width<=720px){.page-header,.card-header,.table-topbar{flex-direction:column;align-items:flex-start}.page-header h2{font-size:26px}.filters-grid{grid-template-columns:1fr}.filters-grid label:first-child{grid-column:span 1}.pagination-bar{justify-content:center}.pagination-bar span{flex-basis:100%;order:3}.pagination-bar button{flex:130px}.data-table{min-width:680px}.public-lead-intro{flex-direction:column}}@media (width<=620px){.login-page,.public-lead-page,.not-found-page{padding:16px}.login-card,.public-lead-card,.not-found-card{border-radius:24px;padding:24px}.login-card h1,.public-lead-intro h1,.not-found-card h1{font-size:28px}.content{padding:16px}.card{border-radius:20px;padding:18px}.stat-grid{grid-template-columns:1fr}.actions-row,.note-card,.not-found-actions{flex-direction:column;align-items:stretch}.actions-row>*,.not-found-actions>*,.primary-link-button,.secondary-link{width:100%}.user-box{flex-direction:row;align-items:flex-start}.nav{grid-template-columns:1fr}.pagination-bar{gap:10px}.pagination-bar button{flex:1 1 0}}@media (width<=420px){.sidebar,.topbar{padding:16px}.page-header h2{font-size:24px}.stat-card strong{font-size:30px}.pagination-bar{grid-template-columns:1fr 1fr;display:grid}.pagination-bar span{order:3;grid-column:1/-1}}