:root{--primary: #2563eb;--primary-light: #dbeafe;--primary-dark: #1e40af;--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--surface: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--border: #e2e8f0;--error: #dc2626}@media (prefers-color-scheme: dark){:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--surface: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--border: #334155}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;padding-bottom:70px}#app{max-width:600px;margin:0 auto;padding:16px}.btn-primary{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border);padding:12px 24px;border-radius:8px;cursor:pointer}.icon-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:8px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);font-size:16px}.item-card{background:var(--surface);border-radius:12px;padding:16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d}.category-badge{display:inline-block;background:var(--primary-light);color:var(--primary-dark);padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.modal{background:var(--surface);width:100%;max-width:500px;border-radius:20px 20px 0 0;padding:24px;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.form-actions{display:flex;gap:12px;margin-top:24px}.form-actions button{flex:1}.category-filter{display:flex;gap:8px;overflow-x:auto;padding:12px 0;-webkit-overflow-scrolling:touch}.filter-btn{background:var(--bg-secondary);border:1px solid var(--border);padding:8px 16px;border-radius:20px;white-space:nowrap;text-transform:capitalize}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.view-header h1{font-size:28px}.search-box{margin:16px 0}.search-box input{width:100%;padding:14px;border-radius:30px;border:1px solid var(--border);background:var(--surface);font-size:16px}.login-view{display:flex;flex-direction:column;justify-content:center;min-height:80vh}.login-view h1{text-align:center;margin-bottom:32px}.error{color:var(--error);margin-top:12px;text-align:center}