:root{--bg:#f4efe4;--bg-accent:#efe4cb;--panel:rgba(255,252,245,0.88);--panel-strong:rgba(255,248,236,0.96);--border:rgba(46,82,74,0.16);--text:#1d2d29;--muted:#546a63;--accent:#176b5a;--accent-soft:#d6efe7;--danger-soft:#f0d4cf;--shadow:0 18px 48px rgba(37,54,49,0.1)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(23,107,90,.18),transparent 24rem),radial-gradient(circle at bottom right,rgba(201,122,72,.18),transparent 18rem),linear-gradient(180deg,var(--bg) 0,var(--bg-accent) 100%);color:var(--text);font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif}a{color:inherit}.github-link{position:fixed;top:1rem;right:1rem;z-index:1000;display:inline-flex;align-items:center;gap:.65rem;padding:.8rem 1rem;border:1px solid rgba(248,241,232,.18);border-radius:999px;background:rgba(26,40,34,.88);color:#f8f1e8;text-decoration:none;box-shadow:0 18px 45px rgba(24,36,32,.18);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.github-link:focus-visible,.github-link:hover{transform:translateY(-1px);background:rgba(31,57,62,.94);box-shadow:0 22px 50px rgba(24,36,32,.22)}.github-link:focus-visible{outline:3px solid rgba(224,108,47,.35);outline-offset:3px}.github-link__icon{width:1.1rem;height:1.1rem;flex-shrink:0}.github-link__label{font-size:.9rem;font-weight:700;letter-spacing:.04em}button,input,select,textarea{font:inherit}.shell{width:min(1120px,calc(100vw - 2rem));margin:0 auto;padding:2rem 0 3rem}.context-grid,.detail-header,.hero,.summary-grid{display:grid;grid-gap:1rem;gap:1rem}.hero{grid-template-columns:1.5fr 1fr}.detail-header,.hero{align-items:start;margin-bottom:1rem}.detail-header{grid-template-columns:1fr auto}.hero-card,.panel{border:1px solid var(--border);border-radius:24px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.context-copy h2,.hero h1,.login-copy h1,.table-header h2{margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-weight:700;letter-spacing:-.03em}.hero h1,.login-copy h1{font-size:clamp(2.6rem,5vw,4.6rem);line-height:.95}.context-copy p,.hero-copy,.login-copy p,.table-hint{color:var(--muted);line-height:1.6}.eyebrow{margin:0 0 .5rem;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero-card,.login-panel,.panel{padding:1.25rem}.hero-card{background:var(--panel-strong)}.hero-user{margin:0;font-size:1.2rem;font-weight:700}.context-status,.empty-state span,.flag-description,.hero-meta,.stat-card span{margin:.35rem 0 0;color:var(--muted)}.primary-button,.secondary-button{border:0;border-radius:999px;padding:.8rem 1.2rem;cursor:pointer}.primary-button{background:var(--accent);color:white;font-weight:700}.secondary-button{margin-top:1rem;background:var(--accent-soft);color:var(--accent);font-weight:700}.context-panel,.detail-panel,.table-panel{margin-top:1rem}.detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:1rem;gap:1rem}.context-grid,.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid{margin-top:1rem}.context-field,.login-field{display:grid;grid-gap:.45rem;gap:.45rem}.context-field span,.login-field span{font-size:.86rem;color:var(--muted)}.context-field input,.context-field select,.context-field textarea,.login-field input{width:100%;border:1px solid var(--border);border-radius:16px;padding:.85rem 1rem;background:white}.stat-card strong{display:block;font-size:2.4rem;line-height:1}.login-layout,.table-header{display:grid;grid-gap:1rem;gap:1rem}.table-header{grid-template-columns:1fr auto;align-items:end;margin-bottom:1rem}.table-header-actions{display:flex;align-items:center;gap:.75rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{border-top:1px solid var(--border);padding:.95rem .75rem;text-align:left;vertical-align:top}th{color:var(--muted);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.flag-name,.status-pill,th{font-weight:700}.status-pill{display:inline-flex;border-radius:999px;padding:.3rem .7rem;font-size:.82rem}.status-active{background:var(--accent-soft);color:var(--accent)}.status-archived,.status-revoked{background:var(--danger-soft);color:#8d3d2f}.empty-state{padding:2rem .5rem .5rem}.detail-actions{display:flex;justify-content:flex-end}.detail-back-link{margin-top:0}.detail-back-link,.table-link-button{display:inline-flex;align-items:center;text-decoration:none}.table-link-button{justify-content:center;border:1px solid rgba(23,107,90,.22);border-radius:999px;padding:.45rem .9rem;background:rgba(255,255,255,.84);color:var(--accent);font-size:.9rem;font-weight:700}.table-link-button:focus-visible,.table-link-button:hover{border-color:rgba(23,107,90,.4);background:var(--accent-soft)}.table-link-button.is-disabled{opacity:.55;cursor:default;pointer-events:none}.detail-feedback{margin:0 0 1rem;border-radius:18px;padding:.9rem 1rem}.detail-feedback-success{background:var(--accent-soft);color:var(--accent)}.detail-feedback-error{background:var(--danger-soft);color:#8d3d2f}.flash-panel{margin-bottom:1rem}.secret-value{display:block;overflow-x:auto;margin-top:1rem;border-radius:16px;padding:.9rem 1rem;background:#f6f0e4;color:#23403a;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.9rem;line-height:1.5}.detail-stack{display:grid;grid-gap:1rem;gap:1rem}.detail-block{border:1px solid var(--border);border-radius:20px;padding:1rem;background:rgba(255,255,255,.58)}.environment-form{margin-bottom:1rem}.environment-form,.metadata-form{display:grid;grid-gap:.9rem;gap:.9rem}.metadata-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.9rem;gap:.9rem}.metadata-archive-row,.metadata-form-actions{display:flex;justify-content:space-between;gap:1rem;align-items:center}.environment-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.9rem;gap:.9rem}.create-form{grid-template-columns:1fr auto;align-items:end}.create-form,.flag-create-form{display:grid;grid-gap:.9rem;gap:.9rem}.flag-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.9rem;gap:.9rem}.flag-create-actions{display:flex;justify-content:flex-start}.audit-filter-form{display:grid;grid-template-columns:minmax(0,18rem) auto;grid-gap:.9rem;gap:.9rem;align-items:end}.audit-filter-actions{display:flex;gap:.75rem;align-items:center}.audit-log-list{display:grid;grid-gap:1rem;gap:1rem}.audit-log-card{border:1px solid var(--border);border-radius:22px;padding:1rem;background:rgba(255,255,255,.62)}.audit-log-header,.audit-pagination{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.audit-log-header h3{margin:0}.audit-log-actions{display:flex;gap:.75rem;align-items:center}.audit-log-time{white-space:nowrap}.audit-log-meta,.audit-log-time{color:var(--muted);font-size:.95rem}.audit-log-meta{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin:.85rem 0 1rem}.audit-log-meta code{color:var(--text)}.audit-log-diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.readonly-rules,.rule-editor{border-top:1px solid var(--border);padding-top:.9rem}.attribute-list,.rollout-list{display:grid;grid-gap:.75rem;gap:.75rem;margin-top:.75rem}.attribute-row{display:grid;grid-template-columns:1fr .7fr 1.2fr 1fr;grid-gap:.9rem;gap:.9rem}.rollout-row{display:grid;grid-template-columns:.7fr 1fr;grid-gap:.9rem;gap:.9rem}.environment-save-button{justify-self:start}.create-button,.danger-button{margin-top:0}.danger-button{border-color:rgba(141,61,47,.18);color:#8d3d2f}.danger-button:focus-visible,.danger-button:hover{border-color:rgba(141,61,47,.3);background:var(--danger-soft)}.detail-block-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.75rem}.detail-block-header h3{margin:0}.detail-block-header p,.detail-inline-meta,.empty-inline{margin:.3rem 0 0;color:var(--muted)}.detail-inline-meta{font-size:.92rem}.preview-panel{margin-top:1rem}.preview-grid{display:grid;grid-template-columns:.95fr 1.05fr;grid-gap:1rem;gap:1rem}.preview-form{display:grid;grid-gap:.9rem;gap:.9rem}.preview-textarea{min-height:11rem;resize:vertical}.preview-actions{display:flex;gap:.75rem;align-items:center}.preview-feedback{margin-top:0;margin-bottom:1rem}.preview-result-stack{display:grid;grid-gap:1rem;gap:1rem}.preview-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.preview-summary-card{border:1px solid var(--border);border-radius:18px;padding:.85rem .95rem;background:rgba(255,255,255,.56)}.preview-summary-card span{display:block;color:var(--muted);font-size:.84rem}.preview-summary-card strong{display:block;margin-top:.3rem;font-size:1.1rem}.environment-card.is-selected{border-color:rgba(23,107,90,.45);box-shadow:inset 0 0 0 1px rgba(23,107,90,.18)}.json-block{margin:0;overflow-x:auto;border-radius:16px;padding:.9rem 1rem;background:#f6f0e4;color:#23403a;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.88rem;line-height:1.5}.rule-list{margin:0;padding-left:0;list-style:none;display:grid;grid-gap:.6rem;gap:.6rem}.rule-list li{color:var(--text);line-height:1.5}.rule-order{color:var(--accent);font-weight:700}.login-shell{width:min(980px,calc(100vw - 2rem));margin:0 auto;min-height:100vh;display:grid;align-items:center}.login-layout{grid-template-columns:1.2fr .9fr}.login-panel{border:1px solid var(--border);border-radius:28px;background:var(--panel-strong);box-shadow:var(--shadow)}.login-error{margin:0 0 1rem;border-radius:16px;padding:.9rem 1rem;background:var(--danger-soft);color:#8d3d2f}.login-panel form .primary-button{margin-top:.5rem}.error-panel-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.login-hint{margin-top:1rem;color:var(--muted);font-size:.95rem}@media (max-width:900px){.context-grid,.detail-grid,.detail-header,.hero,.login-layout,.preview-grid,.summary-grid,.table-header{grid-template-columns:1fr}.detail-block-header{flex-direction:column}.attribute-row,.audit-filter-form,.audit-log-diff,.create-form,.environment-form-grid,.flag-create-grid,.metadata-form-grid,.preview-summary-grid,.rollout-row{grid-template-columns:1fr}.audit-filter-actions,.audit-log-actions,.audit-log-header,.audit-pagination,.metadata-archive-row,.metadata-form-actions,.preview-actions,.table-header-actions{flex-direction:column;align-items:stretch}.audit-log-time{white-space:normal}}@media (max-width:640px){.github-link{top:.75rem;right:.75rem;padding:.8rem}.github-link__label{display:none}}