@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap');*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#24394b;font-family:Arial,'Noto Sans SC',sans-serif;font-size:13px}a{color:#07538b;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#073966;color:#fff;padding:23px 15px;display:flex;flex-direction:column}.admin-logo{display:flex;align-items:center;gap:11px;color:white;padding:4px 8px 28px}.admin-logo i{font-style:normal;width:39px;height:39px;background:#fff;color:#0a4779;display:grid;place-items:center;font-size:20px;font-weight:700}.admin-logo b{display:block;font-size:14px}.admin-logo small{display:block;color:#b1c6d8;font-size:8px;letter-spacing:.1em;margin-top:4px}.side-label{font-size:9px;color:#a7bdd0;letter-spacing:.1em;padding:0 10px;margin:0 0 8px}.side-link{padding:12px 11px;margin:2px 0;border-radius:3px;color:#d7e3ed;font-size:11px}.side-link.active,.side-link:hover{background:#0d548b;color:#fff}.side-bottom{margin-top:auto;border-top:1px solid #376087;padding:15px 10px;font-size:9px;color:#abc0d1;display:flex;justify-content:space-between}.side-bottom a{color:#fff}.admin-main{margin-left:230px}.admin-top{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:white;border-bottom:1px solid #e1e7ec}.admin-top>strong{color:#183d5e;font-size:13px}.admin-top>div{display:flex;align-items:center;gap:18px;font-size:10px;color:#71808d}.admin-top form{display:inline}.admin-top button{border:1px solid #d7e0e7;background:#fff;border-radius:2px;padding:7px 12px;color:#39566f;font-size:10px}.admin-content{padding:27px 30px;max-width:1500px}.page-title{margin:0 0 19px}.page-title h1{font-size:23px;font-weight:500;color:#183e5f;margin:0 0 5px}.page-title p{font-size:10px;color:#74818c;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.stats article,.panel{background:#fff;border:1px solid #e1e7ec;padding:18px;margin-bottom:14px}.stats small{font-size:10px;color:#74818c}.stats b{display:block;font-size:24px;color:#07538b;margin-top:8px}.panel h2{font-size:13px;color:#234660;font-weight:600;margin:0 0 14px}.panel p{font-size:11px;color:#72808b;line-height:1.7}.quick{display:flex;gap:9px;flex-wrap:wrap}.quick a{background:#f3f7fa;border:1px solid #dce6ed;padding:11px 13px;font-size:10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;margin:0 0 14px}.fields label{display:block;font-size:10px;font-weight:600;color:#476074;margin:0 0 13px}.fields input,.fields textarea,.fields select{display:block;width:100%;margin-top:6px;padding:9px 10px;border:1px solid #dbe3e9;border-radius:2px;background:#fff;color:#263c4e;font:11px Arial,'Noto Sans SC',sans-serif}.fields textarea{height:62px;resize:vertical}.fields .wide{grid-column:1/-1}.fields .check{display:flex;align-items:center;gap:7px}.fields .check input{width:auto;margin:0}.primary{border:0;background:#07538b;color:#fff;padding:10px 18px;font-size:10px;cursor:pointer}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px}th{text-align:left;color:#6d7e8d;background:#f5f8fa;padding:10px 7px;white-space:nowrap;border-bottom:1px solid #dfe7ed}td{padding:7px;border-bottom:1px solid #edf0f3;vertical-align:top}.inline-edit{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) minmax(150px,1.2fr) repeat(3,minmax(180px,1.4fr)) auto;gap:5px;min-width:1460px}.inline-edit input,.inline-edit select{min-width:0;width:100%;border:1px solid #dce4e9;padding:7px 6px;font-size:9px}.product-edit{grid-template-columns:repeat(3,minmax(130px,1fr)) .6fr .9fr 1.3fr repeat(3,minmax(180px,1.4fr)) auto;min-width:1850px}.mini,.delete{padding:7px 9px;border:0;cursor:pointer;font-size:9px}.mini{background:#e9f2f8;color:#14527a}.delete{background:#fff0ef;color:#a7423a}body.login-page{min-height:100vh;background:linear-gradient(140deg,#07345d,#0d5b94);display:grid;place-items:center}.login{width:min(390px,calc(100% - 34px));background:white;padding:35px 34px;box-shadow:0 18px 50px #00234250}.login .admin-logo{padding:0;color:#17456b;margin-bottom:28px}.login .admin-logo small{color:#768b9c}.login h1{font-size:21px;color:#173d5d;font-weight:500;margin:0 0 7px}.login>p{color:#758390;font-size:10px;margin:0 0 20px}.login label{display:block;font-size:10px;color:#526879;margin:12px 0}.login label input{display:block;width:100%;height:38px;margin-top:6px;border:1px solid #dce4e9;padding:0 10px;font-size:11px}.login>button{width:100%;height:39px;border:0;background:#07538b;color:#fff;margin-top:8px}.login-note{display:block;margin-top:15px;color:#87939c;font-size:9px}.error{background:#fff0ef;color:#ae3d38;padding:8px;font-size:10px}@media(max-width:900px){.sidebar{width:190px}.admin-main{margin-left:190px}.admin-content{padding:20px}.fields{grid-template-columns:1fr}}@media(max-width:620px){.sidebar{width:55px;padding:14px 5px}.admin-logo{padding:0 3px 22px}.admin-logo span,.side-label,.side-link:not(.active),.side-bottom{display:none}.side-link{padding:13px 5px;font-size:0;text-align:center}.admin-main{margin-left:55px}.admin-top{padding:0 12px}.admin-content{padding:15px 10px}.stats{grid-template-columns:1fr}.fields .wide{grid-column:auto}.quick{display:grid}.admin-top>div>span{display:none}}
.notice{margin:0 0 18px;padding:12px 15px;background:#edf7f1;border:1px solid #b8ddc5;color:#205d37;border-radius:4px;font-size:13px}.upload-inline{display:flex;flex-direction:column;gap:7px;min-width:180px;font-size:11px;color:#596a7b}.upload-inline input{max-width:220px}.admin-thumb{width:82px;height:58px;object-fit:cover;border:1px solid #dce4eb;border-radius:3px;align-self:center}
.admin-preview{display:block;max-width:300px;max-height:120px;object-fit:cover;margin-top:8px;border:1px solid #dce4eb;border-radius:3px}.empty-search{grid-column:1/-1;text-align:center;color:#6f7d8b;padding:24px}/* Keep backend image previews compact and pin row actions while lists scroll. */
.admin-content img.admin-thumb{display:block;width:48px!important;height:36px!important;max-width:48px!important;max-height:36px!important;object-fit:cover;align-self:flex-start;margin-top:3px;border-radius:2px}
.admin-content img.admin-preview{width:auto;max-width:150px!important;height:auto;max-height:56px!important;object-fit:cover;margin-top:6px}
.upload-inline{min-width:0;max-width:180px;overflow:hidden}
.upload-inline input[type=file]{width:100%;max-width:170px;font-size:9px}
.row-actions{position:sticky;right:0;z-index:3;width:70px;min-width:70px;background:#fff;box-shadow:-5px 0 8px #183e5f12;vertical-align:middle}
th.row-actions{background:#f5f8fa;z-index:4}
.product-edit{min-width:1560px;grid-template-columns:repeat(3,minmax(120px,1fr)) minmax(70px,.55fr) minmax(105px,.8fr) minmax(145px,1fr) repeat(3,minmax(150px,1.15fr)) auto}
.slide-table{min-width:760px}.slide-edit{display:grid;grid-template-columns:minmax(190px,1fr) 110px 90px 60px;align-items:center;gap:10px}.slide-edit .upload-inline{max-width:none}.slide-edit .check{display:flex;align-items:center;gap:5px;margin:0}.slide-edit input[type=number]{width:100%;padding:7px;border:1px solid #dce4e9}
.gallery-admin{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1}.gallery-admin label{display:flex;align-items:center;gap:5px;border:1px solid var(--line);padding:5px;width:auto!important}.gallery-admin .admin-thumb{width:54px;height:44px;object-fit:cover}.product-edit textarea{min-height:70px}.product-edit .gallery-admin{max-width:100%}

.section-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px}.section-toggle .check{margin:0}.news-edit textarea{min-height:90px}.news-edit .fields{grid-template-columns:repeat(3,minmax(180px,1fr))}