.admin-body{background:#f3f5ed}.admin-header{padding:20px max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe6d2;background:#fff;gap:16px}.admin-nav{display:flex;gap:20px;font-size:12px;align-items:center}.admin-nav button{background:none;font-size:12px}.admin-main{width:min(1200px,calc(100% - 48px));margin:50px auto}.login-panel{max-width:450px;margin:60px auto;background:#fff;border:1px solid #e1e6d7;border-radius:20px;padding:38px}.login-panel h1{font-size:31px;margin:17px 0}.login-panel p{font-size:12px;color:#7b866c}.login-panel form{display:grid;gap:10px;margin-top:25px}.login-panel label{font-size:12px;font-weight:650}.login-panel input,.admin-toolbar input,.admin-toolbar select{border:1px solid #d6dec9;background:#fff;border-radius:7px;padding:10px 12px;width:100%;min-width:0}.login-panel button{margin-top:15px}.login-panel>small{display:block;font-size:10px;color:#8c967d;margin-top:24px}.form-message{font-size:12px;color:#a24436;min-height:19px;margin-top:9px;line-height:1.7}.form-message.success{color:#4a7334}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:30px}.dashboard-heading h1{font-size:32px;margin:10px 0}.dashboard-heading p{font-size:12px;color:#81916d}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}.stats>div{background:white;border:1px solid #e0e8d3;border-radius:13px;padding:18px 24px;display:flex;align-items:center;gap:18px}.stats strong{font-size:30px;line-height:1}.stats span{font-size:12px;color:#8b957e}.admin-toolbar{display:flex;gap:12px;align-items:center}.admin-toolbar input{max-width:410px;font-size:12px}.admin-toolbar select{max-width:170px;font-size:12px}.admin-toolbar button,.admin-export{padding:9px 14px;border-radius:6px;border:1px solid #d5dfc7;background:white;font-size:12px;white-space:nowrap}.admin-export{margin-left:auto}.admin-products{display:grid;gap:12px;margin-top:14px}.admin-product{background:#fff;border:1px solid #dce6cf;border-radius:11px;padding:15px;display:flex;gap:18px;align-items:center}.admin-product>img{width:90px;height:78px;object-fit:cover;border-radius:7px}.admin-product-main{flex:1;min-width:0}.admin-product h3{font-size:15px;letter-spacing:0;line-height:1.5}.admin-product p{font-size:11px;color:#8b967f;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:550px}.admin-product small{display:block;margin-top:6px;color:#9aa78b;font-size:9px}.product-status{font-size:10px;padding:4px 8px;border-radius:4px;white-space:nowrap;background:#f0f3e7;color:#738460}.product-status.active{background:#e4f0c7;color:#557b32}.admin-product-actions{display:flex;gap:8px}.admin-product-actions button{background:#eef3e5;border-radius:5px;padding:7px 12px;font-size:11px;white-space:nowrap}.admin-product-actions .trash{background:#faf0ed;color:#a46e60}.admin-help{color:#8c977e;font-size:11px;margin-top:25px;line-height:1.9}.admin-empty{padding:50px;text-align:center;color:#8b987c;background:#fff;border:1px dashed #dce7cb;margin-top:15px}.admin-body #editor{width:min(820px,calc(100% - 32px))}.editor-grid{display:grid;grid-template-columns:230px 1fr;gap:24px;margin-top:20px}.image-editor img{width:100%;height:210px;border:1px solid #d6dec9;border-radius:10px;object-fit:contain;background:#eef3e5}.image-editor .upload-label{border:1px solid #b8ca96;background:#edf5de;text-align:center;padding:10px;cursor:pointer;border-radius:6px;margin-top:12px}.image-editor input[type=file]{font-size:10px;padding:8px;border:none;background:transparent}.image-editor small{font-size:10px;color:#92a17d;display:block}.editor-fields label:first-child{margin-top:0}.form-row{display:flex;gap:15px;align-items:flex-start}.form-row>div{flex:1;min-width:0}.form-row>div:last-child{flex:.8}.editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}#password-dialog small{font-size:10px;color:#819268}#password-form button{width:100%;margin-top:15px}.admin-body dialog label{margin:14px 0 8px}.admin-body #delete-dialog>p{font-size:12px;color:#819268;margin:10px 0}.admin-body input:focus-visible,.admin-body select:focus-visible,.admin-body textarea:focus-visible{outline-offset:1px}
@media(max-width:680px){.admin-header{padding:18px 20px;align-items:center}.admin-nav{gap:12px;font-size:10px;flex-wrap:wrap;justify-content:flex-end}.admin-nav button{font-size:10px}.admin-main{width:calc(100% - 32px);margin:28px auto}.login-panel{padding:27px;margin:35px auto}.dashboard-heading{gap:13px}.dashboard-heading h1{font-size:23px}.dashboard-heading p{font-size:10px}.dashboard-heading .button{font-size:11px;padding:11px 15px;min-height:43px;white-space:nowrap}.stats{gap:8px;margin:24px 0}.stats>div{padding:16px 10px;display:block;text-align:center}.stats strong{font-size:26px;display:block}.stats span{font-size:9px;display:block;margin-top:9px}.admin-toolbar{flex-wrap:wrap;gap:8px}.admin-toolbar input{max-width:100%;width:calc(100% - 130px)}.admin-toolbar select{width:120px}.admin-toolbar button,.admin-export{font-size:10px}.admin-product{padding:12px;gap:10px;flex-wrap:wrap}.admin-product>img{width:65px;height:65px}.admin-product h3{font-size:12px}.admin-product p{font-size:10px;max-width:220px}.admin-product small{font-size:8px}.admin-product-actions{margin-left:auto}.product-status{font-size:9px}.admin-product-actions button{font-size:10px;padding:6px 12px}.editor-grid{grid-template-columns:1fr;gap:20px}.image-editor{display:grid;grid-template-columns:95px 1fr;gap:4px 12px}.image-editor img{width:95px;height:95px;grid-row:1/4;object-fit:cover}.image-editor .upload-label{margin:0!important;padding:8px;align-self:center}.image-editor input[type=file]{font-size:8px;padding:3px}.image-editor small{font-size:8px}.image-editor .form-message{grid-column:1/3}.form-row{gap:10px;flex-wrap:wrap}.form-row>div{min-width:100px}.admin-body #editor{padding:28px 20px}.admin-body dialog input,.admin-body dialog textarea,.admin-body dialog select{font-size:12px}.admin-body dialog h2{font-size:25px}.editor-actions .button{font-size:12px;min-height:44px}.admin-product-main{min-width:calc(100% - 85px)}}