:root{color:#172018;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#24301f;border:0;border-radius:10px;padding:10px 14px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.62}button:hover{background:#34422c}button.secondary,button.ghost{color:#263320;background:#eef2e9}button.link,button.danger{color:#526049;background:0 0;padding:4px 0}button.danger{color:#a0342d}button.danger-solid{background:#9f312a}button.danger-solid:hover{background:#84241f}input,select,textarea{color:#172018;background:#fff;border:1px solid #d7ddcf;border-radius:10px;outline:none;width:100%;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:#889b78;box-shadow:0 0 0 3px #889b782e}textarea{resize:vertical;min-height:104px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e7ebe2;padding:14px 12px}th{color:#697461;font-size:13px;font-weight:800}td small{color:#7b8574;margin-top:4px;display:block}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dfe5d8;border-radius:24px;gap:18px;width:min(520px,100%);padding:clamp(28px,6vw,52px);display:grid;box-shadow:0 24px 80px #272f2a1f}.login-card h1,.topbar h2,.card h3,.dashboard-hero h2{margin:0}.login-card h1{font-size:clamp(32px,7vw,48px);line-height:1.05}.eyebrow{color:#76806d;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.muted,.section-head p,.dashboard-hero p,.empty-state p{color:#64705c;margin:0;line-height:1.65}.error-text,.status-text{color:#9f312a;margin:0;line-height:1.6}.status-text{color:#4f6046}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fbfcf8;border-right:1px solid #dfe5d8;height:100vh;padding:24px 18px;position:sticky;top:0}.brand{gap:4px;margin-bottom:28px;padding:0 8px;display:grid}.brand span{color:#75806b;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.brand strong{font-size:24px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#54604c;text-align:left;background:0 0;gap:3px;padding:12px 14px;display:grid}.sidebar nav button small{color:#89927f;font-size:12px;font-weight:500}.sidebar nav button.active,.sidebar nav button:hover{color:#1f2a1d;background:#e8eee0}.main-area{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.environment{color:#65705e;align-items:center;gap:12px;font-size:14px;display:flex}.environment span{text-overflow:ellipsis;white-space:nowrap;max-width:520px;overflow:hidden}.content-grid,.stack,.form-grid,.workspace-grid,.redeem-actions{gap:18px;display:grid}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-grid{grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);align-items:start}.redeem-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.card,.metric-card,.dashboard-hero{background:#fff;border:1px solid #dfe5d8;border-radius:18px;padding:20px;box-shadow:0 14px 40px #272f2a0f}.dashboard-hero{background:linear-gradient(135deg,#fff 0%,#edf3e6 100%);justify-content:space-between;align-items:center;gap:18px;padding:28px;display:flex}.dashboard-hero h2{margin-bottom:8px;font-size:32px}.metric-card{gap:8px;display:grid}.metric-card span,.metric-card small{color:#65705e;font-weight:700}.metric-card strong{font-size:34px}.metric-card.highlight{background:linear-gradient(135deg,#fff 0%,#f1f6ea 100%);border-color:#cfdcbd}.metric-card.highlight strong{color:#24301f}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-head h3{margin-bottom:6px}.editor-card{gap:18px;display:grid}.list-card{min-width:0}.wide-card{max-width:860px}.form-row,.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.filter-bar{grid-template-columns:180px repeat(3,minmax(0,1fr));margin-top:16px}.field{color:#3f4c39;gap:7px;font-size:14px;font-weight:800;display:grid}.field small{color:#7f8878;font-size:12px;font-weight:500}.switch-row{color:#3f4c39;align-items:center;gap:10px;font-weight:800;display:flex}.switch-row input{width:auto}.table-wrap{margin-top:16px;overflow-x:auto}.row-actions{flex-wrap:wrap;gap:12px;display:flex}.drag-handle{cursor:grab;color:#59684f;-webkit-user-select:none;user-select:none;font-weight:800}.dragging-row{opacity:.55}.danger-link{color:#9f312a}.badge{color:#4f5c48;white-space:nowrap;background:#edf1e8;border-radius:999px;align-items:center;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.badge.success{color:#3f6c2f;background:#e5f2df}.badge.danger{color:#9f312a;background:#f8e7e4}.badge.warning{color:#8a5b12;background:#fff2d6}.pager{color:#64705c;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;font-size:13px;font-weight:700;display:flex}.empty-state{background:#fbfcf8;border:1px dashed #cfd8c6;border-radius:14px;gap:6px;margin-top:16px;padding:18px;display:grid}.empty-state strong{color:#34402f}.created-codes{background:#fbfcf8;border:1px solid #dfe5d8;border-radius:14px;gap:12px;padding:14px;display:grid}.created-codes textarea{min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.danger-zone{border-color:#efd0cc}@media (width<=1180px){.workspace-grid,.redeem-actions,.content-grid{grid-template-columns:1fr}}@media (width<=860px){.app-shell,.form-row,.filter-bar{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #dfe5d8;border-right:0;height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.environment,.dashboard-hero,.section-head,.pager{flex-direction:column;align-items:flex-start}}@media (width<=560px){.main-area,.sidebar{padding:18px}.sidebar nav{grid-template-columns:1fr}}
