*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}.app{max-width:960px;margin:0 auto;padding:2rem 1rem}h1{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.subtitle{color:#64748b;font-size:.875rem;margin-bottom:2rem}.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.panel{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:1.25rem}.panel h2{font-size:.875rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.status-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0}.badge{padding:.125rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.badge.ok{background:#064e3b;color:#6ee7b7}.badge.err{background:#7f1d1d;color:#fca5a5}.badge.warn{background:#78350f;color:#fcd34d}.mono{font-family:SF Mono,Fira Code,monospace;font-size:.8rem}.small{font-size:.75rem;color:#64748b}.db-version{margin-top:.75rem;font-size:.75rem;color:#64748b;word-break:break-all}.counter{font-size:3rem;font-weight:700;font-family:SF Mono,Fira Code,monospace;text-align:center;padding:1rem 0;color:#38bdf8}button{background:#334155;color:#e2e8f0;border:1px solid #475569;border-radius:4px;padding:.375rem .75rem;cursor:pointer;font-size:.8rem}button:hover{background:#475569}.create-form{display:flex;gap:.5rem;margin-bottom:1rem}.create-form input{flex:1;min-width:0;background:#0f172a;border:1px solid #334155;border-radius:4px;padding:.375rem .5rem;color:#e2e8f0;font-size:.875rem}.create-form input::placeholder{color:#475569}.items-list{list-style:none}.items-list li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #1e293b}.items-list li span:first-child{flex:1}.delete-btn{background:transparent;border:none;color:#ef4444;font-size:1.25rem;padding:0 .25rem;cursor:pointer}.delete-btn:hover{color:#f87171}.error{color:#fca5a5;font-size:.8rem}.empty{color:#475569;font-size:.875rem;text-align:center;padding:1rem 0}.cached-badge{display:inline-block;background:#164e63;color:#67e8f9;font-size:.65rem;font-weight:400;text-transform:lowercase;letter-spacing:0;padding:.1rem .4rem;border-radius:3px;margin-left:.5rem;vertical-align:middle}.cache-result{margin-top:.5rem;padding:.5rem;background:#0f172a;border-radius:4px}.events-list{list-style:none;max-height:200px;overflow-y:auto}.events-list li{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;border-bottom:1px solid #1e293b}.event-type{padding:.1rem .3rem;border-radius:3px;font-size:.65rem;font-weight:600}.event-type.created{background:#064e3b;color:#6ee7b7}.event-type.deleted{background:#7f1d1d;color:#fca5a5}.event-ts{margin-left:auto;color:#475569}.workflow-list{display:flex;flex-direction:column;gap:.5rem}.workflow-card{background:#0f172a;border-radius:4px;padding:.5rem .75rem}.workflow-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.workflow-header .mono{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.workflow-result{margin-top:.375rem;padding-top:.375rem;border-top:1px solid #1e293b;word-break:break-word}