.admin-shell .thank-you { text-align:center; padding:80px 20px; }
.admin-shell .thank-mark { display:grid; place-items:center; width:64px; height:64px; border-radius:50%; background:#f4d399; color:#713a20; font-size:30px; margin:auto; }
.admin-shell .thank-you h2 { font:600 42px "Playfair Display",serif; margin:20px 0 8px; }
.admin-shell .thank-you p { color:#80685e; margin:0 auto 28px; max-width:500px; }
.admin-shell { min-height:100vh; background:#f6f1ea; color:#2f241f; }
.admin-shell .admin-nav { height:72px; padding:0 28px; display:flex; align-items:center; justify-content:space-between; background:#33251f; color:#fff; }
.admin-shell .admin-nav a { color:#fff; text-decoration:none; }
.admin-shell .admin-nav strong { font-family:"Playfair Display",serif; font-size:20px; }
.admin-shell .admin-wrap { max-width:1180px; padding:38px 24px 70px; margin:auto; }
.admin-shell .admin-title-row { display:flex; justify-content:space-between; gap:20px; align-items:flex-end; margin-bottom:28px; }
.admin-shell .admin-title-row h1 { font:600 40px "Playfair Display",serif; margin:0; }
.admin-shell .admin-title-row p { color:#78685f; margin:7px 0 0; }
.admin-shell .admin-tabs { display:flex; gap:8px; margin-bottom:24px; }
.admin-shell .admin-tabs button { border:0; background:#e9ded2; color:#6c5245; border-radius:999px; padding:10px 18px; cursor:pointer; font-weight:700; }
.admin-shell .admin-tabs button.active { background:#9b4f27; color:#fff; }
.admin-shell .panel { background:#fff; border:1px solid #e6ded5; border-radius:15px; padding:24px; box-shadow:0 8px 30px rgba(44,32,26,.05); }
.admin-shell .stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:18px; }
.admin-shell .stat { background:#fff; border:1px solid #e7ddd3; border-radius:14px; padding:20px; }
.admin-shell .stat span { display:block; color:#87766d; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.admin-shell .stat strong { display:block; font:600 34px "Playfair Display",serif; margin-top:8px; }
.admin-shell .report-controls { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px; }
.admin-shell .report-controls select,.admin-shell .report-controls input,.admin-shell .editor-card input,.admin-shell .editor-card select { border:1px solid #d9cec4; border-radius:8px; padding:10px 12px; background:#fff; }
.admin-shell .report-controls button,.admin-shell .small-button { border:0; border-radius:8px; background:#9b4f27; color:#fff; padding:10px 16px; cursor:pointer; font-weight:700; }
.admin-shell .chart-row { display:grid; grid-template-columns:170px 1fr 44px; align-items:center; gap:12px; margin:10px 0; font-size:13px; }
.admin-shell .bar { height:10px; background:#eee6dd; border-radius:999px; overflow:hidden; }
.admin-shell .bar i { display:block; height:100%; background:linear-gradient(90deg,#d89416,#9b4f27); border-radius:inherit; }
.admin-shell .response-list { margin-top:22px; overflow:auto; }
.admin-shell table { width:100%; border-collapse:collapse; font-size:13px; min-width:680px; }
.admin-shell th,.admin-shell td { padding:12px 10px; border-bottom:1px solid #eee7e0; text-align:left; vertical-align:top; }
.admin-shell th { color:#7e6b60; font-size:11px; text-transform:uppercase; letter-spacing:.05em; }
.admin-shell .editor-list { display:grid; gap:14px; }
.admin-shell .editor-card { border:1px solid #e6ddd5; border-radius:12px; padding:18px; background:#fff; }
.admin-shell .editor-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.admin-shell .editor-grid label,.admin-shell .options-editor label { display:grid; gap:6px; color:#79675d; font-size:12px; }
.admin-shell .options-editor { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; }
.admin-shell .editor-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:14px; }
.admin-shell .danger { background:#82372d; }
.admin-shell .login-card { width:min(430px,calc(100% - 36px)); margin:10vh auto; background:#fff; border-radius:18px; padding:36px; box-shadow:0 24px 60px rgba(42,29,23,.14); }
.admin-shell .login-card h1 { font:600 36px "Playfair Display",serif; margin:0 0 8px; }
.admin-shell .login-card p { color:#806f66; }
.admin-shell .login-card label { display:grid; gap:7px; margin:22px 0; font-size:13px; font-weight:700; }
.admin-shell .login-card input { border:1px solid #d9ccc0; border-radius:9px; padding:12px; }
.admin-shell .login-card button { width:100%; border:0; border-radius:9px; background:#9b4f27; color:#fff; padding:13px; font-weight:700; cursor:pointer; }
.admin-shell .test-mode-banner { background:#fff; border:1px solid #e2d7cb; border-radius:12px; padding:16px 20px; display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:24px; box-shadow:0 2px 8px rgba(0,0,0,.03); }
.admin-shell .test-mode-info { display:flex; flex-direction:column; gap:4px; }
.admin-shell .status-pill { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:800; letter-spacing:.05em; padding:4px 10px; border-radius:999px; width:fit-content; }
.admin-shell .status-pill.test { background:#fff3cd; color:#856404; border:1px solid #ffeeba; }
.admin-shell .status-pill.prod { background:#d4edda; color:#155724; border:1px solid #c3e6cb; }
.admin-shell .test-mode-desc { font-size:13px; color:#6c5c53; }
.admin-shell .toggle-btn { border:0; border-radius:999px; padding:9px 18px; font-weight:700; font-size:13px; cursor:pointer; transition:all .2s ease; }
.admin-shell .toggle-btn.test { background:#856404; color:#fff; }
.admin-shell .toggle-btn.prod { background:#155724; color:#fff; }
.admin-shell .option-item { background:#fcf9f5; border:1px solid #ece4dc; border-radius:8px; padding:12px; margin-bottom:10px; position:relative; }
.admin-shell .option-inputs { display:grid; grid-template-columns:1fr 1fr 1.5fr auto; gap:10px; align-items:flex-end; }
.admin-shell .remove-opt-btn { background:#a13a2b; color:#fff; border:0; border-radius:6px; height:38px; padding:0 12px; font-size:12px; cursor:pointer; font-weight:700; }
.admin-shell .remove-opt-btn:hover { background:#822e22; }

@media (max-width:760px) {
  .admin-shell .stats-grid { grid-template-columns:1fr 1fr; }
  .admin-shell .admin-title-row { align-items:flex-start; flex-direction:column; }
  .admin-shell .test-mode-banner { flex-direction:column; align-items:flex-start; }
  .admin-shell .option-inputs { grid-template-columns:1fr; }
  .admin-shell .editor-grid,.admin-shell .options-editor { grid-template-columns:1fr; }
  .admin-shell .chart-row { grid-template-columns:110px 1fr 35px; }
}
.admin-shell {font-family:"DM Sans",sans-serif;overflow:auto;}
.admin-shell .field-error {color:#a13a2b;}
.admin-shell .brand-selector {display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:24px;}
.admin-shell .brand-switcher {margin-bottom:20px;}
.admin-shell .brand-switcher label {display:grid;gap:7px;max-width:430px;font-weight:700;}
.admin-shell .brand-switcher select {padding:10px;border:1px solid #b9a99c;border-radius:6px;background:#fff;color:#2f241f;}
.admin-shell .brand-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;}
.admin-shell .brand-fields label {display:grid;gap:6px;font-weight:600;}
.admin-shell .brand-fields :is(input,select) {width:100%;min-width:0;padding:10px;border:1px solid #b9a99c;border-radius:6px;background:#fff;color:#2f241f;}
.admin-shell .brand-fields :is(.editor-actions,p) {grid-column:1/-1;}
.admin-shell .font-upload,.admin-shell .font-preview {grid-column:1/-1;border:1px solid #d9cec4;border-radius:8px;padding:16px;display:grid;gap:10px;}
.admin-shell .font-upload p {margin:0;font-weight:400;color:#6c5c53;}
.admin-shell .font-upload input[type="file"] {max-width:100%;}
.admin-shell .font-actions {display:flex;flex-wrap:wrap;gap:10px;}
.admin-shell .font-preview {background:#fffaf4;font-size:20px;}
.admin-shell .font-preview span {font-size:16px;}
.admin-shell .brand-selector select, .admin-shell .brand-config :is(input,select,textarea) {max-width:100%;padding:10px;border:1px solid #b9a99c;border-radius:6px;background:#fff;color:#2f241f;}
.admin-shell .brand-config {display:grid;gap:16px;}
.admin-shell .brand-config label {display:grid;gap:6px;}
.admin-shell button:disabled {cursor:wait;opacity:.6;}
.admin-shell .brand-summary {display:flex;flex-wrap:wrap;gap:16px;margin-bottom:18px;}
.admin-shell :is(button,a,input,select,textarea):focus-visible {outline:3px solid #9b4f27;outline-offset:3px;}
@media(max-width:760px){.admin-shell .admin-nav {height:auto;min-height:72px;gap:12px;flex-wrap:wrap;padding:16px;}.admin-shell .admin-tabs{flex-wrap:wrap;}.admin-shell .brand-fields{grid-template-columns:1fr;}}