:root{--brand:#cbb376;--brand-d:#a28b52;--ink:#253139;--muted:#74808a;--bd:#e4e8eb;--surface:#fff;--bg:#eef1f3;--side:#10191d;--green:#16877c;--red:#b54848;--radius:14px}*{box-sizing:border-box}body{margin:0;font:15px/1.65 Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;background:var(--brand);color:#172124;font-size:13px;font-weight:700;padding:10px 19px;cursor:pointer;text-decoration:none}a{color:#177b78;text-decoration:none}a:hover{text-decoration:underline}button:hover,.button:hover{filter:brightness(.96);text-decoration:none}.secondary{background:#fff;border-color:#d5dcdf;color:#34444c}.quiet,.iconbtn{background:transparent;border-color:#d5dcdf;color:inherit}.danger{background:#fff4f3;color:var(--red);border-color:#efc5c0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #16877c;outline-offset:3px}[hidden]{display:none!important}.app{display:grid;grid-template-columns:250px minmax(0,1fr) 58px;min-height:100vh}.side{background:var(--side);color:#fff;padding:24px 16px;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:#fff;padding:0 8px 25px;margin-bottom:10px;border-bottom:1px solid #ffffff20;font:700 23px/1.4 Arial,sans-serif;letter-spacing:1.5px}.brand img{width:46px;height:46px;object-fit:contain}.brand small{display:block;color:var(--brand);font-size:8px;letter-spacing:1px}.nav-group{font-size:10px;letter-spacing:.4px;color:#8b9a9e;margin:21px 12px 6px}.side nav>a{display:block;border-radius:9px;padding:9px 14px;color:#c6d0d3;font-size:13px;margin:2px 0;border-inline-start:3px solid transparent}.side nav>a:hover{background:#ffffff0c;text-decoration:none}.side nav>a.on{background:#cbb37620;border-color:var(--brand);color:#ebd8a6;font-weight:bold}.usercard{display:flex;gap:10px;align-items:center;margin-top:30px;padding:14px 4px;border-top:1px solid #ffffff20;font-size:11px}.usercard small{display:block;color:var(--brand);font-size:9px}.usercard form{margin-inline-start:auto}.usercard button{padding:5px 9px;font-size:10px;border-color:#ffffff30}.avatar{background:var(--brand);color:#162126;display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;font-size:16px}main{padding:20px 30px;min-width:0;max-width:1800px;width:100%;margin:auto}.topbar{display:flex;align-items:center;gap:24px;border-bottom:1px solid #dce2e5;padding:0 0 18px;font-size:12px}.topbar a{color:#61717a}.date{margin-inline-start:auto;color:#7b878e;font:11px Arial}.topbar #menu-toggle{display:none}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0 23px}.heading h1{font-size:27px;line-height:1.4;letter-spacing:-.8px;margin:0 0 6px}.heading p{margin:0;color:var(--muted);font-size:11px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.actions form{margin:0}.rail{border-inline-start:1px solid #dce2e5;display:flex;flex-direction:column;gap:27px;align-items:center;padding-top:27px;color:#869299;font:10px Arial}.rail span:first-child{border-radius:8px;background:#172126;color:var(--brand);padding:10px 6px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.stat{padding:20px 23px;background:#fff;border:1px solid var(--bd);border-radius:var(--radius);color:var(--ink);position:relative;overflow:hidden}.stat:before{content:'';position:absolute;inset-inline-start:0;top:24px;width:3px;height:28px;background:var(--brand)}.stat:hover{text-decoration:none}.stat small{font-size:12px;color:#75828b}.stat strong{font:600 37px/1.5 Arial;display:block;letter-spacing:-1.5px}.stat span{font-size:10px;color:#809099}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:23px}.panel{background:#fff;border:1px solid var(--bd);padding:25px;border-radius:var(--radius);margin-bottom:23px;min-width:0}.panel h2{font-size:17px;line-height:1.5;margin:0 0 19px}.panel h3{font-size:14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2{margin:0}.section-head>span,.muted{font-size:11px;color:var(--muted)}.bars{padding-top:8px}.bars>a{display:grid;grid-template-columns:110px 1fr 30px;gap:16px;align-items:center;margin-bottom:19px;color:#52636d;font-size:11px}.bars>a>div{background:#f1f4f5;height:8px;border-radius:8px;overflow:hidden}.bars i{display:block;height:100%;border-radius:8px;background:var(--green)}.bars b{font:13px Arial;text-align:end}.workflow{padding-inline-start:25px}.workflow li{padding-inline-start:6px;margin-bottom:22px;color:#a18d55}.workflow b{font-size:13px;color:#34464d}.workflow p{font-size:11px;color:var(--muted);margin:5px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{text-align:start;font-size:11px;font-weight:400;color:#7e8b93;padding:13px 10px;border-bottom:1px solid var(--bd);background:#f7f9fa}td{padding:17px 10px;border-bottom:1px solid #edf0f2;max-width:320px;white-space:normal;overflow-wrap:anywhere}td[dir=ltr]{font:11px/1.8 Arial}.empty{padding:35px;color:#849199;text-align:center;font-size:12px}.status{font-size:10px;border-radius:6px;padding:4px 9px;display:inline-block;background:#f1f3f5;color:#6f7a84}.status.approved{color:#14796b;background:#e7f5ef}.status.pending{color:#9c6a1c;background:#fff4da}.status.rejected,.status.void{color:#a44a4a;background:#fbecec}.filters{display:flex;flex-wrap:wrap;gap:13px;align-items:end;margin:0 0 22px}.filters label:first-of-type{min-width:260px}.filters button{height:41px}.filters>a{font-size:12px;margin-bottom:9px}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#677780}input,textarea,select{display:block;width:100%;background:#fff;border:1px solid #dce2e5;border-radius:8px;padding:10px 12px;color:#283b44;font-size:13px;min-width:0}textarea{resize:vertical;min-height:110px}fieldset{border:0;padding:0;margin:0;min-width:0}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin:0 0 23px}.fields .wide{grid-column:1/-1}.item-row{display:grid;grid-template-columns:2.5fr 1fr 1fr auto;gap:10px;margin-bottom:12px;align-items:end}.item-row button{height:42px;font-size:10px;padding:8px}.form-end{margin-top:23px;display:flex;align-items:center;gap:20px;font-size:12px}.total{display:flex;align-items:center;justify-content:space-between;background:#f6f8f8;border:1px solid var(--bd);padding:20px;margin-top:25px;border-radius:9px;font-size:12px}.total strong{font-size:20px;color:#19776e}.approval-actions{border-top:1px solid var(--bd);margin-top:25px;padding-top:22px}.document-actions{margin-bottom:22px}.pipeline{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:13px;overflow:auto;padding-bottom:10px;margin-bottom:8px}.pipeline>div{background:#e5eaed;border-radius:10px;padding:12px;min-height:130px}.pipeline h3{font-size:11px;margin:0 0 14px;color:#718089}.lead-card{display:block;background:#fff;border:1px solid var(--bd);border-radius:8px;padding:15px;margin-bottom:10px;color:var(--ink)}.lead-card strong{display:block;font-size:12px}.lead-card small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.lead-card>span{display:block;font:12px Arial;color:var(--green);margin-top:14px}.pagination{display:flex;align-items:center;justify-content:center;gap:25px;padding-top:20px;font-size:11px}.notice,.error{padding:15px 20px;border-radius:9px;margin-bottom:20px;font-size:12px}.notice{background:#e0f2e9;color:#1c6b51}.error{background:#fcebe9;color:#9b443e}.error p{margin:5px 0}footer{font-size:10px;color:#93a0a7;padding:22px 0;text-align:center}.editor{scroll-margin-top:20px}#mobile-nav{background:#fff;border-radius:9px;padding:15px;display:flex;gap:15px;flex-wrap:wrap;font-size:12px}.preserve{white-space:pre-wrap}.print-body{background:#eef1f3}.print-sheet{max-width:900px;margin:20px auto;background:#fff;padding:50px;color:#172126}.print-sheet header{display:flex;justify-content:space-between;gap:25px}.print-sheet h1{font-size:22px}.print-sheet p{font-size:13px}.print-toolbar{max-width:900px;margin:20px auto;display:flex;gap:20px;align-items:center}.watermark{color:#a34f4f;border:1px solid;padding:10px}.print-sheet table{white-space:normal}@media(max-width:1100px){.app{grid-template-columns:215px minmax(0,1fr)}.rail{display:none}main{padding:18px 20px}.stats{gap:10px}.stat{padding:18px 15px}.dashboard-grid{grid-template-columns:1fr}.heading{align-items:start}.item-row{grid-template-columns:2fr 1fr 1fr}.item-row button{grid-column:1/-1;width:max-content}}@media(max-width:760px){.app{display:block}.side{display:none}main{padding:17px 15px}.topbar{gap:13px;font-size:10px;flex-wrap:wrap}.topbar #menu-toggle{display:block;font-size:11px;padding:5px 10px}.date{display:none}.heading{display:block;padding:23px 0}.heading h1{font-size:24px}.heading .actions{margin-top:17px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat strong{font-size:30px}.panel{padding:19px 15px}.fields{grid-template-columns:1fr}.item-row{grid-template-columns:1fr 1fr}.item-row label:first-child{grid-column:1/-1}.item-row button{grid-column:auto}.filters label:first-of-type{min-width:0;flex:1 1 100%}.filters label{flex:1}.total strong{font-size:16px}.print-sheet{padding:22px}.print-toolbar{padding:15px}.bars>a{grid-template-columns:90px 1fr 24px;gap:10px}.heading p{font-size:10px}}@media print{.print-toolbar{display:none}.print-body{background:white}.print-sheet{margin:0;padding:15px;max-width:none}table{break-inside:auto}tr{break-inside:avoid}thead{display:table-header-group}.print-sheet footer{position:static}}@media(prefers-reduced-motion:no-preference){.panel,.stat{animation:enter .3s ease-out}@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}
/* CRM-only components */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.table{overflow:auto}.panel form>label{margin-bottom:16px}.panel form>button{margin-top:12px}.search{display:flex;gap:12px;margin-bottom:20px}.search input{flex:1}.activity{padding:18px 0;border-bottom:1px solid var(--bd);font-size:12px}.activity h3{margin:0 0 7px}.activity p{white-space:pre-wrap}.activity small,.block{display:block;color:var(--muted);font-size:10px}.task-preview{display:flex;align-items:center;justify-content:space-between;gap:15px}.task-preview strong{font-size:12px}.task-preview small{margin-top:5px}.quick-links a{display:block;border-bottom:1px solid var(--bd);padding:18px 0;color:var(--ink)}.quick-links b{font-size:13px}.quick-links span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.pipeline-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.pipeline-summary>a{border-inline-start:2px solid var(--brand);padding:8px 15px;color:var(--ink);background:#f7f9fa;border-radius:6px}.pipeline-summary span,.pipeline-summary small{display:block;font-size:10px;color:var(--muted)}.pipeline-summary strong{display:block;font:600 30px/1.6 Arial}.sales-totals{display:flex;gap:35px;flex-wrap:wrap;margin-top:20px;font-size:12px}.sales-totals b{display:block;color:var(--green);font:600 20px/1.8 Arial}.lead-card form{margin-top:12px;border-top:1px solid var(--bd);padding-top:12px}.lead-card form label{font-size:9px}.lead-card form select{font-size:10px;padding:6px}.lead-card form button{font-size:10px;padding:5px 12px;margin-top:6px}.lead-card a{color:var(--ink)}.lead-card a>span{display:block;color:var(--green);font:12px Arial;margin-top:12px;margin-bottom:10px}.pipeline h3{display:flex;justify-content:space-between}.inline-form{display:flex;gap:7px}.inline-form select{min-width:100px;padding:6px;font-size:11px}.inline-form button{font-size:10px;padding:6px 9px}.overdue{color:var(--red);font-weight:bold}.team-item{border-bottom:1px solid var(--bd);padding:18px 0}.team-item summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;font-size:12px}.team-item summary small{display:block;color:var(--muted);font-size:10px}.team-item[open] form{padding:18px 0}.account-state{border-top:1px dashed var(--bd)}.count{background:#e4ede9;color:var(--green);border-radius:5px;padding:3px 6px;font-size:10px}.panel details summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}.badge{display:inline-block;background:#f0eee6;color:#8c784b;border-radius:6px;padding:5px 10px;font-size:11px}#task-editor{scroll-margin-top:15px}@media(max-width:760px){.grid{grid-template-columns:1fr}.pipeline-summary{grid-template-columns:1fr 1fr}.team-item summary{align-items:start}.team-item summary small{font-size:9px;overflow-wrap:anywhere}.sales-totals{gap:15px}.search{flex-wrap:wrap}.search input{flex-basis:100%}}
.timeline-event{display:flex;gap:15px;border-inline-start:1px solid #dce4e5;padding:0 18px 24px;margin-inline-start:5px;position:relative}.timeline-dot{position:absolute;inset-inline-start:-5px;top:7px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:var(--green)}.timeline-event h3{margin:0 0 6px;font-size:13px}.timeline-event p{font-size:12px;color:#61727a;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 7px}.timeline-event small{font-size:10px;color:#8a989f}.alert-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px;border-bottom:1px solid var(--bd)}.alert-item.unread{background:#f5f8f5;border-inline-start:3px solid var(--green)}.alert-item strong{font-size:13px}.alert-item p{font-size:12px;color:var(--muted)}.alert-item small{font-size:10px;color:var(--muted)}.duplicates-main{max-width:1200px;min-height:100vh;padding:25px}.duplicates-main li,.duplicates-main .panel>p{font-size:12px;line-height:1.9}.duplicates-main input[name=confirm]{max-width:220px}.duplicates-main form>button{margin-top:15px}@media(max-width:760px){.alert-item{display:block}.alert-item form{margin-top:12px}.duplicates-main{padding:15px}}

.routing-pool{border:1px solid var(--line,#34404c);border-radius:12px;margin:20px 0;padding:18px}.routing-pool label{display:flex;align-items:center;gap:10px;margin:10px 0}.routing-pool input{width:auto}.activity details{margin-top:15px}.activity summary{cursor:pointer;padding:12px 0}

.inline-check{display:flex;align-items:center;gap:10px;margin:18px 0}.inline-check input{width:auto}.panel details{margin:18px 0}.table-wrap td{overflow-wrap:anywhere}

.security-main{max-width:980px;margin:40px auto;padding:20px;width:100%}.security-main h1{margin:24px 0}.recovery-codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:20px 0}.recovery-codes code{padding:12px;background:#111827;font-size:18px}
