:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#203643;background:#f3f6f7;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{min-width:0;accent-color:#11896f}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #17a786;outline-offset:2px}button:focus:not(:focus-visible){outline:0}
.layout{min-height:100vh;display:flex}.sidebar{width:238px;flex:none;background:#15313c;color:#d8eaed;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 13px}.brand{display:flex;align-items:center;gap:10px;margin:0 8px 28px}.brand-logo{font-weight:900;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#12a987;color:white;font-size:25px}.brand strong{display:block;font-size:17px;letter-spacing:.4px;color:white}.brand small{display:block;color:#8faeb6;font-size:11px;margin-top:2px}.menu{display:grid;gap:5px}.menu button{border:0;background:transparent;color:#b4cdd2;padding:12px 14px;border-radius:11px;text-align:left;font-weight:600;display:flex;gap:11px;align-items:center}.menu button:hover{background:#244651}.menu button.active{color:#b1f5da;background:#254f53}.menu span{font-size:18px}.side-bottom{margin-top:auto;padding:11px;font-size:12px;color:#9ebac0;line-height:1.7}.small-dot{color:#1cdea4}
.shell{flex:1;min-width:0}.top{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid #e3e9ed;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;backdrop-filter:blur(12px)}.top-title{font-size:20px;font-weight:790;color:#173340}.top-subtitle{font-size:12px;color:#768892;margin-top:2px}.top-right{display:flex;align-items:center;gap:11px}.role-select{padding:9px 12px;border:1px solid #d3e0e3;background:#fff;border-radius:10px;color:#28434b;font-weight:600;max-width:178px}.environment{font-size:11px;font-weight:800;border:1px solid #c5e8d9;border-radius:20px;background:#e6f7f1;color:#08735a;padding:6px 9px;white-space:nowrap}.main{max-width:1190px;padding:24px;margin:auto;padding-bottom:110px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}.page-head h1{font-size:24px;margin:0;font-weight:810;letter-spacing:-.7px;color:#173340}.sub{color:#788c95;font-size:12px;margin-top:5px}.section-title{font-size:17px;font-weight:800;letter-spacing:-.3px;margin:0 0 14px}.panel{border:1px solid #e2e9ed;border-radius:15px;padding:19px;background:#fff;margin-bottom:14px;box-shadow:0 2px 7px #203f4910}.cols2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cols4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stack{display:grid;gap:12px}.line{display:flex;align-items:center;gap:11px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.grow{flex:1;min-width:0}.break{overflow-wrap:anywhere}.text-muted{color:#82939b}.text-small{font-size:12px}.mt{margin-top:15px}.mb{margin-bottom:15px}.hint{font-size:11px;color:#82939b;line-height:1.4}.notice{background:#dff6e9;color:#136d50;border:1px solid #bce8cd;border-radius:10px;padding:12px 15px;margin-bottom:16px;font-size:12px}.warning{background:#fff3df;border:1px solid #f5dbad;border-radius:10px;color:#7c5b22;font-size:12px;padding:10px 13px;margin-bottom:14px}.demo-tag{font-size:11px;font-weight:750;background:#f2e9ff;color:#7a4599;border-radius:17px;padding:6px 10px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:10px 14px;background:#128b70;border:1px solid #128b70;color:#fff;font-weight:750;border-radius:10px;white-space:nowrap;min-height:40px}.btn:hover{background:#08785f}.btn.outline{background:#fff;color:#087c64;border-color:#a8ddca}.btn.outline:hover{background:#eaf8f2}.btn.soft{background:#e8f6f1;color:#137d66;border-color:#e8f6f1}.btn.muted{background:#f0f4f5;color:#607985;border-color:#f0f4f5}.btn.danger{background:#fff3f3;color:#a83c49;border-color:#f3d0d3}.btn.tiny{padding:6px 9px;min-height:30px;font-size:11px}.btn.full{width:100%}.btngroup{display:flex;gap:8px;flex-wrap:wrap}.field{display:grid;gap:5px;margin-bottom:12px}.field label{font-size:12px;color:#556f7b;font-weight:680}.field input,.field select,.field textarea,.text-input{border:1px solid #d7e2e6;background:#fff;color:#203942;padding:11px 12px;border-radius:10px;width:100%;outline-color:#17a886}.field textarea{min-height:78px;resize:vertical}.field input:disabled,.field select:disabled{background:#f1f4f5;color:#7e919a}.field small{font-size:11px;color:#8b9ba4}.field .f-prefix{background:#eff7f4;border-radius:10px}.search-input{border:1px solid #d8e4e7;border-radius:11px;padding:11px 13px;background:#fff;width:100%;outline-color:#16a384}
.stat{background:#fff;border:1px solid #e1e9ed;border-radius:13px;padding:15px;min-width:0}.stat span{display:block;color:#82949b;font-size:11px;margin-bottom:7px}.stat strong{display:block;font-size:22px;line-height:1.2;color:#183744;overflow-wrap:anywhere}.stat small{display:block;color:#8196a0;font-size:10px;margin-top:5px}.tag{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px;background:#edf1f4;color:#5b7482;font-size:10px;font-weight:800;white-space:nowrap}.tag.work{background:#e5efff;color:#2763a9}.tag.ready{background:#e1f7e8;color:#0b8754}.tag.wait{background:#fff1d9;color:#a67317}.tag.closed{background:#eceff2;color:#71808a}.tag.inactive{background:#f7e8e9;color:#a45155}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.filters button{border:1px solid #dae4e6;border-radius:20px;padding:8px 13px;background:white;color:#647b83;font-size:12px}.filters button.active{color:#047c5d;background:#e4f7ef;border-color:#96d6bf;font-weight:750}
.orders-list{display:grid;gap:9px}.order-card{display:flex;width:100%;text-align:left;align-items:center;gap:13px;padding:12px;background:white;border:1px solid #e0e8ec;border-radius:13px;color:#263f4b}.order-card:hover{border-color:#42b59c;box-shadow:0 2px 12px #1c806417}.thumb{width:72px;height:72px;border-radius:11px;background:#e9f4f2;flex:none;display:grid;place-items:center;font-size:29px;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.item-title{font-size:14px;font-weight:750;color:#1b3442}.item-meta{font-size:12px;color:#768992;margin-top:4px}.card-top{display:flex;gap:7px;align-items:center;justify-content:space-between}.empty{border:1px dashed #cbdce1;background:#fff;border-radius:13px;text-align:center;color:#81949d;padding:30px 18px;font-size:13px}.photo-box{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:13px;text-align:center;background:#edf8f3;border:1.5px dashed #8bcfba;border-radius:14px;min-height:171px;color:#285747;overflow:hidden}.photo-box input{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;opacity:0}.photo-box img{width:100%;height:130px;object-fit:cover;border-radius:8px}.photo-box .picon{font-size:29px}.photo-box small{font-size:11px;color:#738b8e}.mode-toggle{display:flex;gap:7px;background:#f0f4f5;border-radius:11px;padding:5px;margin-bottom:14px}.mode-toggle button{flex:1;border:0;border-radius:8px;background:transparent;padding:10px;color:#708690;font-weight:740}.mode-toggle button.active{background:white;color:#087b61;box-shadow:0 1px 5px #123b4014}
.catalog-container{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:14px;align-items:start}.catalog-list{max-height:355px;overflow:auto;border:1px solid #e3eaed;border-radius:11px;margin-top:10px}.catalog-row{display:flex;gap:10px;padding:11px;border-bottom:1px solid #edf2f3;align-items:center}.catalog-row:last-child{border:0}.catalog-title{font-size:12px;font-weight:750;overflow-wrap:anywhere}.catalog-info{font-size:11px;color:#8698a0;margin-top:3px}.catalog-price{font-size:13px;color:#204b4a;font-weight:750;margin-top:4px}.basket{border:1px solid #dce6e8;border-radius:12px;padding:12px}.basket-row{border-bottom:1px solid #ebeff1;padding:10px 0}.basket-row:first-child{padding-top:0}.basket-row:last-child{border-bottom:0}.basket-meta{display:grid;grid-template-columns:72px minmax(0,95px) 1fr;gap:8px;align-items:end;margin-top:9px}.basket-meta input{width:100%;padding:7px 6px;border:1px solid #d9e3e7;border-radius:7px}.basket-meta label{font-size:10px;color:#8297a0;display:block;margin-bottom:4px}.basket-meta strong{text-align:right;font-size:12px;padding-bottom:8px}.summary{border-top:1px solid #dde8e7;padding-top:13px;margin-top:13px}.summary .between{margin-bottom:7px}.money{font-variant-numeric:tabular-nums}.summary .sum{font-size:25px;font-weight:810;color:#087c60}.summary .box{background:#e8f6ef;padding:10px 12px;border-radius:10px}.sep{border:0;border-top:1px solid #edf0f2;margin:16px 0}.steps{display:flex;gap:4px;margin:10px 0 16px}.steps span{height:5px;flex:1;background:#d8e4e7;border-radius:10px}.steps span.done{background:#13a585}
.rowtable{width:100%;border-collapse:collapse;font-size:12px}.rowtable th{text-align:left;font-weight:750;color:#7a8e98;padding:10px 8px;background:#f3f7f8}.rowtable td{padding:11px 8px;border-bottom:1px solid #ecf0f2}.rowtable td:last-child{text-align:right}.table-wrap{overflow:auto}.form-foot{display:flex;justify-content:flex-end;gap:8px;align-items:center;margin-top:12px}.avatar{width:40px;height:40px;border-radius:12px;background:#dcf5eb;color:#077455;display:grid;place-items:center;font-weight:820}.person-list{display:grid;gap:10px}.person{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e1e9ec;border-radius:12px;padding:12px}.person-nums{display:flex;gap:17px;margin-left:auto}.person-nums div{text-align:right}.person-nums small{display:block;color:#93a1a7;font-size:10px}.person-nums strong{font-size:13px}.smallprint{color:#81969d;font-size:11px}.payout-amount{font-size:28px;font-weight:800;color:#106f59}.payouts-log{max-height:330px;overflow:auto}.mobile-nav{display:none}.suggestions{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.suggestions button{border:1px solid #d7e7df;border-radius:8px;padding:5px 8px;background:#f0faf6;color:#187d67;font-size:11px}.detail-photo{width:108px;height:108px;border-radius:13px;background:#e6f2ef;display:grid;place-items:center;overflow:hidden;font-size:37px}.detail-photo img{width:100%;height:100%;object-fit:cover}.data-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.brandmark{display:flex;gap:9px;align-items:center}.attention{padding:11px 13px;background:#fff5e9;border:1px solid #f6dfb9;border-radius:9px;color:#80561d;font-size:12px;margin-bottom:10px}
@media(max-width:920px){.sidebar{width:200px}.main{padding:17px 16px 110px}.cols4{grid-template-columns:repeat(2,1fr)}.catalog-container{grid-template-columns:1fr}.catalog-list{max-height:290px}}@media(max-width:720px){.sidebar{display:none}.top{padding:12px 13px}.top-title{font-size:17px}.main{padding:13px 12px 110px}.page-head h1{font-size:21px}.panel{padding:14px}.cols3{grid-template-columns:1fr 1fr}.cols2{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fff;border-top:1px solid #dbe7e9;padding:5px 7px max(6px,env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -2px 13px #163f4510}.mobile-nav button{min-width:55px;flex:1;border:0;background:transparent;color:#8b9ea6;display:grid;justify-items:center;gap:2px;padding:6px 4px;font-size:10px}.mobile-nav button span{font-size:19px}.mobile-nav button.active{color:#078566;font-weight:800}.role-select{max-width:135px;font-size:12px}.environment{display:none}.person-nums{gap:6px}.person{flex-wrap:wrap}.person-nums{width:100%;justify-content:flex-end}.cols4 .stat strong{font-size:20px}}@media(max-width:430px){.top-subtitle{display:none}.role-select{max-width:123px}.cols3{grid-template-columns:1fr 1fr}.stat strong{font-size:19px}.order-card{gap:10px;padding:10px}.thumb{width:62px;height:62px}.item-title{font-size:13px}.basket-meta{grid-template-columns:55px 80px 1fr}}@media print{.sidebar,.mobile-nav,.top,.btn,.no-print,.filters{display:none!important}.main{max-width:none;padding:0}.panel{border:0;box-shadow:none}.shell{width:100%}}