:root{color-scheme:light;--ink:#25251f;--muted:#74766d;--paper:#f4f2ec;--card:#fffefa;--line:#e5e2d9;--green:#344b3f;--green-dark:#27392f;--gold:#c5a46a;--red:#a64637;--shadow:0 18px 55px rgba(36,39,31,.08);font-family:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-size:14px}
a{color:inherit}
button,input,textarea,select{font:inherit}
.admin-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:34px 0 70px}
.admin-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 25px;border-bottom:1px solid var(--line)}
.admin-brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.admin-brand img{width:54px;height:54px;border-radius:50%;object-fit:cover}
.admin-brand strong{display:block;font-size:13px;letter-spacing:.13em}
.admin-brand small{display:block;margin-top:5px;color:var(--muted);font-size:11px}
.head-actions{display:flex;align-items:center;gap:12px}
.subtle-link{color:var(--muted);font-size:12px;text-decoration:none}
.admin-title{margin:35px 0 8px;font-size:clamp(28px,4vw,42px);font-weight:550;letter-spacing:-.055em}
.admin-intro{margin:0;color:var(--muted);line-height:1.7}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:27px 0 35px}
.stat{padding:20px 22px;background:var(--card);border:1px solid var(--line);border-radius:5px}
.stat span{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.stat strong{display:block;margin-top:8px;font-size:26px;font-weight:550;letter-spacing:-.04em}
.admin-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);gap:20px;align-items:start}
.panel{background:var(--card);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid var(--line)}
.panel-head h2{margin:0;font-size:18px;font-weight:550;letter-spacing:-.03em}
.panel-head p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
.panel-body{padding:22px 24px}
.product-list{display:grid;gap:11px}
.product-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:4px}
.product-thumb{width:76px;height:82px;object-fit:cover;background:#e8e3d9}
.product-row h3{margin:0 0 6px;font-size:14px;font-weight:600}
.product-row p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.row-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.badge{padding:5px 8px;background:#edf1eb;color:var(--green);font-size:10px;border-radius:999px}
.badge.off{background:#f4e8e4;color:var(--red)}
.row-price{margin-top:6px;color:var(--green);font-size:12px;font-weight:700}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:0 15px;border:1px solid var(--green);border-radius:3px;background:var(--green);color:#fff;text-decoration:none;font-size:12px;font-weight:600;cursor:pointer;transition:.2s ease}
.button:hover{background:var(--green-dark);border-color:var(--green-dark)}
.button.secondary{background:transparent;color:var(--green)}
.button.secondary:hover{background:#edf1eb}
.button.danger{min-height:31px;padding:0 10px;border-color:#e8d4cf;background:transparent;color:var(--red);font-size:10px}
.button.danger:hover{background:#f7eeeb}
.button.small{min-height:31px;padding:0 10px;font-size:10px}
.field{display:grid;gap:7px;margin-bottom:16px}
.field label,.field-label{color:#57594f;font-size:11px;font-weight:650}
.field input,.field textarea,.field select,.category-row input{width:100%;min-height:42px;padding:10px 12px;border:1px solid #dedbd1;border-radius:3px;outline:none;background:white;color:var(--ink)}
.field textarea{min-height:104px;resize:vertical;line-height:1.55}
.field input:focus,.field textarea:focus,.field select:focus,.category-row input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(52,75,63,.1)}
.field small,.hint{color:var(--muted);font-size:10px;line-height:1.55}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.check-row{display:flex;align-items:center;gap:9px;margin:0 0 16px;color:var(--muted);font-size:11px}
.check-row input{accent-color:var(--green)}
.current-images{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.current-image{width:89px}
.current-image img{display:block;width:89px;height:82px;object-fit:cover;background:#e8e3d9}
.current-image label{display:flex;align-items:center;gap:5px;margin-top:5px;color:var(--muted);font-size:10px}
.current-image input{accent-color:var(--green)}
.category-list{display:grid;gap:10px}
.category-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center}
.category-row form{margin:0}
.category-form{display:flex;gap:8px;margin:18px 0 0}
.category-form input{flex:1;min-width:0;min-height:40px;padding:9px 11px;border:1px solid #dedbd1;border-radius:3px}
.note{padding:13px 15px;margin:18px 0 0;border-left:3px solid var(--gold);background:#f7f4ed;color:#68675e;font-size:11px;line-height:1.6}
.message{padding:12px 15px;margin:22px 0 0;border:1px solid #d8e5d8;background:#edf4ec;color:#344b3f;font-size:12px;line-height:1.5}
.message.error{border-color:#ecd2cc;background:#fbefec;color:#8b382d}
.editor{margin-top:20px;scroll-margin-top:20px}
.editor .panel-body{padding-bottom:25px}
.editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:21px}
.login-screen{width:min(440px,calc(100% - 32px));margin:8vh auto}
.login-screen .panel{padding:30px}
.login-screen .admin-brand{margin-bottom:27px}
.login-screen h1{margin:0 0 8px;font-size:27px;font-weight:550;letter-spacing:-.05em}
.login-screen> .panel>p{margin:0 0 22px;color:var(--muted);font-size:12px;line-height:1.6}
.auth-note{padding:13px;background:#f7f4ed;color:#6b695f;font-size:11px;line-height:1.55}
.footer-note{margin-top:32px;color:var(--muted);font-size:10px;line-height:1.6}
.category-row{grid-template-columns:minmax(0,1fr) auto}
.category-edit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px}
.category-row input{min-width:0}
.category-row button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:820px){.admin-grid{grid-template-columns:1fr}.stats{gap:9px}.stat{padding:16px}.panel-head,.panel-body{padding-left:18px;padding-right:18px}}
@media(max-width:560px){.admin-wrap{width:calc(100% - 24px);padding-top:18px}.admin-head{padding-bottom:17px}.admin-brand img{width:45px;height:45px}.admin-brand strong{font-size:11px}.head-actions{gap:9px}.subtle-link{font-size:10px}.stats{grid-template-columns:repeat(3,1fr)}.stat{padding:13px 10px}.stat span{font-size:9px;line-height:1.4}.stat strong{font-size:21px}.product-row{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:8px}.product-thumb{width:58px;height:65px}.row-actions{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}.field-grid{grid-template-columns:1fr;gap:0}.panel-head{padding:17px}.panel-body{padding:17px}.category-row{grid-template-columns:minmax(0,1fr) auto}.category-row .button.danger{grid-column:2}.category-form{flex-direction:column}.category-form .button{width:100%}.login-screen{margin:5vh auto}.login-screen .panel{padding:23px}}