:root{--forest:#1d5b2e;--forest-dark:#164723;--lime:#a8ce38;--ink:#1c2b20;--chalk:#fdfdfb;--pebble:#efece4;--pebble-dark:#e4e0d4;--soft:#6b6a60;--amber:#c89b5a;--rule:#ddd9cc;--white:#fff;--stop:#b3261e;--stop-bg:#fbeae8;--ok:#1d5b2e;--warn:#c89b5a;--radius:10px;--font:"Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font);color:var(--ink);background:var(--chalk);font-size:15px;line-height:1.5}a{color:var(--forest)}button{font-family:var(--font)}h1,h2,h3{font-weight:800;margin:0 0 10px}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}.topbar{background:var(--forest);color:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;height:48px;position:sticky;top:0;z-index:40}.topbar .brand{font-weight:800;font-size:16px;letter-spacing:.02em;color:#fff;text-decoration:none;white-space:nowrap}.topbar .brand span{color:var(--lime)}.biztabs{display:flex;gap:2px;overflow-x:auto;flex:1;height:100%}.biztabs a{color:#fff;text-decoration:none;padding:0 14px;display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent}.biztabs a.on{background:var(--forest-dark);border-bottom-color:var(--lime)}.biztabs a:hover{background:var(--forest-dark)}.biztabs .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.usermenu{position:relative}.usermenu>button{background:none;border:0;color:#fff;font-weight:700;cursor:pointer;padding:6px 8px;font-size:14px}.usermenu .drop{position:absolute;right:0;top:40px;background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:0 4px 18px #1c2b2024;min-width:190px;display:none;z-index:60}.usermenu .drop.open{display:block}.usermenu .drop button{display:block;width:100%;text-align:left;background:none;border:0;padding:10px 14px;cursor:pointer;font-size:14px;color:var(--ink)}.usermenu .drop button:hover{background:var(--pebble)}.nav{background:var(--white);border-bottom:1px solid var(--rule);display:flex;gap:2px;padding:0 14px;overflow-x:auto;position:sticky;top:48px;z-index:30}.nav a{color:var(--soft);text-decoration:none;padding:11px 13px;font-size:14px;font-weight:600;white-space:nowrap;border-bottom:2px solid transparent}.nav a.on{color:var(--forest);border-bottom-color:var(--forest)}.nav a:hover{color:var(--forest)}.nav .count{background:var(--lime);color:var(--ink);border-radius:9px;font-size:11.5px;padding:1px 7px;margin-left:5px;font-weight:700}.page{max-width:1280px;margin:0 auto;padding:18px 16px 60px}.page-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.page-head h1{margin:0;flex:1;min-width:180px}.card{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);padding:16px;margin-bottom:14px}.card h3{color:var(--soft);text-transform:uppercase;font-size:12px;letter-spacing:.06em;margin-bottom:10px}.cols{display:grid;gap:14px}@media(min-width:900px){.cols-record{grid-template-columns:290px 1fr 290px;align-items:start}}.cardgrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.btn{display:inline-flex;align-items:center;gap:7px;background:var(--forest);color:#fff;font-weight:700;border:2px solid var(--forest);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;text-decoration:none}.btn:hover{background:var(--forest-dark);border-color:var(--forest-dark)}.btn.alt{background:transparent;color:var(--forest)}.btn.alt:hover{background:var(--pebble)}.btn.danger{background:var(--stop);border-color:var(--stop)}.btn.small{padding:4px 10px;font-size:12.5px;border-width:1px}.btn:disabled{opacity:.5;cursor:not-allowed}label.f{display:block;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--soft)}label.f input,label.f select,label.f textarea{display:block;width:100%;margin-top:4px;border:1px solid var(--rule);border-radius:8px;padding:8px 10px;font-size:14px;font-family:var(--font);color:var(--ink);background:var(--white)}label.f input:focus,label.f select:focus,label.f textarea:focus{outline:2px solid var(--forest);outline-offset:-1px}.formrow{display:grid;gap:0 14px}@media(min-width:700px){.formrow{grid-template-columns:1fr 1fr}}.searchbox{display:flex;max-width:420px;flex:1}.searchbox input{flex:1;border:2px solid var(--forest);border-right:0;border-radius:8px 0 0 8px;padding:8px 12px;font-size:14px;font-family:var(--font)}.searchbox button{background:var(--forest);color:#fff;border:0;border-radius:0 8px 8px 0;padding:0 14px;font-weight:700;cursor:pointer}.chip{display:inline-block;border-radius:6px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;background:var(--pebble);color:var(--soft)}.chip.st-lead{background:#e7f0e9;color:var(--forest)}.chip.st-prospect{background:#eef4d8;color:#5a7010}.chip.st-customer{background:var(--forest);color:#fff}.chip.st-lapsed{background:var(--pebble-dark);color:var(--soft)}.chip.st-supplier{background:#efe6d7;color:#8a6a33}.chip.st-other{background:var(--pebble);color:var(--soft)}.chip-stop{background:var(--stop);color:#fff}.chip-warn{background:var(--amber);color:#fff}.chip-ok{background:var(--lime);color:var(--ink)}.chip-biz{border:1px solid var(--rule);background:var(--white);text-transform:none;letter-spacing:0}.badge-unverified{background:var(--amber);color:#fff;border-radius:6px;font-size:11px;font-weight:700;padding:2px 7px}.stop-banner{background:var(--stop);color:#fff;border-radius:var(--radius);padding:12px 16px;font-weight:800;font-size:15px;margin-bottom:14px;display:flex;align-items:center;gap:10px}.warn-banner{background:#fdf6ec;border:1px solid var(--amber);color:#7a5c2e;border-radius:var(--radius);padding:10px 14px;font-size:13.5px;margin-bottom:14px}.gridwrap{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);overflow:auto}table.grid{border-collapse:collapse;width:100%;font-size:13.5px}table.grid th{position:sticky;top:0;background:var(--pebble);color:var(--soft);text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;border-bottom:1px solid var(--rule);cursor:pointer;user-select:none;white-space:nowrap}table.grid th.nosort{cursor:default}table.grid td{padding:7px 10px;border-bottom:1px solid var(--pebble);white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis}table.grid tr.row{cursor:pointer}table.grid tr.row:hover{background:var(--pebble)}table.grid td.num{text-align:right;font-variant-numeric:tabular-nums}.gridbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.gridfoot{padding:10px;color:var(--soft);font-size:13px;display:flex;gap:12px;align-items:center}.kanban{display:flex;gap:12px;overflow-x:auto;align-items:flex-start;padding-bottom:10px}.kcol{background:var(--pebble);border-radius:var(--radius);min-width:250px;width:250px;flex-shrink:0;padding:10px}.kcol h4{margin:0 0 2px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--soft)}.kcol .ktotal{font-weight:800;font-size:15px;margin-bottom:10px}.kcard{background:var(--white);border:1px solid var(--rule);border-radius:8px;padding:10px;margin-bottom:8px;cursor:grab;transition:box-shadow .15s}.kcard:hover{box-shadow:0 4px 18px #1c2b2024}.kcard.dragging{opacity:.5}.kcard .t{font-weight:700;font-size:13.5px;margin-bottom:3px}.kcard .m{color:var(--soft);font-size:12.5px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.kcard.rot-amber{border-left:4px solid var(--amber)}.kcard.rot-red{border-left:4px solid var(--stop)}.kcol.dragover{outline:2px dashed var(--forest);outline-offset:-2px}.timeline{list-style:none;margin:0;padding:0}.timeline li{border-left:3px solid var(--rule);padding:2px 0 14px 14px;position:relative}.timeline li:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--forest);position:absolute;left:-6px;top:6px}.timeline li.t-service_issue:before{background:var(--stop)}.timeline li.t-system:before{background:var(--soft)}.timeline .meta{font-size:12px;color:var(--soft);margin-bottom:2px}.timeline .body{white-space:pre-wrap;font-size:14px}.timeline li.pinned{background:#fdf9ee;border-radius:0 8px 8px 0}.tasklist{list-style:none;margin:0;padding:0}.tasklist li{display:flex;gap:10px;align-items:flex-start;padding:9px 6px;border-bottom:1px solid var(--pebble)}.tasklist li.overdue .due{color:var(--stop);font-weight:700}.tasklist input[type=checkbox]{width:17px;height:17px;accent-color:var(--forest);margin-top:2px;cursor:pointer}.tasklist .t{font-weight:600;font-size:14px}.tasklist .m{color:var(--soft);font-size:12.5px}.tasklist li.high .t:after{content:" !";color:var(--stop);font-weight:800}.money{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;font-size:13.5px}.money b{display:block;font-size:16px;font-variant-numeric:tabular-nums}.money .lbl{color:var(--soft);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em}.money .neg b{color:var(--stop)}.kf{display:grid;gap:8px;font-size:13.5px}.kf .row{display:flex;justify-content:space-between;gap:10px}.kf .k{color:var(--soft)}.kf .v{font-weight:600;text-align:right}.stat{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);padding:14px 16px}.stat .n{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.stat .l{color:var(--soft);font-size:12.5px;text-transform:uppercase;letter-spacing:.05em}.stat .n.pos{color:var(--forest)}.stat .n.neg{color:var(--stop)}.bar{height:10px;background:var(--pebble);border-radius:5px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--forest)}.modal-back{position:fixed;inset:0;background:#1c2b2073;display:flex;align-items:flex-start;justify-content:center;padding:40px 14px;z-index:100;overflow:auto}.modal{background:var(--white);border-radius:var(--radius);max-width:640px;width:100%;padding:20px;box-shadow:0 10px 40px #1c2b204d}.modal h2{margin-bottom:14px}.modal .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--pebble)}.login{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);padding:34px;width:360px;max-width:92vw}.login .brand{font-weight:800;font-size:22px;margin-bottom:4px}.login .brand span{color:var(--forest)}.login .sub{color:var(--soft);font-size:13px;margin-bottom:20px}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(80px);background:var(--ink);color:#fff;padding:11px 20px;border-radius:8px;font-size:14px;opacity:0;transition:all .25s;z-index:200;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#toast.show.error{background:var(--stop)}.empty{color:var(--soft);text-align:center;padding:34px 10px;font-size:14px}.muted{color:var(--soft)}.right{text-align:right}.split{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.pill-picker{position:relative}.pill-picker .pp-drop{position:absolute;top:34px;left:0;background:var(--white);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:0 4px 18px #1c2b2024;padding:10px;z-index:70;min-width:220px;max-height:320px;overflow:auto}.pill-picker label{display:flex;gap:8px;font-size:13px;padding:3px 2px;cursor:pointer}@media(max-width:700px){.topbar{height:44px}.nav{top:44px}.page{padding:12px 10px 80px}table.grid td{padding:6px 8px}}:root{--demo-text:#b21d68}.demo-notice{color:var(--demo-text);font-size:13px;padding:8px 14px;margin:0;border-bottom:1px solid var(--rule)}.demo-row td,.demo-row td :is(span,strong,b,a),.demo-data :is(p,span,strong,b,a,input,textarea,select,td,.t,.m,.due,.n),.demo-data .money b,.demo-text{color:var(--demo-text)!important}.demo-data .btn{color:#fff!important}.demo-data .btn.alt{color:var(--forest)!important}.demo-report .stat .n,.demo-report .split span,.demo-report .split a,.demo-report .ktotal{color:var(--demo-text)!important}.demo-row td .chip.st-customer,.demo-row td .chip-stop,.demo-row td .chip-warn,.demo-data .chip.st-customer,.demo-data .chip-stop,.demo-data .chip-warn{color:#ffe0ef!important}