:root{color:#f3efe8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#0a1018c7;--panel-border:#ffffff14;--panel-strong:#ffffff1f;--text-soft:#aab7c7;--accent:#ffb347;--accent-strong:#ff8c42;--mint:#4dd4ac;--danger:#ff7b72;--shadow:0 24px 80px #00000059;background:radial-gradient(circle at 0 0,#ffa6002e,#0000 28%),radial-gradient(circle at 100% 0,#00c2a82e,#0000 24%),linear-gradient(#0f1720 0%,#16212d 45%,#0d141c 100%);font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:999px;padding:.9rem 1.3rem;transition:transform .16s,opacity .16s,background .16s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}input{border:1px solid var(--panel-border);color:#f8fafc;background:#ffffff0a;border-radius:16px;width:100%;padding:.9rem 1rem}input:focus{outline-offset:1px;outline:2px solid #ffb34773}#app{min-height:100vh}.shell{width:min(1400px,100% - 2rem);margin:0 auto;padding:2rem 0 3rem}.hero-panel,.panel{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel{border-radius:32px;gap:1.5rem;padding:2rem;display:grid}.eyebrow,.panel-kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0 0 .5rem;font-size:.78rem}h1,h2,h3,p{margin:0}h1{max-width:12ch;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95}h2{font-size:1.5rem}.lede{max-width:70ch;color:var(--text-soft)}.config-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.config-grid label,.approval-actions label{color:var(--text-soft);gap:.45rem;display:grid}.config-grid label{grid-column:span 3}.config-grid .token-field{grid-column:span 4}.actions-row{grid-column:span 2;align-items:end;gap:.75rem;display:flex}.primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#1b1208;font-weight:700}.secondary{color:#f8fafc;background:#ffffff14}.error-banner{color:#ffd2ce;background:#ff7b721f;border:1px solid #ff7b7259;border-radius:18px;padding:.9rem 1rem}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.panel{border-radius:28px;gap:1rem;padding:1.5rem;display:grid}.panel-header,.toolbar,.approval-actions,.select-all-row,.approval-topline{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.toolbar,.approval-actions{flex-wrap:wrap}.toolbar input,.approval-actions input{min-width:220px}.toggle-pill{border:1px solid var(--panel-border);background:#ffffff0f;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .9rem;display:inline-flex}.toggle-pill input,.select-all-row input,.list-row input{width:auto}.list-card{border:1px solid var(--panel-border);background:#ffffff08;border-radius:24px;overflow:hidden}.list-row{border-bottom:1px solid #ffffff0f;grid-template-columns:auto 1fr;align-items:start;gap:.9rem;padding:1rem;display:grid}.list-row:last-child{border-bottom:0}.list-row p{color:var(--text-soft)}.approval-row{gap:1rem}.status-badge{text-transform:capitalize;background:#ffffff14;border-radius:999px;padding:.3rem .7rem;font-size:.8rem}.status-badge[data-status=pending]{color:#ffd08a;background:#ffb34729}.status-badge[data-status=approved]{color:#9ef0d5;background:#4dd4ac29}.status-badge[data-status=rejected]{color:#ffc1bc;background:#ff7b7229}.empty-state{color:var(--text-soft);padding:1.2rem}.results ul{gap:.65rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.results li{background:#ffffff0a;border-radius:18px;justify-content:space-between;gap:1rem;padding:.85rem 1rem;display:flex}.results li.success{border:1px solid #4dd4ac59}.results li.error{border:1px solid #ff7b7259}@media (width<=1100px){.dashboard-grid{grid-template-columns:1fr}.config-grid label,.config-grid .token-field,.actions-row{grid-column:1/-1}}@media (width<=720px){.shell{width:min(100% - 1rem,1400px);padding-top:.75rem}.hero-panel,.panel{border-radius:24px;padding:1.1rem}.panel-header,.toolbar,.approval-actions,.approval-topline{flex-direction:column;align-items:stretch}.results li{flex-direction:column}}