:root{--primary: #2563eb;--bg: #f8fafc;--text: #1e293b;--card: #ffffff;--border: #e2e8f0}body{font-family:system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);margin:0;display:flex;justify-content:center;min-height:100vh}#root{width:100%;max-width:800px;padding:2rem}.container{background:var(--card);padding:2rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}h1,h2{margin-top:0}input,textarea{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:4px;box-sizing:border-box}button{background-color:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}button:hover{opacity:.9}button.secondary{background-color:#64748b}button.danger{background-color:#ef4444;margin-left:auto}.auth-form{max-width:400px;margin:4rem auto}.item-card{border:1px solid var(--border);padding:1rem;margin-bottom:1rem;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.error{color:#ef4444;margin-bottom:1rem}.nav{display:flex;justify-content:space-between;margin-bottom:2rem;align-items:center}