*,*:before,*:after{box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;margin:0;color:#1f2937}.app-nav{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid #e5e7eb}.app-nav a{color:#2563eb;text-decoration:none}.app-nav a:hover{text-decoration:underline}.page-content{padding:1rem}.page-title{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.form-row{display:flex;gap:.5rem;margin-bottom:1rem}.input{border:1px solid #d1d5db;border-radius:.25rem;padding:.5rem .75rem;font-size:.875rem}.input:focus{outline:none;box-shadow:0 0 0 2px #2563eb;border-color:transparent}.input-grow{flex:1}.input-price{width:8rem}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-link{background:none;color:#2563eb;padding:0;font-size:.875rem}.btn-link:hover{text-decoration:underline}.item-list{list-style:none;padding:0;margin:0}.item-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.item-completed{text-decoration:line-through;color:#9ca3af}