.admin-body{background:#f5f6f2;min-height:100vh}.admin-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{background:#143d2b;color:#f8f4e9;padding:24px 16px}.sidebar .brand{color:white;padding:0 8px 25px;border-bottom:1px solid #345845}.sidebar .brand small{color:#c5d3c7}.side-nav{display:flex;flex-direction:column;gap:5px;margin-top:20px}.side-nav a{padding:11px 13px;border-radius:8px;color:#d6e0d7;font-size:13px}.side-nav a:hover,.side-nav a.active{background:#28563d;color:white}.admin-content{padding:27px;min-width:0}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-top small{font-size:10px;letter-spacing:1.5px;color:#889388}.admin-top h1{font-size:28px;color:#194c35;margin:3px 0}.admin-top .btn{font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat-grid>div{background:white;border:1px solid #e9ebe3;border-radius:12px;padding:20px;box-shadow:0 3px 12px rgba(30,40,30,.03)}.stat-grid small{display:block;color:#798178;font-size:12px}.stat-grid strong{display:block;font-size:27px;color:#184c34;margin-top:7px}.admin-panel{background:white;border:1px solid #e8eae2;border-radius:12px;padding:20px;margin-bottom:20px;min-width:0}.admin-panel h2{font-size:18px;color:#194c35;margin:0 0 16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2{margin:0 0 15px}.panel-heading>a{color:#d56821;font-size:12px}.panel-heading span{font-size:12px;color:#778077}.admin-notice{padding:12px 16px;background:#e8f4e8;border:1px solid #c9e4ca;color:#205a32;border-radius:8px;margin-bottom:18px;font-size:13px}.table-scroll{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;font-size:12px;white-space:normal}th{text-align:left;background:#f8f8f4;color:#697268;font-weight:600}th,td{padding:12px 10px;border-bottom:1px solid #eef0e9;vertical-align:middle}td small{display:block;color:#929990;font-size:10px;margin-top:3px;max-width:210px;overflow-wrap:anywhere}.admin-columns{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.5fr);gap:18px;align-items:start}.admin-form label{display:block;font-size:12px;font-weight:600;color:#505d52;margin-bottom:13px}.admin-form input:not([type=checkbox]):not([type=file]),.admin-form select,.admin-form textarea{display:block;width:100%;padding:10px;margin-top:5px;border:1px solid #e0e5dc;border-radius:7px;background:#fff;outline-color:#5d9670;font-size:13px}.admin-form input[type=file]{display:block;width:100%;margin-top:7px;font-size:11px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-row{display:flex;gap:15px;flex-wrap:wrap}.check-row label{display:flex;align-items:center;gap:5px}.preview{max-width:100px;max-height:90px;object-fit:cover;border-radius:7px;margin-bottom:12px}.product-cell{display:flex;align-items:center;gap:9px;min-width:180px}.product-cell img{width:45px;height:45px;object-fit:cover;border-radius:6px;background:#f5f3ec}.mini-action,.mini-danger{border:1px solid #dce6da;background:#eff6ef;color:#235638;border-radius:5px;padding:5px 7px;font-size:11px;white-space:nowrap}.mini-danger{background:#fff0eb;border-color:#f5d7cc;color:#a23d27;margin-top:5px}.inline-form{display:inline}.status-form{display:flex;gap:5px;align-items:center}.status-form select{max-width:120px;padding:6px;border:1px solid #e1e5dc;border-radius:5px;font-size:11px}.settings-panel,.security-panel{max-width:760px}.settings-panel>p,.security-panel>p{color:#7a8378;font-size:12px;margin-top:-10px}.login-box{width:min(420px,calc(100% - 30px));margin:7vh auto;background:white;padding:30px;border-radius:15px;border:1px solid #e8eae2;box-shadow:0 15px 50px rgba(20,50,30,.08)}.login-box .brand{margin-bottom:25px}.login-box h1{font-size:28px;color:#194c35;margin:0}.login-box p{font-size:13px;color:#7b8379;margin-top:4px}.login-box label{display:block;font-size:12px;font-weight:600;margin:15px 0}.login-box input:not([type=hidden]){display:block;width:100%;padding:12px;border:1px solid #e0e5dc;border-radius:7px;margin-top:5px}.login-box>small{display:block;color:#8a9289;font-size:11px;margin-top:15px}.login-box .full{margin-top:4px}.login-box .alert{font-size:12px}
@media(max-width:1000px){.admin-shell{grid-template-columns:190px minmax(0,1fr)}.admin-content{padding:18px}.admin-columns{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.admin-shell{grid-template-columns:1fr}.sidebar{padding:12px}.sidebar .brand{padding:0 5px 10px}.side-nav{display:flex;flex-direction:row;overflow:auto;margin-top:10px;gap:5px}.side-nav a{white-space:nowrap;padding:8px 10px;font-size:11px}.admin-content{padding:14px}.admin-top h1{font-size:22px}.admin-top .btn{padding:8px;font-size:10px}.stat-grid{gap:8px}.stat-grid>div{padding:13px}.stat-grid strong{font-size:22px}.admin-panel{padding:13px}.form-two{grid-template-columns:1fr}.status-form{min-width:160px}.panel-heading{align-items:start}.admin-top{gap:10px}}

.builder-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}.builder-cols label{display:block;margin:12px 0;font-weight:600}.builder-cols input,.builder-cols textarea{display:block;width:100%;padding:10px;border:1px solid #deded5;border-radius:8px;margin-top:5px;background:#fff}.slide-editor{border:1px solid #e9e1d4;border-radius:10px;padding:12px;margin:12px 0}.slide-editor legend{font-weight:700;color:#17553b}.sortable-sections{display:grid;gap:8px}.sortable-item{display:flex;gap:8px;align-items:center;border:1px solid #e5dfd3;background:#fffdf8;border-radius:9px;padding:13px;cursor:grab}.sortable-item.dragging{opacity:.45;border-style:dashed}.sortable-item small{margin-left:auto;color:#888}.builder-preview{margin:18px 0;padding:18px;border:1px dashed #c6bca9;border-radius:10px;background:#faf7f0}.builder-preview b{display:block;color:#17553b}.builder-preview div{font-size:22px;font-weight:700}@media(max-width:800px){.builder-cols{grid-template-columns:1fr}}

.admin-content .brand-logo{width:42px;height:42px}.admin-form input[type=file]{display:block;width:100%;max-width:100%;padding:10px;background:#fffdf8;border:1px dashed #cfc7b8;border-radius:8px}.admin-form .preview{max-width:140px;max-height:140px;object-fit:contain;border:1px solid #eee;border-radius:8px;padding:5px}.check-label{display:flex!important;align-items:center;gap:8px}.check-label input{width:auto!important}

/* Responsive admin layout and touch-friendly section builder */
.admin-body{overflow-x:hidden}
.admin-shell{grid-template-columns:245px minmax(0,1fr)}
.admin-content{width:100%;max-width:100%;box-sizing:border-box}
.admin-content input,.admin-content select,.admin-content textarea,.admin-content button{max-width:100%;box-sizing:border-box}
.sortable-item{position:relative;min-width:0;cursor:default;gap:10px;user-select:none;-webkit-user-select:none}
.sort-handle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:8px;background:#eaf1e8;color:#174c33;font-size:23px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.sort-handle:active{cursor:grabbing}
.sort-label{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:600}
.sort-controls{display:flex;gap:5px;margin-left:auto}
.sort-controls button{width:34px;height:34px;border:1px solid #e0e5dc;border-radius:7px;background:#fff;color:#174c33;font-size:18px;line-height:1;cursor:pointer}
.sort-controls button:active{background:#e8f4e8}
.sortable-item.dragging{opacity:.55;border:2px dashed #d56821;background:#fff8ef}
@media(max-width:900px){
 .admin-shell{grid-template-columns:minmax(0,1fr)}
 .sidebar{padding:12px 14px}
 .sidebar .brand{padding:0 3px 10px;display:flex;align-items:center;gap:9px}
 .side-nav{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;white-space:nowrap;margin-top:10px;padding-bottom:3px;gap:6px;-webkit-overflow-scrolling:touch}
 .side-nav a{flex:0 0 auto;white-space:nowrap;padding:10px 12px;font-size:12px}
 .admin-content{padding:18px}
 .admin-columns{grid-template-columns:minmax(0,1fr)}
 .settings-panel,.security-panel{max-width:none}
}
@media(max-width:600px){
 .sidebar{padding:10px}
 .admin-content{padding:12px}
 .admin-top{align-items:flex-start;margin-bottom:15px;flex-wrap:wrap}
 .admin-top h1{font-size:21px;line-height:1.35}
 .admin-top .btn{font-size:12px;padding:9px 11px}
 .admin-panel{padding:13px;margin-bottom:14px;border-radius:11px}
 .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stat-grid>div{min-width:0;padding:12px}
 .stat-grid strong{font-size:20px;overflow-wrap:anywhere}
 .form-two,.builder-cols{grid-template-columns:minmax(0,1fr)}
 .admin-form label{font-size:13px}
 .admin-form input:not([type=checkbox]):not([type=file]),.admin-form select,.admin-form textarea{font-size:16px;min-height:43px}
 .admin-form input[type=file]{font-size:13px}
 .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .table-scroll table{min-width:560px}
 .product-cell{min-width:190px}
 .status-form{min-width:155px}
 .builder-cols{gap:12px}
 .slide-editor{padding:10px}
 .sortable-item{padding:9px;gap:8px}
 .sort-handle{width:34px;height:38px;flex-basis:34px}
 .sort-controls button{width:38px;height:38px}
 .login-box{padding:22px}
}