:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--bg-raised:#131a22;--border:#232d38;--text:#e8edf2;--text-dim:#8a97a6;--accent:#ffb020;--danger:#e5484d;--ok:#3ecf8e;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent)}button{font:inherit;cursor:pointer}.page{max-width:640px;margin:0 auto;padding:1rem 1rem 5rem}.topbar{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:1.1rem}.topbar nav{gap:.75rem;font-size:.9rem;display:flex}.tabs{gap:.5rem;margin:1rem 0;display:flex}.tab{text-align:center;border:1px solid var(--border);background:var(--bg-raised);color:var(--text-dim);border-radius:8px;flex:1;padding:.5rem}.tab.active{border-color:var(--accent);color:var(--text)}.card{background:var(--bg-raised);border:1px solid var(--border);color:inherit;border-radius:10px;margin-bottom:.6rem;padding:.85rem 1rem;text-decoration:none;display:block}.card.urgent{border-left:3px solid var(--danger)}.card-title{margin-bottom:.2rem;font-weight:600}.card-meta{color:var(--text-dim);font-size:.8rem}.empty{color:var(--text-dim);text-align:center;padding:3rem 1rem}.btn{background:var(--bg-raised);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.55rem .9rem;font-size:.9rem}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1300;font-weight:600}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn-row{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}input,textarea,select{background:var(--bg-raised);border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;padding:.55rem .7rem;font-size:.95rem}label{color:var(--text-dim);margin:.6rem 0 .25rem;font-size:.85rem;display:block}.form{flex-direction:column;gap:.5rem;max-width:320px;margin:3rem auto;display:flex}.error{color:var(--danger);font-size:.9rem}.key-box{background:var(--bg-raised);border:1px solid var(--accent);word-break:break-all;border-radius:8px;margin:.5rem 0;padding:.7rem;font-family:ui-monospace,monospace;font-size:.8rem}.section{margin:2rem 0}.section h2{border-bottom:1px solid var(--border);padding-bottom:.4rem;font-size:1rem}.row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;display:flex}