:root{font-family:'Segoe UI',system-ui,sans-serif;color:#203a3a;background:#f5f7f6;font-size:15px;--green:#16796c;--dark:#183f39;--muted:#657974;--line:#e0e8e4;--mint:#edf6f1;--amber:#8b601c;--shadow:0 5px 24px #224a3510}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #54ad99;outline-offset:3px}a{color:var(--green)}h1,h2,h3,p{margin:0}h1{font-size:29px;font-weight:650;letter-spacing:-1px;line-height:1.2}h2{font-size:20px;letter-spacing:-.45px;font-weight:650}h3{font-size:16px;font-weight:650}p{line-height:1.55;color:var(--muted)}small{font-size:12px;color:var(--muted)}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.app-shell{display:flex;min-height:100dvh}.sidebar{width:220px;flex:none;background:#fff;border-right:1px solid var(--line);padding:29px 16px 20px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 32px}.brand img{width:39px;height:39px}.brand strong{font-size:23px;letter-spacing:-.8px;font-weight:700}.brand small{display:block;font-size:11px;margin-top:1px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#899a93;padding:0 14px;margin-bottom:10px}.nav{display:flex;align-items:center;gap:12px;text-decoration:none;color:#62756f;padding:12px 13px;border-radius:10px;margin:4px 0;font-size:14px;font-weight:550}.nav:hover{background:#f4f7f5}.nav.active{background:#e9f3ed;color:#146c5c}.nav .count{margin-left:auto;border-radius:20px;min-width:21px;background:#fff;font-size:11px;padding:3px 5px;text-align:center}.sidebar-footer{margin-top:auto;background:#f5f8f5;border:1px solid var(--line);border-radius:12px;padding:14px}.sidebar-footer .row{gap:8px;font-size:12px;font-weight:600}.sidebar-footer p{font-size:11px;margin-top:7px}.main{margin-left:220px;padding:28px 34px 36px;min-width:0;width:calc(100% - 220px);max-width:1740px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.8px;color:var(--green);font-weight:700;margin-bottom:7px}.topbar p{font-size:13px;margin-top:7px}.avatar{width:38px;height:38px;border:1px solid #d8e4dc;background:#e8f0e4;border-radius:50%;display:grid;place-items:center;color:#526949;font-weight:650;font-size:12px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.gap{display:grid;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:white;color:#35574b;padding:10px 15px;min-height:43px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:650;line-height:1.35}.btn:hover{background:#f4f8f4;border-color:#b5cbbd}.btn.primary{background:var(--green);color:white;border-color:var(--green);box-shadow:0 2px 5px #16796c18}.btn.primary:hover{background:#116758}.btn.soft{background:#eaf3eb;border-color:#eaf3eb;color:#28694e}.btn.ghost{background:transparent;border-color:transparent}.btn.danger{color:#a14437}.btn.small{min-height:35px;padding:7px 11px;font-size:12px}.btn.wide{width:100%}.btn.square{padding:8px;width:39px;min-height:39px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.pad{padding:21px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.card-title p{font-size:12px;margin-top:5px}.tag{display:inline-flex;align-items:center;gap:5px;background:#eff3ef;color:#60766b;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:600;line-height:1.3}.tag.green{background:#e5f2e8;color:#287146}.tag.amber{background:#fff1dc;color:#926118}.tag.blue{background:#eaf1fa;color:#466b94}.tag.purple{background:#f0eafa;color:#826297}.section-label{font-size:12px;font-weight:600;color:#73857d;margin:4px 0 10px}.hero{display:grid;grid-template-columns:1fr auto;background:linear-gradient(112deg,#e6f1e5,#f0f5e8);padding:26px 27px;gap:24px;position:relative;margin-bottom:19px;border:1px solid #dbe6d5;border-radius:16px}.hero h2{font-size:25px;color:#2e523e;letter-spacing:-.6px;margin:10px 0}.hero p{font-size:13px;max-width:540px}.hero .row{margin-top:20px}.hero-visual{width:134px;display:grid;place-items:center}.calendar-art{background:#fff;transform:rotate(7deg);width:107px;border-radius:14px;box-shadow:0 10px 20px #3c653721;overflow:hidden;text-align:center;border:1px solid #d6e1cf}.calendar-art .cap{height:24px;background:#618b63}.calendar-art .number{font-size:43px;line-height:1.2;color:#436342;font-weight:650;padding-top:8px}.calendar-art .caption{font-size:10px;letter-spacing:2px;padding:4px 0 14px;color:#779275}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:19px;align-items:start}.quick{display:flex;gap:14px;padding:17px;border:1px solid var(--line);border-radius:12px;background:white;cursor:pointer;text-align:left;width:100%;color:inherit}.quick+.quick{margin-top:10px}.quick:hover{border-color:#9fbea9;background:#fcfefb}.quick .tile{width:43px;height:43px;border-radius:12px;background:#eeeaf7;color:#8465a0;display:grid;place-items:center;flex:none}.quick .tile.green{background:#e9f4ef;color:#348676}.quick h3{font-size:14px;margin-top:2px}.quick p{font-size:12px;margin-top:5px}.quick>.icon{margin-left:auto;align-self:center;color:#92a69a}.mini-list{margin-top:5px}.mini-item{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #edf0ec}.mini-item:last-child{border:0;padding-bottom:0}.mini-item strong{font-size:12px;display:block;font-weight:600}.mini-item small{display:block;margin-top:3px;font-size:11px}.product-dot{width:32px;height:32px;background:#f1f5ef;border-radius:9px;display:grid;place-items:center;color:#74986a;flex:none}.product-dot .icon{width:16px;height:16px}.notice{display:flex;align-items:flex-start;gap:11px;border:1px solid #e9dfc9;border-radius:11px;background:#fffaf0;padding:13px 16px;font-size:12px;color:#86672c;margin-bottom:18px}.notice p{font-size:12px;color:inherit}.notice .icon{margin-top:1px;width:18px;height:18px}.notice .btn{margin-left:auto;flex:none}.notice.info{background:#f0f5f8;border-color:#dfe8ed;color:#506c7c}.empty{padding:28px 18px;text-align:center}.empty>.icon{width:35px;height:35px;color:#9aac9d;margin-bottom:10px}.empty h3{margin-bottom:7px}.empty p{font-size:13px;max-width:380px;margin:auto}.empty .btn{margin-top:16px}.workflow{display:flex;gap:9px;flex-wrap:wrap;font-size:11px;color:#8d9b92;border-top:1px solid var(--line);padding:15px 0 0;margin-top:20px}.workflow span{display:flex;align-items:center;gap:5px}.workflow .icon{width:14px;height:14px}.request-row{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.request-row:first-child{padding-top:0}.request-row:last-child{border:0;padding-bottom:0}.request-row h3{font-size:14px;margin-bottom:5px}.request-row p{font-size:12px}.request-row .btn{margin-left:auto}.search{position:relative;flex:1;max-width:410px}.search>.icon{position:absolute;top:12px;left:13px;color:#889c91}.search input{padding-left:41px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.filters{display:flex;gap:5px}.filter{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);padding:9px 12px;font-size:12px;min-height:40px}.filter.active{background:#e8f1e9;color:#2c6e4c;border-color:#cdded0}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:#4f665b}.field small{font-weight:400;font-size:11px;line-height:1.4}input:not([type=checkbox]),select,textarea{width:100%;background:#fff;color:#233e33;border:1px solid #d6e1d8;border-radius:8px;padding:10px 11px;min-height:43px;font-size:14px}textarea{resize:vertical;line-height:1.5}input[type=checkbox]{width:19px;height:19px;accent-color:var(--green);flex:none;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.full{grid-column:1/-1}.check-field{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;color:#4f665b}.check-field input{margin:1px 0 0}.selection-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.selection-summary{position:sticky;top:20px}.summary-line{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.summary-line strong{font-size:20px}.summary-note{font-size:12px;margin:15px 0}.product{display:flex;gap:13px;align-items:flex-start;padding:17px 18px;border:1px solid var(--line);border-radius:12px;background:white;margin-bottom:9px;transition:border-color .15s}.product.chosen{border-color:#7baa90;background:#f7fbf7}.product input[type=checkbox]{margin-top:5px}.product-main{flex:1;min-width:0}.product h3{font-size:14px;line-height:1.5;font-weight:600}.product .meta{font-size:12px;color:var(--muted);margin:3px 0 9px;line-height:1.5}.product .tags{display:flex;gap:5px;flex-wrap:wrap}.quantity{width:130px;flex:none}.quantity label{font-size:10px;color:var(--muted);display:block;margin-bottom:4px}.quantity input{font-size:12px;padding:8px;min-height:36px}.product .btn.square{margin-left:3px}.mail-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.75;color:#3e5147;background:#fafbf8;border:1px solid #e5eadd;padding:20px;border-radius:10px;max-height:48vh;overflow:auto;margin:15px 0}.mail-heading{font-size:12px;line-height:1.8;color:var(--muted)}.mail-heading strong{color:#304c40;font-weight:600}.stepper{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 19px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;gap:10px}.step{font-size:12px;display:flex;align-items:center;gap:9px;color:#84948a}.step b{border-radius:50%;background:#f0f3ee;width:25px;height:25px;display:grid;place-items:center;font-size:11px}.step.done{color:#468357}.step.done b{background:#e7f3e6;color:#428147}.step.current{color:var(--green);font-weight:650}.step.current b{background:var(--green);color:#fff}.supplier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.group-block+.group-block{border-top:1px solid var(--line);margin-top:17px;padding-top:17px}.group-block h3{font-size:14px;margin-bottom:10px}.group-block ul{padding-left:18px;margin:10px 0 16px;font-size:12px;color:var(--muted);line-height:1.7}.upload-box{border:1px dashed #b8cfbd;border-radius:11px;background:#f9fbf6;text-align:center;padding:19px}.upload-box p{font-size:11px;margin-top:9px}.attachment-grid{display:flex;gap:9px;flex-wrap:wrap;margin:13px 0}.attachment{position:relative;width:106px;text-align:center}.attachment a{display:block;height:103px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#f2f5ef;padding:5px}.attachment img{width:100%;height:100%;object-fit:contain}.attachment small{font-size:9px;display:block;overflow-wrap:anywhere;margin-top:4px}.attachment .remove{position:absolute;top:-6px;right:-6px;min-height:25px;width:25px;padding:3px;background:#fff;border-radius:50%;border:1px solid var(--line)}.attachment .remove .icon{width:12px;height:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.settings-grid .card .btn{margin-top:15px}.settings-grid .card-title .btn{margin:0}.settings-grid p{font-size:12px}.divider{border:0;border-top:1px solid var(--line);margin:19px 0}.switch-line{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:13px}.muted{color:var(--muted);font-size:12px}.supplier-contact{font-size:12px;line-height:1.8;color:var(--muted)}.status-block{padding:12px 14px;background:#f2f6ee;border-radius:10px;font-size:12px;color:#537a47;margin:12px 0}.danger-block{background:#fff0e9;color:#9d5142}.hidden{display:none!important}.loading{padding:15vh 10vw;font-size:20px;color:var(--green)}dialog{border:1px solid var(--line);border-radius:18px;padding:0;width:min(640px,calc(100% - 28px));max-height:90dvh;box-shadow:0 28px 100px #18362a40;color:#243c32}dialog::backdrop{background:#183a305c;backdrop-filter:blur(3px)}.modal-head{padding:21px 23px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-body{padding:20px 23px}.modal-foot{display:flex;gap:9px;justify-content:flex-end;padding:16px 23px;border-top:1px solid var(--line);background:#f9faf7;border-radius:0 0 18px 18px}.form-error{color:#a43f32;background:#fff0ea;padding:11px 13px;border-radius:8px;margin-bottom:15px;font-size:13px}.form-error:empty{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 20px;background:#244f40;color:white;border-radius:10px;box-shadow:0 4px 25px #0002;z-index:100;max-width:90vw;font-size:13px;display:none}#toast.visible{display:block}#toast.error{background:#984c38}.login{max-width:390px;margin:14vh auto;padding:30px}.login img{width:55px;margin-bottom:16px}.login p{font-size:13px;margin:12px 0 20px}.offline{background:#fff0dc;color:#896020;padding:10px;text-align:center;font-size:13px}.busy{pointer-events:none;opacity:.65}.footnote{font-size:11px;color:#93a196;margin-top:18px;line-height:1.5}.inline-link{background:none;border:none;padding:0;color:var(--green);font-size:12px;font-weight:600;cursor:pointer}.saved-mail{margin-top:14px}.saved-mail summary{cursor:pointer;font-size:12px;color:#698370}.mono-path{font-size:11px;overflow-wrap:anywhere;line-height:1.5}
@media(min-width:1600px){.main{padding-left:50px;padding-right:50px}.dashboard-grid{grid-template-columns:1.6fr 1fr}.hero{padding:32px}}
@media(max-width:1100px){.sidebar{width:185px;padding-left:12px;padding-right:12px}.main{margin-left:185px;width:calc(100% - 185px);padding:25px 22px}.brand{padding-left:5px}.brand strong{font-size:21px}.brand small{font-size:10px}.dashboard-grid{grid-template-columns:1fr}.selection-layout{grid-template-columns:1fr 260px}.supplier-grid,.settings-grid{grid-template-columns:1fr}.hero-visual{width:110px}}
@media(max-width:760px){.sidebar{position:fixed;inset:auto 0 0 0;width:100%;height:auto;border:0;border-top:1px solid var(--line);padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(12px)}.brand,.nav-label,.sidebar-footer{display:none}.sidebar nav{display:flex;justify-content:space-around;gap:3px}.nav{flex:1;flex-direction:column;gap:4px;font-size:9px;padding:7px 2px;margin:0;max-width:95px;font-weight:600;border-radius:9px}.nav .icon{width:21px;height:21px}.nav .count{display:none}.main{margin:0;width:100%;padding:22px 17px 100px}.topbar{margin-bottom:20px;gap:10px}.topbar h1{font-size:25px}.topbar p{font-size:12px}.topbar>.row>.tag{display:none}.hero{padding:21px 19px;gap:8px;margin-bottom:16px}.hero h2{font-size:22px}.hero p{font-size:12px}.hero-visual{width:74px}.calendar-art{width:69px;border-radius:10px}.calendar-art .cap{height:16px}.calendar-art .number{font-size:31px}.calendar-art .caption{font-size:8px;letter-spacing:1px}.hero .row{flex-wrap:wrap;margin-top:17px}.hero .btn{font-size:12px;padding:10px 12px}.dashboard-grid{gap:15px}.pad{padding:17px}.card-title h2{font-size:18px}.notice{padding:12px;gap:8px;flex-wrap:wrap}.notice .btn{margin-left:26px}.selection-layout{display:flex;flex-direction:column;gap:12px}.selection-layout>div{width:100%}.selection-summary{position:static;order:2;width:100%;margin-top:5px}.selection-summary .summary-line{display:inline-flex;margin-right:15px;gap:10px;border:0;padding:6px 0}.summary-note{margin:8px 0 13px}.product{padding:14px 12px;gap:9px;flex-wrap:wrap}.product h3{font-size:13px}.product .meta{font-size:11px}.product .quantity{width:calc(100% - 28px);margin-left:28px;display:flex;align-items:center;gap:10px}.product .quantity label{margin:0;font-size:11px}.quantity input{max-width:160px}.product .btn.square{width:32px;min-height:32px}.product-main{min-width:180px}.filters{width:100%;overflow:auto}.filter{white-space:nowrap;flex:1;padding:8px 10px}.search{max-width:none;width:100%}.toolbar>.btn{font-size:12px}.form-grid{gap:12px}.form-grid.mobile-single{grid-template-columns:1fr}.stepper{padding:12px 8px;gap:5px}.step{gap:5px;font-size:10px}.step b{width:22px;height:22px;flex:none}.request-row{gap:8px}.request-row h3{font-size:13px}.request-row .btn{padding:8px;font-size:11px}.mail-preview{padding:13px;font-size:12px}.modal-head{padding:17px}.modal-body{padding:17px}.modal-foot{padding:14px 17px;flex-wrap:wrap}.modal-foot .btn{flex:1}.settings-grid{gap:14px}#toast{bottom:92px;width:calc(100% - 34px);max-width:480px;text-align:center}.login{margin:8vh 17px}.workflow{font-size:10px;gap:7px}.avatar{width:34px;height:34px}.attachment-grid{gap:12px}.supplier-grid{gap:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-visual{display:none}.hero h2{margin:10px 0 8px}.hero .row{gap:6px}.hero .btn.primary{flex:1}.hero .btn.ghost{padding-left:0;padding-right:0}}
.search input#search{padding-left:43px}.search>.icon{pointer-events:none}

.pair-qr{display:block;width:min(300px,100%);height:auto;margin:18px auto}