:root{--ink:#173b2f;--red:#bd4230;--line:#d9d9cc;--cream:#f6f3ec}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.45 Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.crm-brand{font-weight:900;letter-spacing:.12em}.crm-brand span{color:var(--red);letter-spacing:0;margin-left:8px}.crm-top{background:#123a2e;color:#fff;min-height:74px;display:flex;justify-content:space-between;align-items:center;padding:16px max(24px,calc((100vw - 1360px)/2))}.crm-top>div:last-child{display:flex;align-items:center;gap:24px}.crm-top form{margin:0}.crm-top button{border:1px solid #ffffff80;background:transparent;color:#fff;padding:8px 15px}.crm-main{width:min(1360px,calc(100% - 36px));margin:30px auto 70px}.crm-title{display:flex;align-items:end;justify-content:space-between;gap:20px}.crm-title p{color:var(--red);font-size:13px;font-weight:800;letter-spacing:.14em;margin:0}.crm-title h1{font:56px/1.1 Georgia,serif;margin:6px 0 18px}.crm-title button,.crm-filters button,.crm-edit button,.crm-login button,.crm-setup button{border:0;background:var(--red);color:#fff;padding:13px 20px;font-weight:700}.crm-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;background:#fff;border:1px solid var(--line);padding:18px;margin-bottom:20px}.crm-filters label{display:grid;gap:5px;min-width:210px;flex:1;font-weight:700}.crm-filters input,.crm-filters select,.crm-edit select,.crm-edit textarea,.crm-login input,.crm-setup input{border:1px solid #aebbad;background:#fff;color:var(--ink);padding:11px;width:100%;border-radius:0}.crm-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(450px,1.1fr);gap:20px;align-items:start}.crm-list,.crm-detail{background:#fff;border:1px solid var(--line)}.crm-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:17px 19px;border-bottom:1px solid var(--line);text-decoration:none}.crm-row:hover,.crm-row.is-active{background:#eff4eb}.crm-row strong,.crm-row span,.crm-row small{display:block}.crm-row strong{font-size:18px}.crm-row small,.crm-row p,.crm-muted{color:#687a70}.crm-row p{grid-column:1/-1;margin:5px 0 0;font-size:15px}.crm-status{display:inline-block!important;padding:5px 9px;background:#f4e1d8;color:#9a392b;font-weight:700;font-size:13px;white-space:nowrap}.crm-status-contacted{background:#e5ecf5;color:#235081}.crm-status-confirmed{background:#e5f0e0;color:#2b6b33}.crm-status-delivery{background:#fff0cc;color:#866209}.crm-status-done{background:#e0efe5;color:#226440}.crm-status-cancelled{background:#eee;color:#666}.crm-pages{display:flex;justify-content:space-between;padding:16px 19px}.crm-detail{padding:24px}.crm-detail-head h2{font:36px/1.1 Georgia,serif;margin:10px 0}.crm-detail-head p{color:#687a70;margin:0 0 20px}.crm-detail dl{display:grid;grid-template-columns:160px 1fr;gap:12px 18px;margin:0}.crm-detail dt{color:#667b70}.crm-detail dd{margin:0;min-width:0}.crm-detail dd ul{margin:0;padding-left:20px}.crm-break{overflow-wrap:anywhere}.crm-edit{border-top:1px solid var(--line);margin-top:26px;padding-top:22px;display:grid;gap:15px}.crm-edit label,.crm-login label,.crm-setup label{display:grid;gap:7px;font-weight:700}.crm-detail h3{margin-top:28px}.crm-event{padding:12px 0;border-top:1px solid var(--line)}.crm-event time{color:#687a70;font-size:14px}.crm-empty{padding:20px;color:#687a70}.crm-error{background:#fff0ed;color:#9e2c21;padding:13px;border-left:4px solid #bd4230}.crm-success{background:#e8f3e8;color:#236d36;padding:13px}.crm-login,.crm-setup{width:min(480px,calc(100% - 32px));margin:8vh auto;background:#fff;border:1px solid var(--line);padding:32px}.crm-login h1,.crm-setup h1{font:42px/1.1 Georgia,serif;margin:20px 0 10px}.crm-login form,.crm-setup form{display:grid;gap:15px;margin-top:24px}.crm-setup{width:min(620px,calc(100% - 32px));margin:35px auto}.crm-setup button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:950px){.crm-layout{grid-template-columns:1fr}.crm-detail{order:-1}.crm-top{padding:16px 20px}}@media(max-width:620px){.crm-main{width:calc(100% - 20px);margin-top:18px}.crm-title h1{font-size:42px}.crm-title{align-items:start}.crm-title button{padding:10px 12px}.crm-top>div:last-child{gap:8px}.crm-top>div:last-child span{display:none}.crm-detail dl{grid-template-columns:1fr;gap:3px}.crm-detail dt{margin-top:9px}.crm-detail{padding:18px}}
/* CRM workspace v2 */
:root{--ink:#20372f;--red:#21745a;--line:#e3e9e4;--cream:#f4f7f5;--muted:#718079}body{font-family:Arial,system-ui,sans-serif;font-size:15px;line-height:1.5;background:var(--cream)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #63aa89}.crm-top{background:#fff;color:var(--ink);min-height:80px;padding:18px 32px;border-bottom:1px solid var(--line)}.crm-brand{text-decoration:none;letter-spacing:.04em;font-size:18px}.crm-brand span{font-size:12px;background:#e5f2eb;border-radius:6px;padding:6px 8px}.crm-top button{color:var(--ink);border-color:var(--line);border-radius:7px}.crm-top>div:last-child{font-size:13px}.cr-nav{display:flex;padding:0 32px;gap:7px;background:#fff;border-bottom:1px solid var(--line);overflow:auto;position:sticky;top:0;z-index:5}.cr-nav a{display:flex;gap:10px;padding:17px 20px;color:#687c71;text-decoration:none;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent}.cr-nav a span{font-size:18px}.cr-nav a:hover{background:#f6faf7}.cr-nav a.active{color:#1d6d4d;border-color:#27845e;background:#f1f8f3}.crm-main{width:min(1520px,calc(100% - 64px));margin:30px auto 60px}.crm-title{align-items:center;margin-bottom:22px}.crm-title h1{font:700 36px/1.2 Arial,sans-serif;letter-spacing:-1px;margin:8px 0}.crm-title p{font-size:11px;color:#7a8a80;letter-spacing:.12em}.crm-title .cr-subtitle{font-size:15px;font-weight:400;letter-spacing:0;color:#718079}.crm-title button,.crm-filters button,.crm-edit button,.crm-login button,.crm-setup button{border-radius:8px;font-size:14px}.cr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 28px}.cr-metrics>a,.cr-metrics>div{display:grid;gap:8px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;box-shadow:0 3px 10px #263d2a03}.cr-metrics strong{font-size:30px;line-height:1.2;letter-spacing:-1px}.cr-metrics span{font-size:14px;color:#5f7367}.cr-metrics small{font-size:12px;color:#829087}.cr-metrics a:hover{border-color:#83b79b}.crm-filters{border-radius:12px;gap:14px;padding:18px;margin-bottom:14px}.crm-filters label{font-size:12px;color:#617468;min-width:150px}.crm-filters label:first-child{flex:2}.crm-filters input,.crm-filters select,.crm-edit select,.crm-edit textarea,.crm-login input,.crm-setup input,.cr-form input,.cr-form select,.cr-form textarea{border:1px solid #d5dfd8;border-radius:7px;min-height:43px;padding:10px 12px;background:#fff;width:100%;color:var(--ink)}.crm-filters>a{font-size:13px;padding:12px}.cr-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:18px 0;color:#738278;font-size:13px}.cr-toolbar>div{display:flex;background:#e8eeea;border-radius:8px;padding:3px}.cr-toolbar button{padding:8px 15px;border:0;background:transparent;border-radius:6px;color:#5b7163}.cr-toolbar button[aria-pressed=true]{background:#fff;color:#1a5c40;box-shadow:0 1px 4px #0001}.crm-layout{grid-template-columns:1fr}.crm-layout.has-detail{grid-template-columns:minmax(270px,.7fr) minmax(450px,1.3fr)}.crm-layout:not(.has-detail) .crm-detail{display:none}.crm-list{border:0;background:transparent;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.has-detail .crm-list{grid-template-columns:1fr}.crm-row{padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff;grid-template-columns:1fr;gap:10px;transition:box-shadow .15s}.crm-row:hover{background:#fff;box-shadow:0 5px 18px #20442b0d;border-color:#a6cbb4}.crm-row.is-active{background:#f0f8f2;border-color:#73ac87}.crm-row>div:nth-child(2){display:flex;align-items:center;justify-content:space-between;gap:10px}.crm-row strong{font-size:17px;line-height:1.4}.crm-row>div>span:not(.crm-status){font-size:14px;color:#758078;margin-top:4px}.crm-row small{font-size:11px}.crm-row p{font-size:13px;overflow-wrap:anywhere}.crm-status{font-size:11px;border-radius:5px;padding:5px 8px}.crm-pages{grid-column:1/-1}.crm-detail{border-radius:12px;padding:26px;position:relative}.crm-detail-head h2{font:700 28px Arial,sans-serif;letter-spacing:-.5px}.crm-detail-head p{font-size:13px}.crm-detail dl{font-size:14px;grid-template-columns:145px 1fr;gap:10px}.crm-detail dt{color:#809086}.crm-detail dd{overflow-wrap:anywhere}.crm-detail h3{font-size:17px}.cr-close-detail{position:absolute;right:18px;top:15px;font-size:26px;text-decoration:none;color:#73867b}.crm-edit{gap:12px}.crm-edit label{font-size:13px}.crm-edit button{justify-self:start}.cr-extra{margin-top:24px}.cr-contact{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.cr-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #21745a;background:#21745a;color:#fff;padding:11px 17px;font-size:14px;font-weight:600;border-radius:8px;text-decoration:none;cursor:pointer}.cr-button.light{background:#fff;color:#32614a;border-color:#ccdcd1}.cr-button:hover{filter:brightness(.96)}.cr-extra details{border:1px solid var(--line);border-radius:9px;margin:18px 0;padding:16px}.cr-extra summary{font-weight:700;cursor:pointer;font-size:16px}.cr-form{display:grid;gap:15px;margin-top:16px}.cr-form label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#53695c}.cr-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cr-form .cr-check{display:flex;align-items:center;gap:9px}.cr-form .cr-check input{width:18px;min-height:18px;accent-color:#21745a}.cr-checks{display:grid;gap:12px;align-content:center}.cr-form button{justify-self:start}.cr-hint{font-size:13px;color:#78887e;font-weight:400}.cr-task{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0}.cr-task>a{flex:1;text-decoration:none}.cr-task small{display:block;color:#839087;margin-top:3px}.cr-task time{font-size:13px}.cr-task button{width:32px;height:32px;border:1px solid #cbd9cf;background:#fff;border-radius:50%;color:#26704d}.cr-task.done{opacity:.55}.cr-task.done b{text-decoration:line-through}.cr-task.late time{color:#be483b;font-weight:700}.cr-archive{display:grid;gap:8px;border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.cr-archive button{justify-self:start}.cr-archive small{color:#7d8b82}.cr-panel{padding:28px;background:#fff;border:1px solid var(--line);border-radius:12px;margin:20px 0}.cr-panel h2{font-size:22px;margin:0 0 10px}.cr-empty{padding:40px;color:#7e8e83;text-align:center}.cr-table{overflow:auto}.cr-table table{width:100%;border-collapse:collapse;min-width:650px}.cr-table th{text-align:left;font-size:12px;text-transform:uppercase;color:#809085;letter-spacing:.05em;background:#f5f8f6}.cr-table th,.cr-table td{padding:17px 14px;border-bottom:1px solid var(--line)}.cr-table td{font-size:14px}.cr-table small{display:block;font-size:12px;color:#829085}.cr-footer{text-align:center;color:#87948a;font-size:12px;padding:20px}.cr-board{display:grid;grid-template-columns:repeat(6,minmax(240px,1fr));gap:15px;overflow:auto;padding-bottom:20px}.cr-board[hidden]{display:none}.cr-lane{background:#eaf0ec;border-radius:10px;padding:12px}.cr-lane h2{font-size:14px;margin:5px 0 16px}.cr-lane .crm-row{margin-bottom:12px}.cr-lane .crm-row>div:nth-child(2){display:block}.board-active .crm-list{display:none}.board-active:not(.has-detail){display:none}.board-active.has-detail{display:block}.board-active.has-detail .crm-detail{margin-top:20px}.cr-catalog-intro{display:flex;gap:24px;justify-content:space-between;align-items:start}.cr-catalog-intro h2{font-size:23px;margin:0}.cr-catalog-intro .cr-button{white-space:nowrap}.cr-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:25px 0}.cr-product{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none}.cr-product img{width:100%;height:190px;object-fit:contain;background:#f2f4f0;padding:12px}.cr-product>div{padding:18px}.cr-product small{color:#849186;font-size:10px;letter-spacing:.09em}.cr-product h3{font-size:17px;margin:9px 0;line-height:1.35}.cr-product p{font-size:12px;color:#4c805e}.cr-product span{display:block;font-size:12px;margin-top:14px;color:#72917c}.cr-product:hover{border-color:#77ab88}.cr-product.hidden-product{opacity:.6}.catalog-preview{width:100%;height:220px;object-fit:contain;background:#f5f7f4;border-radius:8px;margin-bottom:15px}.catalog-editor{max-width:1000px}.crm-login,.crm-setup{border-radius:16px;box-shadow:0 14px 60px #234b3010}.crm-login h1,.crm-setup h1{font:700 34px Arial,sans-serif}.crm-event{font-size:14px}.crm-event time{font-size:12px}.crm-success,.crm-error{border-radius:8px}
@media(max-width:1100px){.cr-catalog-grid{grid-template-columns:repeat(3,1fr)}.crm-list{grid-template-columns:repeat(2,1fr)}.cr-metrics{gap:10px}.cr-metrics strong{font-size:24px}.crm-main{width:calc(100% - 36px)}.cr-nav{padding:0 18px}.cr-nav a{padding:15px}}
@media(max-width:800px){.crm-layout.has-detail{grid-template-columns:1fr}.has-detail .crm-detail{order:-1}.cr-metrics{grid-template-columns:repeat(2,1fr)}.cr-catalog-grid{grid-template-columns:repeat(2,1fr)}.crm-top{padding:15px 20px}.crm-title h1{font-size:30px}.cr-task time{font-size:11px}.cr-catalog-intro{flex-direction:column}}
@media(max-width:520px){.crm-main{width:calc(100% - 24px);margin-top:20px}.crm-list{grid-template-columns:1fr}.cr-metrics>a,.cr-metrics>div{padding:15px}.cr-metrics strong{font-size:23px}.cr-metrics small{font-size:11px}.cr-nav{padding:0 8px}.cr-nav a{padding:13px 11px;font-size:13px;gap:6px}.crm-top{min-height:66px;padding:14px}.crm-brand{font-size:14px}.crm-title button{font-size:12px}.cr-toolbar{align-items:start;flex-direction:column}.crm-detail{padding:18px}.crm-detail dl{grid-template-columns:1fr;gap:3px}.cr-fields{grid-template-columns:1fr}.cr-panel{padding:18px}.cr-catalog-grid{gap:10px}.cr-product img{height:140px}.cr-product>div{padding:12px}.cr-product h3{font-size:14px}.cr-button{font-size:13px;padding:10px 12px}.cr-task{flex-wrap:wrap}.cr-task time{margin-left:46px}.crm-top>span{display:none}}
.cr-periods{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 16px}.cr-date-filter{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.cr-date-filter label{display:grid;gap:7px;font-size:14px}.cr-date-filter input{padding:10px;border:1px solid #cbd9d3;border-radius:8px;font:inherit}.cr-stat-help{margin-top:24px;max-width:900px;color:#53685e;line-height:1.6}.cr-stat-help summary{cursor:pointer;font-weight:700;color:#193e2b}
@media(max-width:800px){.cr-nav{flex-wrap:wrap;gap:4px;padding:10px 14px;position:static;overflow:visible}.cr-nav a{padding:10px 12px;font-size:14px}.cr-date-filter input{max-width:100%}.cr-table td,.cr-table th{padding:14px 10px}.cr-panel{padding:20px}}

.cr-sites-table table{min-width:0;table-layout:fixed}.cr-sites-table th:first-child{width:38%}.cr-sites-table th,.cr-sites-table td{overflow-wrap:anywhere}.cr-sites-table th{letter-spacing:0}.cr-sites-table th:not(:first-child),.cr-sites-table td:not(:first-child){text-align:center}
.cr-courier{display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0}.cr-courier p{margin:6px 0;overflow-wrap:anywhere}.catalog-images{display:grid;gap:10px;margin:15px 0}.catalog-image-row{display:flex;align-items:center;gap:12px;border:1px solid #d7e1d9;padding:10px;border-radius:10px}.catalog-image-row img{width:90px;height:90px;object-fit:contain}.catalog-image-row button{padding:8px 12px;margin:3px;border:1px solid #cbd8ce;background:#f4f8f4;border-radius:6px;color:#214b37;cursor:pointer}.catalog-editor input[type=file]{max-width:100%}@media(max-width:500px){.cr-courier{align-items:flex-start;flex-direction:column}}
