body.admin-body-tag{margin:0;}
#admin-root{position:fixed;inset:0;background:#15110A;z-index:1000;display:flex;font-family:var(--body);color:#EFE3C8;}
.admin-login{margin:auto;width:340px;background:#211A10;border:1px solid #3a3121;border-radius:8px;padding:36px;text-align:center;}
.admin-login h2{font-family:var(--display);margin:0 0 6px;}
.admin-login p{color:#a99a76;font-size:13px;margin:0 0 24px;}
.admin-login input{width:100%;padding:12px 14px;border-radius:6px;border:1px solid #4a3f2a;background:#171208;color:#EFE3C8;font-size:14px;margin-bottom:12px;}
.admin-login button{width:100%;padding:12px;border-radius:6px;border:0;background:var(--gold);color:#211A10;font-weight:700;cursor:pointer;font-size:14px;}
.admin-login button:hover{background:var(--gold-light);}
.admin-err{color:#d97b7b;font-size:12px;min-height:16px;margin-bottom:6px;}
.admin-hint{margin-top:16px;font-size:11px;color:#6e6248;}
.admin-hint a{color:#7a6f56;}

.admin-shell{display:flex;width:100%;height:100%;}
.admin-side{width:220px;background:#1A1509;border-right:1px solid #33291a;padding:20px 0;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;}
.admin-brand{padding:0 20px 18px;border-bottom:1px solid #33291a;margin-bottom:12px;}
.admin-brand b{font-family:var(--display);font-size:16px;}
.admin-brand span{display:block;font-size:11px;color:#8d7f5c;margin-top:2px;}
.admin-tab{background:none;border:0;color:#c9bb96;text-align:left;padding:11px 20px;font-size:13.5px;cursor:pointer;display:flex;align-items:center;gap:10px;border-left:2px solid transparent;width:100%;}
.admin-tab:hover{background:#221a0f;color:#EFE3C8;}
.admin-tab.active{background:#251c0f;color:var(--gold-light);border-left-color:var(--gold);}
.admin-main{flex:1;display:flex;flex-direction:column;min-width:0;}
.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid #33291a;flex-shrink:0;}
.admin-topbar h3{margin:0;font-family:var(--display);font-size:18px;font-weight:500;}
.admin-actions{display:flex;gap:10px;align-items:center;}
.save-btn{background:var(--gold);color:#211A10;border:0;padding:10px 20px;border-radius:6px;font-weight:700;cursor:pointer;font-size:13px;}
.save-btn:hover{background:var(--gold-light);}
.logout-btn,.reset-btn{background:none;border:1px solid #4a3f2a;color:#c9bb96;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:13px;}
.logout-btn:hover,.reset-btn:hover{border-color:var(--gold);color:var(--gold-light);}
.save-flash{font-size:12px;color:#7fbf7f;opacity:0;transition:opacity .3s ease;}
.save-flash.show{opacity:1;}

.admin-body{flex:1;display:flex;overflow:hidden;}
.admin-panel{width:44%;min-width:340px;overflow-y:auto;padding:24px 26px;border-right:1px solid #33291a;}
.admin-preview{flex:1;background:#0e0b06;display:flex;flex-direction:column;}
.preview-bar{display:flex;gap:8px;padding:10px 16px;border-bottom:1px solid #33291a;align-items:center;}
.preview-bar button{background:#221a0f;border:1px solid #3a3121;color:#c9bb96;padding:6px 12px;border-radius:5px;font-size:12px;cursor:pointer;}
.preview-bar button.active{background:var(--gold);color:#211A10;border-color:var(--gold);}
.preview-bar .url{margin-left:auto;font-family:var(--mono);font-size:11px;color:#6e6248;}
#preview-frame{flex:1;width:100%;border:0;background:#fff;}
.pv-mobile #preview-frame{max-width:390px;margin:16px auto;height:calc(100% - 32px);border:8px solid #221a0f;border-radius:24px;}

.field{margin-bottom:18px;}
.field label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#a99a76;margin-bottom:6px;}
.field input[type=text],.field input[type=url],.field input[type=tel],.field textarea,.field select{
  width:100%;padding:10px 12px;background:#171208;border:1px solid #3a3121;border-radius:5px;color:#EFE3C8;font-size:13.5px;font-family:var(--body);
}
.field textarea{resize:vertical;min-height:70px;}
.field input[type=color]{width:56px;height:34px;padding:2px;background:#171208;border:1px solid #3a3121;border-radius:5px;}
.field-row{display:flex;gap:12px;}
.field-row .field{flex:1;}
.admin-section-title{font-family:var(--display);font-size:16px;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid #33291a;color:var(--gold-light);}
.subhead{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#7a6f56;margin:22px 0 10px;}
.list-item{background:#1A1509;border:1px solid #33291a;border-radius:6px;padding:14px;margin-bottom:10px;position:relative;}
.list-item .rm{position:absolute;top:10px;right:10px;background:none;border:0;color:#a05a5a;cursor:pointer;font-size:13px;}
.add-btn{background:none;border:1px dashed #4a3f2a;color:#c9bb96;padding:10px;border-radius:6px;width:100%;cursor:pointer;font-size:13px;margin-bottom:8px;}
.add-btn:hover{border-color:var(--gold);color:var(--gold-light);}
.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;}
.switch{position:relative;width:40px;height:22px;flex-shrink:0;}
.switch input{opacity:0;width:0;height:0;}
.slider{position:absolute;cursor:pointer;inset:0;background:#3a3121;border-radius:22px;transition:.2s;}
.slider:before{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;background:#c9bb96;border-radius:50%;transition:.2s;}
input:checked + .slider{background:var(--gold);}
input:checked + .slider:before{transform:translateX(18px);background:#211A10;}
.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.preset-btn{background:#1A1509;border:1px solid #33291a;padding:12px;border-radius:6px;cursor:pointer;color:#c9bb96;font-size:12.5px;text-align:left;}
.preset-btn:hover{border-color:var(--gold);color:var(--gold-light);}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;}
.stat-card{background:#1A1509;border:1px solid #33291a;border-radius:8px;padding:18px;}
.stat-card b{font-family:var(--display);font-size:26px;display:block;color:var(--gold-light);}
.stat-card span{font-size:12px;color:#8d7f5c;}
.code-box textarea{font-family:var(--mono);font-size:12px;min-height:110px;}
.copy-box{position:relative;}
.copy-box button{position:absolute;top:8px;right:8px;background:var(--gold);color:#211A10;border:0;padding:5px 10px;border-radius:4px;font-size:11px;cursor:pointer;font-weight:700;}
.link-preview{font-family:var(--mono);font-size:12.5px;background:#171208;border:1px solid #3a3121;border-radius:5px;padding:10px 12px;word-break:break-all;color:var(--gold-light);}
.admin-panel::-webkit-scrollbar,.admin-side::-webkit-scrollbar{width:8px;}
.admin-panel::-webkit-scrollbar-thumb,.admin-side::-webkit-scrollbar-thumb{background:#3a3121;border-radius:4px;}