:root{--panel-ink:#18352e;--panel-muted:#657970;--panel-green:#22634e;--panel-border:#dce7df;--panel-surface:#fff;--panel-radius:18px}
*{box-sizing:border-box}
body{font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--panel-ink);background:linear-gradient(135deg,#f0f5f1,#f7f9f6);margin:0;min-height:100vh}
body>header{padding:22px max(28px,calc((100vw - 1180px)/2));background:#183e32;border-bottom:3px solid #91b896;box-shadow:0 5px 20px #183e3212;min-height:82px}
header strong{font-size:20px;letter-spacing:-.45px;line-height:1.3}header button{font-size:14px}
main{max-width:1180px;margin:28px auto;padding:0 28px 48px}
h1{font-size:30px;letter-spacing:-.8px;line-height:1.25;margin:12px 0 24px}h2{font-size:23px;letter-spacing:-.5px;line-height:1.3;margin:0 0 16px}h3{font-size:18px;letter-spacing:-.2px;margin:0 0 12px}h4{font-size:15px;margin:22px 0 10px}p{margin:10px 0 16px}small{color:var(--panel-muted);font-size:13px}a{color:var(--panel-green);text-underline-offset:4px}
.card,.catalog-row{background:var(--panel-surface);border:1px solid var(--panel-border);border-radius:var(--panel-radius);padding:24px;margin:16px 0;box-shadow:0 5px 18px #163e2e05}
.card .card{box-shadow:none;background:#f9fbf8;border-radius:12px;padding:18px}.catalog-row{padding:18px 22px;gap:22px}.catalog-row p{color:var(--panel-muted)}.catalog-thumb{background:#f5f8f3;border-radius:10px;padding:5px}
button{font-family:inherit;font-size:14px;line-height:1.3;font-weight:600;background:var(--panel-green);border:1px solid transparent;border-radius:10px;color:white;padding:12px 18px;margin:4px;cursor:pointer;min-height:44px;transition:background .15s,box-shadow .15s}
button:hover:not(:disabled){background:#174b39;box-shadow:0 3px 10px #183e3218}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #96bfa7;outline-offset:3px}
input,select,textarea{font:inherit;color:var(--panel-ink);background:white;border:1px solid #cadbd0;border-radius:10px;padding:11px 13px;width:100%;box-sizing:border-box}input[type=checkbox]{width:19px;height:19px;accent-color:var(--panel-green)}label{font-size:14px;font-weight:600;display:grid;gap:8px;margin:16px 0}label small{font-weight:400}textarea{resize:vertical}input::placeholder{color:#7d8c83}
#menu,.section-menu{display:flex;flex-wrap:wrap;gap:8px;background:white;border:1px solid var(--panel-border);border-radius:16px;padding:10px;margin:22px 0 26px;box-shadow:0 3px 12px #163e2e04}
#menu button,.section-menu button{flex:0 1 auto;min-width:0;margin:0;padding:12px 16px;background:#f0f5ef;color:#355b49;border-radius:10px;white-space:nowrap}#menu button:hover,.section-menu button:hover{background:#e0eddf;box-shadow:none}.section-menu button[aria-pressed=true],#menu button[aria-pressed=true]{background:var(--panel-green);color:white}
.offer-toolbar,.catalog-toolbar,.catalog-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.offer-toolbar{margin:8px 0 20px}.offer-toolbar h2,.offer-toolbar h3{margin:0}.offer-toolbar button{margin:0}.catalog-toolbar{background:#edf4ed;padding:16px;border-radius:14px;margin-bottom:20px}.catalog-toolbar input{min-width:180px}
#environment-notice{background:#e7f0e7;border:1px solid #d1e2d3;border-radius:12px;color:#355b49;padding:12px 16px;font-size:14px}#central-return{font-size:14px}#message:empty,#backup-message:empty,#history-message:empty,#cart-message:empty,#carousel-message:empty{display:none}.publication-feedback{display:inline-block;max-width:100%;overflow-wrap:anywhere}#message{overflow-wrap:anywhere}
dialog{background:white;color:var(--panel-ink);border:1px solid var(--panel-border);border-radius:22px;width:min(620px,calc(100vw - 36px));padding:28px;max-height:85dvh;box-shadow:0 24px 80px #143b3040}dialog::backdrop{background:#15352d66;backdrop-filter:blur(3px)}dialog .dialog-close{background:#eef4ee;color:var(--panel-ink)}dialog .dialog-close:hover{background:#dceadc}dialog .card{margin:12px 0}.dialog-heading{margin-bottom:20px}
#login{max-width:440px!important;margin:64px auto!important;padding:32px}#login h1{font-size:27px;margin-top:0}#login-form>button{width:100%;margin:16px 0 0}.remember{font-weight:400}.password-field button{background:transparent;color:var(--panel-ink);border:0}.password-field button:hover{background:#edf4ed;box-shadow:none}
.connection-details{padding:16px;background:#f5f8f3;border-radius:12px}.connection-details dt{font-size:14px}.connection-details dd{font-size:14px}.check-label{font-weight:400}pre{background:#f4f8f2;border:1px solid var(--panel-border);padding:20px;border-radius:12px;overflow-wrap:anywhere}#content>.card>h2{border-bottom:1px solid #e5ede5;padding-bottom:16px}
@media(min-width:850px){.section-menu{position:sticky;top:12px;z-index:10}#panel>h1{display:inline-block;margin-right:20px}#panel>#logout{float:right;margin-top:10px}#content>.card{padding:26px}}
@media(max-width:650px){body>header{padding:18px 18px;min-height:72px}header strong{font-size:17px}main{margin:20px auto;padding:0 16px 32px}h1{font-size:25px}h2{font-size:21px}.card{padding:19px;border-radius:15px}.catalog-row{padding:15px;gap:14px}.section-menu,#menu{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;gap:7px;padding:8px;margin:20px 0;scrollbar-width:thin}.section-menu button,#menu button{flex:0 0 auto;font-size:13px;padding:11px 13px}.catalog-toolbar input{min-width:0}.offer-toolbar button{max-width:100%}dialog{padding:20px;border-radius:17px;max-height:calc(100dvh - 24px)}#login{margin:30px auto!important;padding:24px}#panel>#logout{float:none}.connection-details{padding:12px}}
@media(prefers-reduced-motion:reduce){button{transition:none}dialog::backdrop{backdrop-filter:none}}