:root{--admin-ink:#15231c;--admin-green:#255541;--admin-bg:#f4f6f3;--admin-line:#e4e9e3;--admin-muted:#738076;--admin-white:#fff;--admin-blue:#4774ee}*{box-sizing:border-box}body{margin:0;background:var(--admin-bg);font-family:'DM Sans',Arial,sans-serif;color:var(--admin-ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}.admin-login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 18% 15%,#e2eadf,transparent 36%),linear-gradient(135deg,#f8f7f1,#eef3ed)}.login-card{background:white;width:min(420px,100%);padding:35px;border-radius:18px;box-shadow:0 18px 70px rgba(24,50,31,.12);border:1px solid #e8ece5}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.login-mark{width:45px;height:45px;display:grid;place-items:center;background:#255541;color:white;border-radius:13px;font-size:19px;font-weight:800}.login-brand h1{font:800 22px 'Manrope',Arial;margin:0;letter-spacing:-.04em}.login-brand p{font-size:10px;color:#748177;margin:4px 0 0;letter-spacing:.1em;text-transform:uppercase}.login-card h2{font-size:24px;margin:0 0 8px}.login-card>p{font-size:12px;color:#778279;line-height:1.6;margin-bottom:23px}.admin-field{display:grid;gap:7px;margin-bottom:15px}.admin-field label{font-size:11px;font-weight:700;color:#526056}.admin-field input,.admin-field textarea,.admin-field select{width:100%;border:1px solid #dce4db;border-radius:8px;background:white;outline:none;padding:11px 12px;font-size:12px;color:#233329}.admin-field textarea{min-height:88px;resize:vertical}.admin-field input:focus,.admin-field textarea:focus,.admin-field select:focus{border-color:#6a9678;box-shadow:0 0 0 3px #e7f0e7}.admin-btn{border:0;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 15px;border-radius:8px;background:var(--admin-green);color:white;font-size:12px;font-weight:700}.admin-btn:hover{background:#1b402f}.admin-btn:disabled{opacity:.6;cursor:wait}.admin-btn.secondary{background:white;border:1px solid #dce4db;color:#26382d}.admin-btn.danger{background:#fff2ef;color:#b74333;border:1px solid #f3d6d0}.admin-btn.blue{background:var(--admin-blue)}.full-width{width:100%}.login-error{display:none;padding:10px 12px;background:#fff0ee;color:#a53b30;font-size:11px;border-radius:7px;margin-top:12px}.login-help{font-size:10px!important;color:#879187!important;margin:18px 0 0!important}.admin-shell{display:none;min-height:100vh}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:#14221b;color:#fff;padding:23px 14px;display:flex;flex-direction:column;z-index:15}.admin-logo{display:flex;align-items:center;gap:10px;padding:0 10px 26px;border-bottom:1px solid #304238}.admin-logo-mark{width:36px;height:36px;background:#dce9d8;color:#234c37;border-radius:11px;display:grid;place-items:center;font-weight:800}.admin-logo strong{display:block;font:800 17px 'Manrope';letter-spacing:-.04em}.admin-logo small{display:block;color:#9fb0a4;font-size:9px;margin-top:3px}.sidebar-label{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#829187;padding:23px 12px 8px}.side-link{width:100%;text-align:left;display:flex;align-items:center;gap:11px;background:transparent;border:0;color:#bdc8c0;padding:12px;border-radius:8px;font-size:12px;margin:2px 0}.side-link .side-icon{font-size:16px;width:19px;text-align:center}.side-link:hover{background:#26392f;color:white}.side-link.active{background:#2f5b42;color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid #304238;padding:18px 10px 0;font-size:10px;color:#8fa096;line-height:1.7}.sidebar-bottom a{color:#d2e0d4;text-decoration:none}.admin-main{margin-left:235px;min-height:100vh}.admin-topbar{height:75px;background:white;border-bottom:1px solid var(--admin-line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.crumb{font-size:11px;color:#849087}.crumb strong{font-size:13px;color:#27362c;margin-left:7px}.admin-user{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700}.avatar{width:34px;height:34px;border-radius:50%;background:#e4ebdf;color:#2f6042;display:grid;place-items:center}.admin-content{padding:30px;max-width:1400px;margin:0 auto}.page-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-title h1{font:800 26px 'Manrope';letter-spacing:-.04em;margin:0 0 5px}.page-title p{font-size:12px;color:#78857a;margin:0}.admin-page{display:none}.admin-page.active{display:block}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.stat-card{background:white;border:1px solid var(--admin-line);border-radius:13px;padding:21px;display:flex;justify-content:space-between;align-items:center}.stat-card span{font-size:11px;color:#7e8c81;display:block}.stat-card strong{display:block;font:800 28px 'Manrope';margin-top:5px}.stat-icon{width:46px;height:46px;background:#edf4ec;color:#326548;border-radius:13px;display:grid;place-items:center;font-size:20px}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.admin-panel{background:white;border:1px solid var(--admin-line);border-radius:13px;padding:21px;margin-bottom:18px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-head h2{font:700 15px 'Manrope';margin:0}.panel-head p{font-size:10px;color:#7e8c81;margin:5px 0 0}.quick-actions{display:grid;gap:10px}.quick-action{display:flex;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--admin-line);border-radius:9px;background:#fff;color:#2e4537;font-size:12px;text-align:left}.quick-action:hover{background:#f5f8f3;border-color:#c8d9c9}.table-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.admin-input,.admin-select{padding:10px 12px;background:white;border:1px solid #dfe6de;border-radius:8px;font-size:11px;outline:none;color:#2b3d31}.admin-input{min-width:200px}.table-wrap{overflow:auto;border:1px solid #e9ede7;border-radius:10px}.admin-table{border-collapse:collapse;width:100%;min-width:700px;font-size:11px}.admin-table th{background:#f7f9f6;text-align:left;color:#68786d;font-size:10px;font-weight:700;white-space:nowrap}.admin-table td,.admin-table th{padding:12px 13px;border-bottom:1px solid #eef1ec;vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table td{color:#324238}.table-product{display:flex;align-items:center;gap:11px;min-width:230px}.table-product img{width:48px;height:48px;object-fit:contain;background:#f4f5f0;border-radius:7px;padding:4px}.table-product strong{display:block;font-size:11px}.table-product small{display:block;color:#859087;margin-top:4px;font-size:9px}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:40px;background:#e8f4e8;color:#2d6a40;font-size:9px;font-weight:700;padding:5px 8px}.status-pill.draft{background:#f2eee4;color:#8e6c30}.row-actions{display:flex;gap:6px}.icon-btn{border:1px solid #e1e8e0;background:#fff;color:#526b5b;border-radius:6px;padding:6px 8px;font-size:10px}.icon-btn:hover{background:#eff5ed}.icon-btn.delete{color:#b04e41}.content-layout{display:grid;grid-template-columns:1fr 1fr;gap:17px}.content-layout .span-full{grid-column:1/-1}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.admin-form-grid .field-full{grid-column:1/-1}.admin-field small{font-size:9px;color:#8a948b;line-height:1.5}.image-upload-row{display:flex;align-items:center;gap:12px}.image-preview{width:85px;height:72px;border:1px solid #e2e9e0;border-radius:8px;background:#f6f7f3;object-fit:contain;padding:5px}.upload-help{font-size:10px;color:#7e8b81}.upload-file{font-size:11px;max-width:100%}.product-editor{display:none;background:#f9faf7;border:1px solid #e1e8de;padding:18px;border-radius:11px;margin:0 0 18px}.product-editor.open{display:block}.editor-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.editor-title h3{font:700 15px 'Manrope';margin:0}.editor-buttons{display:flex;gap:8px;flex-wrap:wrap}.image-field{display:flex;gap:12px;align-items:center}.image-field img{width:90px;height:90px;border-radius:9px;object-fit:contain;background:#edf0e9;border:1px solid #dfe5dc;padding:5px}.image-field label{display:grid;gap:8px;font-size:10px;color:#627166}.empty-table{text-align:center;color:#7b897e;padding:35px!important}.inquiry-card{display:grid;grid-template-columns:1fr auto;gap:12px;padding:17px 0;border-bottom:1px solid #eef1ec}.inquiry-card:last-child{border-bottom:0}.inquiry-card h3{font-size:13px;margin:0 0 4px}.inquiry-meta{font-size:10px;color:#7b887e;line-height:1.8}.inquiry-message{font-size:11px;color:#526258;margin-top:10px;white-space:pre-wrap;line-height:1.65}.admin-notice{display:none;padding:11px 13px;margin-bottom:16px;border-radius:8px;background:#e8f4e8;color:#2e6d42;font-size:11px}.admin-notice.error{background:#fff0ed;color:#a43b30}.admin-notice.show{display:block}.copyright-admin{margin-top:30px;font-size:10px;text-align:center;color:#94a096}.top-mobile-menu{display:none}
@media(max-width:1000px){.admin-sidebar{width:205px}.admin-main{margin-left:205px}.admin-content{padding:22px}.dashboard-grid{grid-template-columns:1fr}.content-layout{grid-template-columns:1fr}.content-layout .span-full{grid-column:auto}}
@media(max-width:700px){.admin-sidebar{transform:translateX(-100%);transition:transform .2s;width:235px}.admin-sidebar.mobile-open{transform:translateX(0);box-shadow:20px 0 80px #18291b33}.admin-main{margin-left:0}.admin-topbar{height:65px;padding:0 15px}.top-mobile-menu{display:inline-flex;border:1px solid #e0e7de;background:white;padding:7px 10px;border-radius:7px;margin-right:10px}.crumb{display:flex;align-items:center}.admin-content{padding:17px 13px}.page-title{align-items:start;flex-direction:column}.page-title h1{font-size:23px}.stat-grid{grid-template-columns:1fr;gap:10px}.stat-card{padding:16px}.stat-card strong{font-size:24px}.admin-panel{padding:15px}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .field-full{grid-column:auto}.table-tools>*{width:100%}.admin-input{min-width:0}.admin-user span:last-child{display:none}.login-card{padding:27px 22px}.inquiry-card{grid-template-columns:1fr}.editor-buttons{width:100%}}

/* Fine-grained homepage content editor */
.fine-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
.fine-edit-item{border:1px solid #e2e8e3;border-radius:12px;padding:12px;background:#fbfcfb;min-width:0}
.fine-edit-item>label{display:block;font-size:12px;font-weight:700;color:#34483b;margin-bottom:7px}
.fine-edit-item textarea{width:100%;min-height:56px;resize:vertical;border:1px solid #dce4dd;border-radius:8px;padding:9px;font:inherit;font-size:13px;background:#fff;color:#1c2820}
.fine-size{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11px;color:#647267}
.fine-size input[type=range]{flex:1;min-width:50px;accent-color:#416d4d}
.fine-size output{min-width:42px;text-align:right;font-variant-numeric:tabular-nums}
.fine-reset{padding:5px 8px!important;font-size:11px!important}
@media(max-width:760px){.fine-content-grid{grid-template-columns:1fr}}

/* Simplified fine-grained editor: collapsible sections, search, and compact size presets. */
.fine-toolbar{display:flex;align-items:center;gap:12px;margin:8px 0 10px;flex-wrap:wrap}
.fine-toolbar input{flex:1;min-width:220px;padding:11px 13px;border:1px solid #dce4dd;border-radius:9px;background:#fff;font-size:12px;color:#233329}
.fine-toolbar span{font-size:11px;color:#748176;white-space:nowrap}
.fine-editor-tip{font-size:11px;line-height:1.7;color:#718075;margin:0 0 14px}
.fine-groups{display:grid;gap:10px}
.fine-group{border:1px solid #e1e8e1;border-radius:11px;background:#fff;overflow:hidden}
.fine-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:#f8faf7;cursor:pointer}
.fine-group>summary::-webkit-details-marker{display:none}
.fine-group>summary:after{content:'＋';font-size:17px;font-weight:400;color:#526a59;margin-left:7px}
.fine-group[open]>summary:after{content:'−'}
.fine-group>summary>span{display:grid;gap:4px}
.fine-group>summary strong{font-size:12px;color:#25392d}
.fine-group>summary small{font-size:10px;color:#7d897f}
.fine-group>summary em{font-style:normal;font-size:10px;color:#486d53;background:#eaf2e8;border-radius:100px;padding:5px 8px;white-space:nowrap;margin-left:auto}
.fine-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
.fine-edit-item{border:1px solid #e8ede7;border-radius:9px;padding:11px;background:#fff;min-width:0}
.fine-edit-item>label{display:block;font-size:11px;font-weight:700;color:#34483b;margin-bottom:7px}
.fine-edit-item textarea{width:100%;min-height:58px;resize:vertical;border:1px solid #dce4dd;border-radius:7px;padding:9px;font:inherit;font-size:12px;line-height:1.5;background:#fff;color:#1c2820}
.fine-controls{display:flex;align-items:center;gap:8px;margin-top:9px;flex-wrap:wrap}
.fine-controls>label{font-size:10px;color:#748176}
.fine-controls select{flex:1;min-width:125px;padding:7px 9px;border:1px solid #e0e6df;border-radius:7px;background:#fbfcfa;font-size:10px;color:#34483b}
.fine-custom-wrap{display:flex;align-items:center;gap:5px;font-size:10px;color:#748176}
.fine-custom-wrap[hidden]{display:none}
.fine-custom-wrap input{width:66px;padding:6px 7px;border:1px solid #dce4dd;border-radius:6px;font-size:11px}
.fine-edit-item[hidden],.fine-group[hidden]{display:none!important}
@media(max-width:760px){.fine-content-grid{grid-template-columns:1fr}.fine-toolbar input{min-width:100%;width:100%}.fine-group>summary{padding:12px}.fine-content-grid{padding:9px}}
.email-settings-panel{max-width:980px}.email-settings-panel .check-setting{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.check-setting input{width:17px;height:17px;accent-color:#356447}.email-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.email-checklist{margin-top:22px;padding:16px;background:#f5f8f4;border:1px solid #e1e9e0;border-radius:10px}.email-checklist h3{margin:0 0 6px;font-size:13px}.email-checklist p{margin:0;color:#68786b;font-size:12px;line-height:1.8}