:root{--navy:#0b1b33;--navy-soft:#122744;--water:#0ea5c6;--water-dark:#087c99;--line:#d9e2ec;--muted:#64748b;--bg:#f6f8fb;--panel:#fff;--danger:#b42318;--success:#067647}*{box-sizing:border-box}body{background:var(--bg);color:#152033;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(440px,100%)}.auth-card h1,.topbar h1,.page-header h2{margin:0}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;gap:24px;padding:24px 18px;display:flex}.brand{gap:4px;display:grid}.brand strong{font-size:18px}.brand span,.eyebrow,.muted{color:var(--muted)}.sidebar .brand span{color:#bad7e8}.sidebar nav{gap:8px;display:grid}.sidebar .nav-section{gap:4px;display:grid}.sidebar .nav-section+.nav-section{margin-top:12px}.sidebar .nav-section-title{color:#8fb6cc;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;padding:0 12px;font-size:11px;font-weight:700}.sidebar nav a,.logout-button{color:#fff;text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 12px;text-decoration:none}.sidebar nav a:hover,.logout-button:hover{background:var(--navy-soft);border-color:#ffffff26}.sidebar nav a[aria-current=page]{background:var(--navy-soft);border-color:#ffffff40;font-weight:600}.logout-button{width:100%}.main{min-width:0;padding:28px}.topbar,.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.pill,.status{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.pill{color:var(--water-dark);background:#e4f6fb}.panel,.table-panel,.stat{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px 2px #0f172a0a}.panel{padding:18px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat{padding:18px}.stat strong{margin-top:8px;font-size:30px;display:block}.grid-2{grid-template-columns:1fr 1.2fr;align-items:start;gap:18px;display:grid}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.form-stack,.form-grid{gap:14px;display:grid}.form-wide{grid-column:1/-1}.inline-form{grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:10px;margin-top:18px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:6px;font-size:14px;font-weight:700;display:grid}.field input,.field textarea,.field select{border:1px solid var(--line);font:inherit;border-radius:8px;width:100%;padding:10px 12px;font-weight:400}.field small{color:var(--muted);font-weight:400}.field-error,.form-message.error{color:var(--danger)}.form-message.success{color:var(--success)}.form-actions{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.button{cursor:pointer;font:inherit;border:0;border-radius:8px;padding:10px 14px;font-weight:700}.button:disabled{cursor:not-allowed;opacity:.65}.button-primary{background:var(--water);color:#fff}.button-secondary{color:var(--navy);background:#e8eef5}.button-danger{background:var(--danger);color:#fff}.link-button{text-decoration:none;display:inline-flex}.header-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.table-panel{overflow-x:auto}.stats-grid>*,.grid-2>*,.form-grid>*,.filter-grid>*,.detail-grid>*,.field{min-width:0}.panel p,.panel dd,.stat,.detail-grid dd{overflow-wrap:anywhere}input,select,textarea{max-width:100%}.lead-table{margin-top:18px}.lead-table a{color:var(--water-dark);font-weight:700}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px}th{color:var(--muted);text-transform:uppercase;font-size:12px}.status-active{color:var(--success);background:#dcfae6}.status-inactive{color:var(--danger);background:#fee4e2}.lead-status-new{color:var(--water-dark);background:#e4f6fb}.lead-status-contacted,.lead-status-follow_up{color:#7a4d00;background:#fff3cd}.lead-status-qualified{color:#6941c6;background:#e9d7fe}.lead-status-won{color:var(--success);background:#dcfae6}.lead-status-lost,.lead-status-no_response{color:var(--danger);background:#fee4e2}.customer-status-active,.machine-status-active{color:var(--success);background:#dcfae6}.customer-status-inactive,.machine-status-inactive,.machine-status-retired,.machine-status-removed{color:var(--danger);background:#fee4e2}.customer-status-merged{color:var(--navy);background:#e8eef5}.warning-panel,.success-panel{border:1px solid;border-radius:8px;margin-bottom:18px;padding:14px 16px}.warning-panel{color:#704500;background:#fff9e6;border-color:#f4c95d}.success-panel{color:var(--success);background:#edfbf2;border-color:#75d39b}.warning-panel p,.success-panel p{margin-bottom:0}.detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.detail-list div{border-bottom:1px solid var(--line);padding-bottom:10px}.detail-list dt{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:700}.detail-list dd{margin:0}.pre-wrap{white-space:pre-wrap}.status-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.status-action{border:1px solid var(--line);border-radius:8px;align-items:end;gap:8px;padding:10px;display:grid}.timeline{gap:0;margin-top:18px;display:grid}.timeline article{border-left:3px solid var(--water);border-top:1px solid var(--line);padding:14px 0 14px 16px}.timeline article:first-child{border-top:0}.timeline time{color:var(--muted);margin-top:3px;font-size:12px;display:block}.timeline p{margin-bottom:5px}.pagination{grid-template-columns:1fr auto 1fr;align-items:center;margin-top:16px;display:grid}.pagination a:last-child{justify-self:end}.section-heading{margin-top:28px}.conversion-boundary{margin-top:18px}.stack-list,.machine-actions{gap:12px;display:grid}.mini-card{border:1px solid var(--line);border-radius:8px;padding:12px}.split-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.inline-compact{flex-wrap:wrap;gap:8px;display:flex}hr{border:0;border-top:1px solid var(--line);margin:22px 0}details{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}summary{cursor:pointer;font-weight:700}.check-field{align-items:center;gap:8px;min-height:42px;display:flex}.checkbox-panel{border:1px solid var(--line);border-radius:8px;gap:8px;margin:0;padding:12px;display:grid}.empty{color:var(--muted);text-align:center;padding:24px}@media (max-width:900px){.app-shell,.grid-2,.detail-grid,.filter-grid{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stats-grid,.form-grid,.detail-list,.status-action-grid,.inline-form{grid-template-columns:1fr}.topbar,.page-header,.form-actions{flex-direction:column;align-items:flex-start}.data-table,.lead-table table{display:block;overflow-x:auto}}.notification-bell{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.notification-count{background:var(--water-dark);color:#fff;border-radius:999px;padding:4px 7px;font-size:11px;line-height:1}.notification-open{color:var(--water-dark);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.page-guide-button{cursor:pointer;font:inherit;border:0;font-size:12px;font-weight:700}.page-guide-overlay{z-index:60;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.page-guide-dialog{width:100%;max-width:560px;max-height:80vh;overflow-y:auto}.page-guide-steps{gap:8px;margin:0;padding-left:20px;display:grid}.page-guide-tip{background:#e4f6fb;border-radius:8px;margin:0;padding:10px 12px}.page-guide-close{cursor:pointer;font:inherit;border:0;font-size:12px;font-weight:700}.guide-panel{gap:10px;display:grid}.guide-panel-summary{gap:8px;display:grid}.guide-panel-section{border:1px solid var(--line);border-radius:8px}.guide-panel-section-title{cursor:pointer;padding:10px 12px;font-weight:700}.guide-panel-section[open]>.guide-panel-section-title{border-bottom:1px solid var(--line)}.guide-panel-section-body{gap:8px;padding:10px 12px;display:grid}.guide-panel-section-body p,.guide-panel-faq-item p{margin:0}.notification-bell-wrap{position:relative}.notification-panel{background:var(--panel);border:1px solid var(--line);z-index:70;border-radius:8px;gap:4px;width:360px;max-width:90vw;max-height:70vh;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 8px 24px #0f172a1f}.notification-panel-list{gap:4px;display:grid}.notification-panel-empty{margin:0;padding:12px}.notification-panel-view-all{text-align:center;padding:10px 12px;font-weight:700;display:block}.notification-card{border-left:3px solid #0000;border-radius:6px}.notification-card-unread{border-left-color:var(--water-dark)}.notification-card-unread .notification-card-title{font-weight:700}.notification-card-button{cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;gap:4px;width:100%;padding:10px 12px;display:grid}.notification-card-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notification-card-body{overflow-wrap:anywhere}.notification-card-body-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3.2em;display:-webkit-box;overflow:hidden}.notification-priority-urgent{color:#8a1f1f;background:#fdecec}@media (max-width:900px){.notification-bell-wrap{position:static}.notification-panel{width:auto;max-width:none;margin:0;left:12px;right:12px}}