:root{--navy:#122a40;--navy2:#1e3b52;--bg:#f4f6f8;--white:#fff;--ink:#1d2e3e;--muted:#74818e;--line:#e4e9ee;--blue:#2563eb;--green:#278266;--amber:#b77918;--red:#bc3c4a;--radius:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid #84adff}a{color:var(--blue);text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;line-height:1.25;margin-bottom:8px}h2{font-size:18px;letter-spacing:-.3px}h3{font-size:15px}p{line-height:1.6}.muted{color:var(--muted)}.small,small{font-size:12px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.workspace{display:flex;min-height:100vh}.sidebar{width:238px;background:var(--navy);color:#fff;position:fixed;inset:0 auto 0 0;padding:30px 18px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:white;font-size:17px;font-weight:650;padding:0 6px}.brand small{display:block;font-size:8px;font-weight:400;letter-spacing:1.8px;margin-top:5px;color:#97aabc}.brand-mark{width:38px;height:38px;display:inline-grid;place-items:center;background:#d5e7b4;color:var(--navy);font-weight:800;font-size:25px;flex-shrink:0;border-radius:8px}.nav-caption{font-size:10px;letter-spacing:1.8px;color:#7890a5;margin:44px 16px 14px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:12px 16px;color:#adbdcb;display:flex;align-items:center;gap:13px;border-radius:8px;font-weight:500}.sidebar nav a span{font-size:20px;width:24px;text-align:center}.sidebar nav a:hover{color:white;background:#ffffff08}.sidebar nav a.active{background:#ffffff12;color:white;box-shadow:inset 3px 0 0 #d5e7b4}.sidebar-bottom{margin-top:auto;padding-top:35px}.automation-card{border:1px solid #ffffff15;border-radius:10px;padding:14px;font-size:12px;line-height:1.6;color:#b9c9d6}.automation-card b{display:block;color:#e3eed9;font-size:12px;margin-bottom:5px}.user-chip{margin-top:20px;border:0;background:none;display:flex;align-items:center;gap:10px;width:100%;color:#fff;text-align:left;padding:10px 4px}.avatar{width:31px;height:31px;border-radius:50%;background:#35516a;color:#d6e4ee;display:grid;place-items:center;font-size:12px}.logout-symbol{margin-left:auto;color:#9ab0c2}.page{margin-left:238px;flex:1;min-width:0}.topbar{height:76px;padding:0 36px;border-bottom:1px solid var(--line);background:var(--white);display:flex;align-items:center;gap:24px}.breadcrumb{font-size:12px;color:var(--muted);white-space:nowrap}.breadcrumb span{padding:0 12px;color:#c4ccd4}.breadcrumb b{color:var(--ink);font-weight:500}.search{display:flex;align-items:center;margin-left:auto;background:#f5f7f9;border:1px solid #e9edf1;border-radius:8px;padding:0 12px;max-width:290px;width:28vw}.search span{font-size:23px;color:#8a98a6}.search input{border:0;background:transparent;min-width:0;width:100%;padding:11px;font-size:12px;outline:none}.today{font-size:12px;color:var(--muted);white-space:nowrap}main{padding:32px 36px;max-width:1680px;margin:auto;min-height:calc(100vh - 130px)}footer{padding:18px 36px;font-size:11px;color:#8e9ba7;border-top:1px solid var(--line);display:flex;justify-content:space-between}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.page-heading p{margin:0;color:var(--muted)}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border:1px solid transparent;border-radius:8px;font-weight:550;font-size:12px;white-space:nowrap}.primary{background:var(--navy);color:#fff}.primary:hover{background:#28465c}.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.secondary:hover{background:#f2f5f8}.danger{background:#fff0f1;color:var(--red);border-color:#ffd5db}.wide{width:100%;justify-content:space-between}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;align-items:center}.stat-symbol{width:30px;height:30px;border-radius:8px;background:#eef3fa;color:#57738f;display:grid;place-items:center;font-size:18px}.stat strong{font-size:34px;font-weight:600;display:block;margin:15px 0 7px;letter-spacing:-1px}.stat small{color:var(--muted);font-size:11px}.stat.green{background:#edf6f0;border-color:#d7eadf}.stat.green .stat-symbol{background:#dceee2;color:var(--green)}.columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line);gap:12px}.panel-head h2{margin:0;font-size:15px}.panel-head a{font-size:12px}.panel-body{padding:22px}.funnel{display:flex;gap:10px;height:180px;align-items:flex-end;padding-top:15px;margin-bottom:18px}.funnel-step{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px;height:100%;font-size:10px;color:var(--muted);text-align:center}.funnel-bar{width:100%;background:#bed2e1;border-radius:6px 6px 2px 2px;min-height:8px;position:relative}.funnel-step:nth-child(2) .funnel-bar{background:#9dbccf}.funnel-step:nth-child(3) .funnel-bar{background:#7197b2}.funnel-step:nth-child(4) .funnel-bar{background:#4c7e9d}.funnel-step:nth-child(5) .funnel-bar{background:#315f7d}.funnel-step:nth-child(6) .funnel-bar{background:#a9c68b}.funnel-step b{font-size:15px;color:var(--ink)}.panel-note{padding-top:15px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.activity{display:grid;gap:18px}.activity-item{display:flex;gap:12px}.activity-dot{width:8px;height:8px;flex:none;background:#a6bed0;border-radius:50%;margin-top:6px}.activity-item p{font-size:12px;margin-bottom:3px}.activity-item small{font-size:10px;color:var(--muted)}.empty{padding:35px 25px;text-align:center;color:var(--muted);line-height:1.7}.empty b{display:block;color:var(--ink);font-size:15px;margin-bottom:6px}.badge{display:inline-block;font-size:10px;font-weight:600;padding:5px 8px;border-radius:5px;background:#edf2f8;color:#456481;line-height:1.2;white-space:nowrap}.badge.green{background:#e7f4eb;color:#278266}.badge.amber{background:#fff4da;color:#a36b13}.badge.red{background:#fdebee;color:#b33c50}.badge.gray{background:#f0f2f4;color:#78838d}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{padding:13px 20px;color:var(--muted);background:#fbfcfd;font-size:10px;letter-spacing:.7px;font-weight:600;white-space:nowrap;border-bottom:1px solid var(--line)}td{padding:17px 20px;border-bottom:1px solid #eff2f5;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfe}.cell-title{color:var(--ink);font-weight:600;display:block;margin-bottom:5px}.cell-sub{color:var(--muted);font-size:11px}.company-icon{width:34px;height:34px;background:#edf1f6;border-radius:8px;display:grid;place-items:center;font-weight:600;color:#57728c;flex:none}.cell-company{display:flex;align-items:center;gap:12px}.filterbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filterbar input,.filterbar select{padding:9px 12px;background:white;border:1px solid var(--line);border-radius:7px;max-width:100%}.pager{display:flex;align-items:center;justify-content:flex-end;gap:15px;padding:15px 20px;font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.equipment-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:14px}.equipment-visual{height:88px;background:linear-gradient(130deg,#f1f5f9,#e8eef3);border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:20px;color:#7890a5;font-size:40px}.equipment-visual small{font-family:monospace;font-size:12px;color:#70889b}.equipment-card h2{font-size:17px;line-height:1.4;min-height:45px;margin:0}.equipment-card .price{font-size:23px;font-weight:600;letter-spacing:-.5px}.equipment-card .actions{margin-top:auto}.equipment-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.kanban{display:flex;gap:14px;overflow:auto;padding-bottom:22px;align-items:flex-start}.kanban-column{min-width:235px;width:235px;flex-shrink:0;background:#eaf0f4;border:1px solid #e0e7ed;border-radius:10px;padding:12px;min-height:340px}.kanban-header{display:flex;justify-content:space-between;align-items:center;padding:5px 3px 15px;font-weight:600;font-size:12px}.kanban-header span{background:#dbe5ed;border-radius:5px;font-size:10px;padding:3px 7px;color:#627b90}.lead-card{padding:16px;background:#fff;border:1px solid #e0e7ed;border-radius:8px;margin-bottom:10px;box-shadow:0 2px 3px #122a4003}.lead-card a{color:var(--ink);font-size:12px;font-weight:650}.lead-card p{font-size:11px;color:var(--muted);margin:10px 0}.lead-card .lead-foot{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:14px}.lead-card button{font-size:10px;padding:5px 8px}.kanban-column.dragover{border:2px dashed #6388a2}.detail-grid{display:grid;grid-template-columns:1fr 320px;gap:22px}.data-list{display:grid;grid-template-columns:130px 1fr;gap:16px;font-size:12px}.data-list dt{color:var(--muted)}.data-list dd{margin:0;overflow-wrap:anywhere}.note{white-space:pre-wrap;font-size:12px;line-height:1.7}.contact-row{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.contact-row:last-child{border:0}.lead-detail{border:1px solid var(--line);padding:18px;border-radius:9px;margin-bottom:12px}.lead-detail h3{margin-bottom:9px}.lead-detail p{font-size:12px;color:var(--muted)}.notice{background:#fff7e6;border:1px solid #f1dfb7;padding:14px 16px;border-radius:8px;font-size:12px;line-height:1.65;margin-bottom:18px;color:#8c641a}.notice.blue{background:#edf4fc;border-color:#d5e4f5;color:#466d94}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;padding:18px;background:#f6f8fa;border-radius:8px;max-height:400px;overflow:auto}.integration{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.integration:last-child{border:0}.integration b{font-size:13px}.integration p{font-size:11px;color:var(--muted);margin:6px 0 0}.error{color:var(--red);font-size:12px;line-height:1.5}.link-button{border:0;background:none;color:var(--blue);padding:5px 0;font-size:12px}.icon-button{border:0;background:transparent;font-size:24px;color:var(--muted);padding:3px 8px}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-intro{background:var(--navy);color:white;padding:80px 12%;display:flex;flex-direction:column}.login-intro .brand-mark{margin-bottom:55px}.login-intro .eyebrow{color:#abc19b;margin-bottom:24px}.login-intro h1{font-size:clamp(32px,4.2vw,60px);line-height:1.2;font-weight:600;letter-spacing:-2px;margin-bottom:25px}.login-intro p{max-width:340px;color:#a4b8c8}.login-caption{margin-top:auto;padding-top:80px;font-size:10px;letter-spacing:2px;color:#8aa0b2}.login-form{display:grid;place-items:center;padding:40px}.login-form form{max-width:360px;width:100%}.login-form h2{font-size:28px;margin:15px 0}.login-form .eyebrow{color:var(--muted)}.login-form label{margin-top:20px}.login-form button{margin:18px 0}.initial-loading{display:grid;min-height:100vh;place-content:center;justify-items:center;gap:15px;color:var(--muted)}dialog{width:min(620px,calc(100% - 28px));max-height:90dvh;border:1px solid var(--line);border-radius:14px;padding:26px;color:var(--ink);box-shadow:0 30px 100px #122a4033}dialog::backdrop{background:#122a4066;backdrop-filter:blur(2px)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-top h2{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:500;margin-bottom:15px}label input,label textarea,label select{display:block;width:100%;margin-top:7px;border:1px solid #dce3ea;background:#fff;color:var(--ink);padding:11px 12px;border-radius:7px;min-height:40px}label input:focus,label textarea:focus,label select:focus{outline:2px solid #b6cde5;border-color:#84a7c9}label textarea{resize:vertical;min-height:90px}label small{display:block;color:var(--muted);font-weight:400;line-height:1.5;margin-top:6px}#toast{position:fixed;bottom:24px;right:24px;background:var(--navy);color:white;padding:16px 22px;border-radius:10px;box-shadow:0 10px 40px #102d4133;z-index:60;max-width:min(420px,90vw);font-size:13px;line-height:1.5}.topspace{margin-top:18px}.truncate{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkline{display:flex;gap:10px;align-items:flex-start}.checkline input{width:auto;min-height:0;margin:2px 0 0}.followup{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.followup p{margin:0 0 4px;font-size:12px}.followup button{padding:4px 8px}.followup small{font-size:10px;color:var(--muted)}@media(min-width:1500px){main{padding-top:40px}.stats{gap:22px}.stat{padding:26px}}@media(max-width:1150px){.sidebar{width:205px;padding-inline:12px}.brand{font-size:15px}.brand small{font-size:7px}.page{margin-left:205px}.topbar,main{padding-left:24px;padding-right:24px}.today{display:none}.cards{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.columns{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:17px}}@media(max-width:760px){.sidebar{position:sticky;top:0;width:100%;height:auto;padding:12px 16px 0;z-index:20}.brand{font-size:15px;padding:0}.brand-mark{width:29px;height:29px;font-size:20px}.brand small{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:12px;gap:4px}.sidebar nav a{padding:10px;font-size:11px;white-space:nowrap;border-radius:6px 6px 0 0;gap:5px}.sidebar nav a span{font-size:16px;width:18px}.sidebar nav a.active{box-shadow:inset 0 -3px 0 #d5e7b4}.sidebar-bottom,.nav-caption{display:none}.workspace{display:block}.page{margin:0}.topbar{height:55px;padding:10px 18px;gap:8px}.breadcrumb{display:none}.search{width:100%;max-width:none;margin:0}.search input{font-size:12px}.search span{font-size:20px}main{padding:23px 16px;min-height:65vh}.page-heading{align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:22px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.page-heading .actions{width:100%}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:16px}.stat strong{font-size:28px}.stat-top{font-size:11px}.stat-symbol{width:25px;height:25px;font-size:15px}.cards{grid-template-columns:1fr}.equipment-card h2{min-height:0}.panel-head,.panel-body{padding:17px}.panel-head{flex-wrap:wrap}th,td{padding:13px 15px}.columns{gap:0}.funnel{gap:7px;height:155px}.funnel-step{font-size:9px}footer{padding:18px;font-size:10px}footer span{display:none}.form-grid{grid-template-columns:1fr}.data-list{grid-template-columns:95px 1fr;gap:13px}.login-layout{display:block}.login-intro{padding:28px}.login-intro .brand-mark{margin-bottom:20px}.login-intro h1{font-size:32px;letter-spacing:-1px}.login-intro h1 br{display:none}.login-caption,.login-intro p{display:none}.login-form{padding:32px 25px}.detail-grid{gap:0}.kanban-column{min-width:250px;width:250px}.modal-actions{position:sticky;bottom:-26px;background:white;padding:15px 0;margin-bottom:-10px}dialog{padding:22px}.user-chip{font-size:12px}}

.mobile-logout{display:none}@media(max-width:760px){.mobile-logout{display:block;position:absolute;right:16px;top:15px;border:0;background:none;color:#b9c9d6;font-size:12px}.sidebar{padding-top:max(12px,env(safe-area-inset-top))}footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}input,select,textarea{font-size:16px}}

.equipment-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.equipment-tabs a{display:flex;gap:10px;align-items:center;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--muted);font-size:13px}.equipment-tabs a.selected{background:var(--navy);border-color:var(--navy);color:white}.equipment-tabs span{font-size:11px;opacity:.8}.equipment-card .actions{flex-wrap:wrap}